:root{--navy: #031f41;--navy2: #1d3557;--oak: #944925;--oak2: #fe9e72;--green: #10b981;--amber: #d97706;--red: #b91c1c;--surface: #f7f9fb;--card: #fff;--border: #E2E8F0;--text: #191c1e;--muted: #44474e;--sans: "Syne", sans-serif;--mono: "JetBrains Mono", monospace;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);font-size:14px;line-height:1.5;color:var(--text);background-color:var(--surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:210px;flex-shrink:0;background-color:var(--navy);display:flex;flex-direction:column;color:#fff;overflow-y:auto}.sb-logo{padding:16px 16px 12px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:9px}.sb-logo-mark{width:28px;height:28px;background-color:var(--oak2);border-radius:5px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:var(--navy)}.sb-brand{color:#fff;font-size:14px;font-weight:600;letter-spacing:-.01em}.org-switcher{margin:8px 10px;background-color:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:7px;padding:6px 9px;display:flex;align-items:center;gap:7px;cursor:pointer;transition:all .12s}.org-switcher:hover{background-color:#ffffff1a}.org-avatar{width:24px;height:24px;border-radius:50%;background-color:var(--oak);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;flex-shrink:0}.org-info{flex:1}.org-name{color:#fff;font-size:12px;font-weight:600;margin:0}.org-role{color:#ffffff73;font-size:10px;margin:0}.org-chevron{color:#fff6;font-size:12px}.nav-section{padding:3px 8px;margin-top:4px}.nav-label{color:#ffffff4d;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:6px 8px 4px;display:block;margin:0}.nav-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;color:#fff9;cursor:pointer;font-size:12px;font-weight:500;margin-bottom:1px;text-decoration:none;transition:all .1s;border:none;background:none;font-family:var(--sans)}.nav-item:hover{background-color:#ffffff12;color:#ffffffe6}.nav-item.active{background-color:#fe9e722e;color:var(--oak2)}.nav-icon{width:15px;height:15px;flex-shrink:0}.nav-badge{margin-left:auto;background-color:#dc2626;color:#fff;font-size:9px;font-weight:600;border-radius:99px;padding:1px 5px}.nav-new{margin-left:auto;font-size:9px;background-color:#fe9e7233;color:var(--oak2);padding:1px 5px;border-radius:3px}.sb-footer{margin-top:auto;padding:8px 14px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:7px}.user-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:7px}.user-avatar{width:24px;height:24px;border-radius:50%;background-color:var(--oak2);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;color:var(--navy);flex-shrink:0}.user-name{color:#ffffffb3;font-size:10px;font-weight:500;margin:0}.user-plan{color:#ffffff4d;font-size:9px;margin:0}.main{flex:1;overflow-y:auto;display:flex;flex-direction:column}.topbar{background-color:var(--card);border-bottom:1px solid var(--border);padding:0 18px;height:48px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.page-title{font-size:16px;font-weight:600;margin:0}.topbar-actions{display:flex;align-items:center;gap:8px}.content{flex:1;padding:14px 18px;overflow-y:auto}.btn{border:none;border-radius:6px;cursor:pointer;font-family:var(--sans);font-weight:500;font-size:12px;padding:6px 12px;transition:all .12s;display:inline-flex;align-items:center;gap:6px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-p{background-color:var(--navy);color:#fff}.btn-p:hover:not(:disabled){background-color:var(--navy2)}.btn-g{background-color:transparent;color:var(--muted);border:1px solid var(--border)}.btn-g:hover:not(:disabled){background-color:var(--surface)}.btn-warn{background-color:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.btn-warn:hover:not(:disabled){opacity:.9}.btn-danger{background-color:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.btn-danger:hover:not(:disabled){opacity:.9}.btn-sm{font-size:11px;padding:4px 9px}.form-group{margin-bottom:10px}.form-label{display:block;font-size:9px;font-weight:600;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px}input,textarea,select{width:100%;border:1px solid var(--border);border-radius:6px;padding:7px 8px;font-family:var(--sans);font-size:11px;color:var(--text);transition:all .12s}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px #031f411a}textarea{resize:vertical;min-height:80px}.card,.panel{background-color:var(--card);border:1px solid var(--border);border-radius:9px;margin-bottom:14px}.panel{overflow:hidden}.panel-header{padding:11px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.panel-title{font-size:12px;font-weight:600;margin:0}.panel-body{padding:14px 16px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.kpi{background-color:var(--card);border:1px solid var(--border);border-radius:9px;padding:11px 13px}.kpi-label{font-size:10px;font-weight:600;color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin:0}.kpi-value{font-family:var(--mono);font-size:20px;font-weight:500;color:var(--text);margin:0}.kpi-subtext{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:4px;margin:0}.delta-pos{color:var(--green)}.delta-neg{color:#e53e3e}.tbl{width:100%;border-collapse:collapse;font-size:12px}.tbl th{font-size:10px;font-weight:600;color:var(--muted);letter-spacing:.05em;text-transform:uppercase;padding:8px 14px;text-align:left;border-bottom:1px solid var(--border);background-color:var(--surface)}.tbl td{padding:9px 14px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background-color:#fafbfc}.tbl-num{font-family:var(--mono);text-align:right}.badge{display:inline-flex;align-items:center;gap:3px;border-radius:99px;padding:3px 8px;font-size:10px;font-weight:600}.s-paid{background-color:#dcfce7;color:#15803d}.s-open{background-color:#fff7ed;color:#c2410c}.s-draft{background-color:#f1f5f9;color:#475569}.s-pending{background-color:#dbeafe;color:#1d4ed8}.s-overdue{background-color:#fee2e2;color:#b91c1c}.b-dj{background-color:#dbeafe;color:#1e40af}.b-pt{background-color:#fef3c7;color:#92400e}.b-kt{background-color:#dcfce7;color:#15803d}.tab-row{display:flex;gap:2px;background-color:var(--surface);border-radius:6px;padding:2px;border:1px solid var(--border);width:fit-content}.tab-btn{padding:5px 11px;border-radius:5px;font-size:11px;font-weight:500;cursor:pointer;border:none;background-color:transparent;color:var(--muted);font-family:var(--sans);transition:all .12s}.tab-btn:hover{color:var(--text)}.tab-btn.active{background-color:var(--card);color:var(--navy);box-shadow:var(--shadow-sm)}.alert-banner{background-color:#fff7ed;border:1px solid #fed7aa;border-radius:9px;padding:11px 14px;display:flex;align-items:flex-start;gap:10px;margin-bottom:14px}.alert-banner.amber{background-color:#fffbf0;border-left:3px solid var(--amber)}.alert-banner.red{background-color:#fef2f2;border-left:3px solid var(--red)}.alert-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px}.alert-banner.amber .alert-icon{background-color:#d977061a;color:var(--amber)}.alert-banner.red .alert-icon{background-color:#b91c1c1a;color:var(--red)}.alert-content{flex:1}.alert-title{font-weight:600;font-size:13px;margin:0 0 2px}.alert-message{font-size:12px;margin:0;opacity:.9}.flex{display:flex}.flex-col{flex-direction:column}.flex-between{justify-content:space-between}.flex-center{align-items:center;justify-content:center}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.p-12{padding:12px}.p-14{padding:14px}.p-16{padding:16px}.px-16{padding-left:16px;padding-right:16px}.py-8{padding-top:8px;padding-bottom:8px}.text-muted{color:var(--muted)}.text-sm{font-size:12px}.text-xs{font-size:11px}.font-mono{font-family:var(--mono)}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.text-right{text-align:right}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}html,body,#root{height:100%;margin:0;padding:0}#root{display:flex;flex-direction:column}