:root{color:#102033;font-synthesis:none;text-rendering:optimizelegibility;--bg-deep:#eef7fb;--bg-panel:#ffffff94;--bg-panel-strong:#ffffffc2;--bg-panel-soft:#ffffff6b;--border-glass:#ffffffc2;--border-strong:#3397d152;--text-main:#102033;--text-soft:#40556c;--text-muted:#687d91;--accent-cyan:#1aa7d9;--accent-green:#31b986;--accent-violet:#7f6df2;--accent-rose:#e56f99;--danger:#b93131;--shadow-glow:0 24px 80px #4876992e;--glass-blur:blur(24px) saturate(145%);background:#eef7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#eef7fb}body{color:var(--text-main);background:radial-gradient(circle at 14% 8%,#7adcff73,#0000 28%),radial-gradient(circle at 82% 12%,#dcbeff80,#0000 30%),radial-gradient(circle at 78% 78%,#91f4ce6b,#0000 28%),linear-gradient(135deg,#f8fdff 0%,#edf8fb 42%,#f6f1ff 100%);min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#2c5f820f 1px,#0000 1px),linear-gradient(90deg,#2c5f820f 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000006b,#0000 80%);mask-image:linear-gradient(#0000006b,#0000 80%)}button,input,select,textarea{font:inherit}button{cursor:pointer}button,.clickable-row,.metric-card{transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}.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{-webkit-backdrop-filter:var(--glass-blur);background:var(--bg-panel);border:1px solid var(--border-glass);box-shadow:var(--shadow-glow);outline:1px solid #3a729914}.login-card{border-radius:18px;gap:18px;width:100%;max-width:430px;padding:30px;display:grid;position:relative}.login-card:before,.page-panel:before{content:"";border-radius:inherit;opacity:.85;background:linear-gradient(90deg,#1aa7d9bf,#31b986a3,#7f6df29e);height:1px;position:absolute;inset:0 18px auto}.login-card h1,.page-panel h1{color:var(--text-main);margin:4px 0 0;font-size:30px;line-height:1.15}.eyebrow{color:#15775f;letter-spacing:0;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{color:var(--text-main);background:#ffffffa8;border:1px solid #3f7ea82e;border-radius:10px;min-height:44px;padding:10px 12px}textarea{color:var(--text-main);resize:vertical;background:#ffffffa8;border:1px solid #3f7ea82e;border-radius:10px;min-height:140px;padding:10px 12px}input::placeholder{color:var(--text-muted)}input:focus,select:focus,textarea:focus{border-color:var(--accent-cyan);outline:0;box-shadow:0 0 0 4px #79f2ff1f}.primary-button,.secondary-button,.nav-item,.tab-button,.menu-button{border-radius:10px;min-height:40px}.primary-button{color:#fff;background:linear-gradient(135deg,#1aa7d9eb,#31b986e0);border:1px solid #ffffff38;font-weight:850;box-shadow:0 12px 34px #1aa7d933}.primary-button:disabled{cursor:wait;opacity:.72}.primary-button:hover,.secondary-button:hover,.link-button:hover{transform:translateY(-1px)}.secondary-button{border:1px solid var(--border-glass);color:var(--text-main);background:#fff9;padding:0 14px}.secondary-button:hover,.nav-item:hover,.tab-button:hover{border-color:var(--border-strong);box-shadow:0 0 24px #1aa7d91a}.link-button{color:#15775f;background:0 0;border:0;padding:0;font-weight:850}.form-error{color:#8e2424;background:#ffffff9e;border:1px solid #b9313138;border-radius:10px;padding:10px 12px;font-size:14px}.notice-state{color:#15775f;background:#ffffff9e;border:1px solid #31b9863d;border-radius:10px;padding:10px 12px;font-size:14px}.glass-form{-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);background:#ffffff75;border-radius:16px;gap:16px;padding:16px;display:grid}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.line-grid{grid-template-columns:minmax(180px,2fr) repeat(4,minmax(110px,1fr))}.detail-actions,.attach-form{border-top:1px solid #3f7ea81f;gap:12px;margin-top:16px;padding-top:16px;display:grid}.app-shell{grid-template-columns:270px minmax(0,1fr);gap:18px;min-height:100vh;padding:18px;display:grid}.sidebar{color:var(--text-main);border-radius:18px;flex-direction:column;gap:24px;height:calc(100vh - 36px);padding:18px;display:flex;position:sticky;top:18px;overflow:hidden}.brand{align-items:center;gap:10px;min-height:42px;font-weight:900;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent-cyan), var(--accent-violet));color:#fff;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;box-shadow:0 0 28px #1aa7d938}.nav-list{gap:8px;display:grid}.nav-item{color:var(--text-soft);text-align:left;background:#ffffff52;border:1px solid #0000;padding:0 12px;font-weight:720}.nav-item.active{color:var(--text-main);background:linear-gradient(135deg,#ffffffa8,#def6ff80);border-color:#1aa7d952}.workspace{grid-template-rows:auto 1fr;gap:18px;min-width:0;display:grid}.topbar{border-radius:18px;justify-content:space-between;align-items:center;min-height:74px;padding:14px 18px;display:flex}.topbar-left{align-items:center;gap:12px;min-width:0;display:flex}.menu-button{border:1px solid var(--border-glass);background:#ffffff94;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:44px;height:42px;display:none}.menu-button span{background:#16324a;border-radius:999px;width:18px;height:2px;display:block}.company-name{color:var(--text-main);overflow-wrap:anywhere;font-weight:850}.muted{color:var(--text-soft);line-height:1.55}.user-controls{align-items:center;gap:12px;display:flex}.user-chip{text-align:right;background:#ffffff85;border:1px solid #ffffff9e;border-radius:12px;gap:2px;padding:8px 10px;font-size:14px;display:grid}.user-chip small{color:var(--text-soft)}.content{padding:0}.page-panel{border-radius:18px;min-height:220px;padding:24px;position:relative}.banking-page,.contacts-page,.expenses-page,.invoices-page,.payments-page,.dashboard-page,.reports-page,.settings-page{gap:18px;display:grid}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-actions,.quick-actions,.filter-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.page-header h1{margin-bottom:6px}.search-row{gap:8px;display:flex}.search-row input{min-width:220px}.tab-row{border-bottom:1px solid #3f7ea824;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(--accent-cyan);color:var(--text-main)}.data-state{color:var(--text-soft);text-align:center;border-radius:16px;gap:6px;min-height:140px;padding:24px;display:grid}.error-state{color:#8e2424;background:#ffffffad;border-color:#b931313d}.table-wrap{border-radius:16px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:720px}.data-table th,.data-table td{text-align:left;vertical-align:top;border-bottom:1px solid #3f7ea81f;padding:13px 14px}.data-table th{color:var(--text-main);background:#ffffff80;font-size:13px;font-weight:850}.data-table td{color:var(--text-soft)}.data-table.compact{min-width:520px}.data-table.compact th,.data-table.compact td{padding:10px 12px}.data-table tr:last-child td{border-bottom:0}.clickable-row:hover{background:#ffffff70;transform:translateY(-1px)}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{border-radius:16px;gap:7px;min-height:120px;padding:16px;display:grid;position:relative;overflow:hidden}.metric-card:after{content:"";filter:blur(18px);opacity:.28;border-radius:999px;width:54px;height:54px;position:absolute;top:-14px;right:-14px}.metric-card.tone-cyan:after,.status-badge.tone-cyan{color:#126f92;background:#1aa7d929}.metric-card.tone-green:after,.status-badge.tone-green{color:#15775f;background:#31b9862e}.metric-card.tone-violet:after,.status-badge.tone-violet{color:#5544bd;background:#7f6df229}.metric-card.tone-rose:after,.status-badge.tone-rose{color:#a3355f;background:#e56f992e}.metric-label{color:var(--text-muted);text-transform:uppercase;font-size:12px;font-weight:850}.metric-value{color:var(--text-main);overflow-wrap:anywhere;font-size:26px;font-weight:900}.metric-detail{color:var(--text-soft);font-size:13px;line-height:1.45}.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:16px;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:1px solid #ffffffb8;border-radius:999px;padding:7px 9px;font-size:12px;font-weight:850;line-height:1;display:inline-flex}.compact-list{color:var(--text-soft);gap:8px;margin:0;padding-left:18px;display:grid}.json-preview{color:var(--text-soft);white-space:pre-wrap;background:#ffffff8a;border:1px solid #3f7ea81f;border-radius:12px;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}.placeholder-note{color:var(--text-soft);background:#ffffff6b;border:1px solid #3f7ea81f;border-radius:12px;padding:12px;font-size:13px;line-height:1.45}.summary-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.detail-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.detail-card-grid .detail-list{background:#ffffff57;border:1px solid #ffffff8a;border-radius:12px;padding:12px}.split-view{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}.detail-panel{border-radius:16px;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:#15775f;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}@media (width<=900px){.app-shell{grid-template-columns:1fr;padding:12px}.menu-button{flex:none;display:inline-flex}.sidebar{opacity:0;pointer-events:none;z-index:20;height:auto;max-height:calc(100vh - 24px);transition:opacity .16s,transform .16s;position:fixed;top:12px;left:12px;right:12px;overflow-y:auto;transform:translateY(-12px)}.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:46px}.topbar{align-items:flex-start;gap:14px}.user-controls{flex-direction:column;align-items:flex-end}.content{min-width:0}.metric-grid,.dashboard-grid,.report-grid,.report-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.login-screen,.centered-panel{padding:14px}.login-card,.page-panel{padding:18px}.topbar{flex-direction:column}.topbar-left,.user-controls{align-items:flex-start;width:100%}.user-chip{text-align:left;width:100%}.page-header,.search-row,.page-actions,.quick-actions,.filter-row,.form-grid,.line-grid{flex-direction:column;grid-template-columns:1fr}.search-row input,.search-row button,.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}.data-table,.data-table thead,.data-table tbody,.data-table th,.data-table td,.data-table tr{min-width:0;display:block}.data-table thead{display:none}.data-table tr{border-bottom:1px solid #3f7ea81f;padding:10px 0}.data-table tr:last-child{border-bottom:0}.data-table td{border-bottom:0;grid-template-columns:minmax(96px,36%) minmax(0,1fr);align-items:start;gap:10px;padding:8px 12px;display:grid}.data-table td:before{color:var(--text-muted);content:attr(data-label);text-transform:uppercase;font-size:12px;font-weight:850}}@media (width<=460px){.nav-list{grid-template-columns:1fr}.login-card h1,.page-panel h1{font-size:25px}}