:root{color:#1e293b;font-synthesis:none;text-rendering:optimizelegibility;--primary:#1e40af;--primary-light:#3b82f6;--primary-dark:#1e3a8a;--accent:#0ea5e9;--background:#f8fafc;--surface:#fff;--surface-soft:#f1f5f9;--text-main:#1e293b;--text-soft:#475569;--text-muted:#64748b;--border:#e2e8f0;--border-soft:#f1f5f9;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 8px 22px #0f172a14;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}html{background:var(--background)}body{background:var(--background);color:var(--text-main);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.68}a{color:inherit}.login-screen,.centered-panel{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card,.page-panel,.sidebar,.topbar,.detail-panel,.glass-section,.metric-card,.table-wrap,.data-state,.glass-card,.glass-form{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.login-card{border-radius:14px;gap:18px;width:100%;max-width:430px;padding:30px;display:grid}.login-card h1,.page-panel h1{color:var(--text-main);margin:4px 0 0;font-size:30px;line-height:1.15}.eyebrow{color:var(--primary);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:800}label{color:var(--text-soft);gap:8px;font-size:14px;font-weight:700;display:grid}input,select,textarea{border:1px solid var(--border);color:var(--text-main);background:#fff;border-radius:8px;min-height:42px;padding:10px 12px;transition:border-color .15s,box-shadow .15s}textarea{resize:vertical;width:100%;min-height:110px}input::placeholder,textarea::placeholder{color:#94a3b8}input:focus,select:focus,textarea:focus{border-color:var(--primary-light);outline:0;box-shadow:0 0 0 3px #3b82f629}.primary-button,.secondary-button,.nav-item,.tab-button,.menu-button,.top-nav-item,.ghost-button{border-radius:8px;min-height:38px;transition:background .15s,border-color .15s,box-shadow .15s,color .15s}.primary-button{background:var(--primary);border:1px solid var(--primary);box-shadow:var(--shadow-sm);color:#fff;padding:0 14px;font-weight:750}.primary-button:hover{background:var(--primary-dark);box-shadow:var(--shadow-md)}.secondary-button,.ghost-button{border:1px solid var(--border);color:var(--text-main);background:#f8fafc;padding:0 12px;font-weight:700}.secondary-button:hover,.ghost-button:hover{background:#f1f5f9;border-color:#cbd5e1}.link-button{color:var(--primary);background:0 0;border:0;padding:0;font-weight:750}.form-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 12px;font-size:14px}.notice-state{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:10px 12px;font-size:14px}.responsive-grid{gap:18px;display:grid}.two-column-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.action-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.glass-form{border-radius:14px;gap:16px;padding:18px;display:grid}.glass-card{border-radius:14px;padding:16px}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.form-grid-wide{grid-column:1/-1}.line-grid{grid-template-columns:minmax(180px,2fr) repeat(4,minmax(110px,1fr))}.detail-actions,.attach-form{border-top:1px solid var(--border);gap:12px;margin-top:16px;padding-top:16px;display:grid}.app-shell{grid-template-columns:240px minmax(0,1fr);gap:0;min-height:100vh;padding:0;display:grid}.sidebar{border-top:0;border-bottom:0;border-left:0;border-radius:0;flex-direction:column;gap:22px;min-height:100vh;padding:18px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:10px;min-height:42px;font-weight:900;display:flex}.brand-mark{background:var(--primary-light);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.nav-list{gap:6px;display:grid}.nav-item{color:var(--text-soft);text-align:left;background:0 0;border:1px solid #0000;padding:0 12px;font-weight:700}.nav-item:hover{color:var(--primary);background:#eff6ff}.nav-item.active{color:var(--primary);background:#dbeafe;font-weight:800}.workspace{grid-template-rows:auto auto 1fr;gap:14px;min-width:0;padding:14px;display:grid}.topbar{border-radius:14px;justify-content:space-between;align-items:center;min-height:54px;padding:8px 14px;display:flex}.topbar-left{align-items:center;gap:10px;min-width:0;display:flex}.menu-button{border:1px solid var(--border);background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:40px;height:38px;display:none}.menu-button span{background:var(--text-main);border-radius:999px;width:18px;height:2px;display:block}.company-name{color:var(--text-main);overflow-wrap:anywhere;font-size:14px;font-weight:850;line-height:1.15}.muted{color:var(--text-muted);line-height:1.5}.user-controls{align-items:center;gap:8px;display:flex}.user-chip{border:1px solid var(--border);text-align:right;background:#f8fafc;border-radius:10px;gap:0;padding:5px 8px;font-size:12px;display:grid}.user-chip small{color:var(--text-muted);font-size:10px}.content{min-width:0;padding:0}.top-nav{display:none}.top-nav-item{border:1px solid var(--border);color:var(--text-soft);background:#fff;min-height:32px;padding:0 10px;font-size:12px;font-weight:750}.top-nav-item.active{color:var(--primary);background:#dbeafe;border-color:#bfdbfe}.page-panel{border-radius:14px;min-height:220px;padding:22px}.banking-page,.contacts-page,.expenses-page,.invoices-page,.payments-page,.dashboard-page,.reports-page,.settings-page,.estimates-page{gap:16px;display:grid}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-header h1{margin-bottom:6px;font-size:30px}.page-header p{color:var(--text-soft);margin-top:0}.page-actions,.quick-actions,.filter-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.page-actions input,.page-actions select{min-height:40px}.search-row{gap:8px;display:flex}.search-row input{min-width:220px}.tab-row{border-bottom:1px solid var(--border);gap:6px;display:flex;overflow-x:auto}.tab-button{color:var(--text-soft);background:0 0;border:1px solid #0000;border-bottom-width:3px;min-height:42px;padding:0 12px;font-weight:800}.tab-button.active{border-bottom-color:var(--primary);color:var(--primary)}.data-state{color:var(--text-soft);text-align:center;border-radius:14px;gap:6px;min-height:140px;padding:24px;display:grid}.error-state{color:#991b1b;background:#fef2f2;border-color:#fecaca}.table-wrap{border-radius:14px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:760px}.data-table th,.data-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:12px 14px}.data-table th{color:#475569;letter-spacing:.03em;text-transform:uppercase;background:#f8fafc;font-size:12px;font-weight:800}.data-table td{color:var(--text-main);font-size:14px}.data-table.compact{min-width:520px}.data-table.compact th,.data-table.compact td{padding:9px 11px}.data-table tr:last-child td{border-bottom:0}.clickable-row:hover{background:#f8fafc}.metric-grid,.summary-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-card{border-radius:12px;gap:5px;min-height:82px;padding:12px;display:grid;overflow:hidden}.metric-label{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:850}.metric-value{color:var(--text-main);overflow-wrap:anywhere;font-size:22px;font-weight:900}.metric-detail{color:var(--text-soft);font-size:13px;line-height:1.4}.dashboard-grid,.report-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.dashboard-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.dashboard-grid .glass-section:first-child{grid-row:span 2}.report-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.glass-section{border-radius:14px;gap:14px;min-width:0;padding:16px;display:grid}.glass-section h2,.section-title-row h2{margin:0;font-size:18px}.section-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.inline-actions,.permission-grid{flex-wrap:wrap;gap:8px;display:flex}.status-badge{border-radius:999px;padding:6px 9px;font-size:12px;font-weight:850;line-height:1;display:inline-flex}.status-badge.tone-cyan{color:#1d4ed8;background:#dbeafe}.status-badge.tone-green{color:#166534;background:#dcfce7}.status-badge.tone-violet{color:#6d28d9;background:#ede9fe}.status-badge.tone-rose{color:#be123c;background:#ffe4e6}.compact-list{color:var(--text-soft);gap:8px;margin:0;padding-left:18px;display:grid}.json-preview{border:1px solid var(--border);color:var(--text-soft);white-space:pre-wrap;background:#f8fafc;border-radius:10px;max-height:320px;padding:12px;font-size:12px;overflow:auto}.form-section{gap:12px;display:grid}.form-section h2,.placeholder-panel h2{margin:0 0 4px;font-size:17px}.form-section p{margin:0 0 4px}.form-section-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.form-section-actions{gap:8px;display:flex}.placeholder-note{border:1px solid var(--border);color:var(--text-soft);background:#f8fafc;border-radius:10px;padding:12px;font-size:13px;line-height:1.45}.detail-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.detail-card-grid .detail-list{border:1px solid var(--border);background:#f8fafc;border-radius:10px;padding:12px}.split-view{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}.detail-panel{border-radius:14px;min-height:220px;padding:16px}.detail-panel h2{margin:0 0 12px;font-size:18px}.detail-list{gap:8px;margin:0;display:grid}.detail-list dt{color:var(--primary);text-transform:uppercase;font-size:12px;font-weight:850}.detail-list dd{color:var(--text-soft);overflow-wrap:anywhere;margin:0 0 6px}.pagination-placeholder{color:var(--text-muted);font-size:13px}.mobile-fab{background:var(--primary);box-shadow:var(--shadow-md);color:#fff;z-index:60;border:0;border-radius:999px;justify-content:center;align-items:center;width:56px;height:56px;font-size:26px;display:none;position:fixed;bottom:18px;right:18px}@media (width<=900px){.app-shell{display:block}.workspace{padding:8px}.topbar{min-height:50px;padding:7px 10px}.menu-button{flex:none;display:inline-flex}.sidebar{opacity:0;pointer-events:none;z-index:90;border-radius:14px;height:auto;max-height:calc(100vh - 16px);padding:14px;transition:opacity .16s,transform .16s;position:fixed;top:8px;left:8px;right:8px;transform:translateY(-8px)}.sidebar.mobile-open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-item{min-height:42px}.user-chip,.top-nav{display:none}.metric-grid,.dashboard-grid,.report-grid,.report-grid.three,.summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.login-screen,.centered-panel,.login-card,.page-panel{padding:14px}.page-header{gap:12px;display:grid}.page-header h1{font-size:25px}.page-actions,.quick-actions,.filter-row,.form-grid,.line-grid{grid-template-columns:1fr}.page-actions{justify-content:stretch}.page-actions>*,.quick-actions>*,.filter-row>*{width:100%;min-width:0}.split-view,.metric-grid,.dashboard-grid,.report-grid,.report-grid.three,.summary-strip,.detail-card-grid{grid-template-columns:1fr}.metric-card{min-height:74px}.table-wrap,.glass-card{overflow-x:auto}.data-table{min-width:760px}.data-table th,.data-table td{padding:10px 12px}.mobile-fab{display:flex}.page-actions .primary-button{display:none}}@media (width<=460px){.nav-list{grid-template-columns:1fr}.login-card h1,.page-panel h1{font-size:24px}.workspace{padding:6px}.page-panel{padding:12px 10px}.metric-value{font-size:20px}}