:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#151327;background:#f8f7ff;font-synthesis:none;font-weight:400;font-size:14px;--purple: #6b28ff;--border: #eae6f8;--muted: #7b7892;--shadow: 0 3px 8px #4d2a8a06, 0 1px 2px #4d2a8a06}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #b7e900;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #b89aff;outline-offset:1px}button{border:0;background:none;color:inherit}a{color:var(--purple);text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:29px;letter-spacing:-1.1px;line-height:1.2}h2{font-size:19px;letter-spacing:-.7px}h3{font-size:16px}input,select,textarea{border:1px solid #e1dced;border-radius:10px;padding:11px 12px;min-width:0;color:#242036;background:#fff}textarea{resize:vertical}label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:550}label small{color:var(--muted);font-weight:400}input[type=checkbox]{accent-color:var(--purple);width:17px;height:17px}input[type=date]{font-size:12px}input::-webkit-calendar-picker-indicator{opacity:.55}.app-shell{max-width:1920px;margin:auto;padding:19px 28px 0}.topbar{display:flex;align-items:center;gap:25px;background:#ffffffed;border:1px solid var(--border);border-radius:26px;padding:13px 19px;box-shadow:0 5px 30px #6b28ff04;position:relative;z-index:10}.brand-button{padding:0;flex-shrink:0}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:21px;font-weight:750;letter-spacing:-1px}.brand b{font-weight:450}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:50%;background:linear-gradient(145deg,#19006f,#4015d9);font-size:22px;color:#fff;font-weight:800;letter-spacing:-3px;padding-right:3px;position:relative}.brand-mark span{width:8px;height:8px;background:#b6a2ff;position:absolute;right:6px;top:5px;clip-path:polygon(0 0,100% 50%,0 100%)}nav{display:flex;align-items:center;gap:7px;flex:1;justify-content:center}.nav-group{position:relative}.nav{display:flex;align-items:center;gap:7px;border:1px solid #eae6f4;border-radius:30px;font-size:12px;white-space:nowrap;padding:12px 14px;background:#fff}.nav:hover{background:#f6f1ff}.nav.active{background:linear-gradient(120deg,#9956ff,#621cff);border-color:transparent;color:#fff;box-shadow:0 4px 9px #7028ff24}.dropdown{position:absolute;top:48px;left:0;min-width:200px;padding:7px;background:#fff;border:1px solid var(--border);border-radius:15px;box-shadow:0 14px 40px #29135220}.dropdown button{display:block;width:100%;text-align:left;padding:11px;border-radius:9px;font-size:13px}.dropdown button:hover{background:#f2ecff;color:var(--purple)}.dropdown>span{display:block;padding:12px;color:var(--muted)}.header-tools{display:flex;gap:8px;align-items:center}.icon{width:35px;height:35px;border-radius:50%;background:#f6f4fa;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon:hover{background:#eee5ff}.avatar{width:36px;height:36px;background:#33283f;color:#fff;border:3px solid #efe8f5;border-radius:50%;font-size:15px;display:inline-flex;align-items:center;justify-content:center}.greeting{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(115deg,#fff 10%,#f2edff);border:1px solid #f1ecff;border-radius:23px;margin:17px 0;padding:24px 28px}.eyebrow{font-size:11px;color:var(--purple);font-weight:750;letter-spacing:1.4px;display:block;margin-bottom:6px}.greeting p{margin-top:7px;color:#6c6688;font-size:13px}.wave{display:inline-block;color:#bfdf14;margin-left:9px;font-size:29px}.date-control{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d8cbf9;border-radius:30px;padding:6px 12px;box-shadow:var(--shadow)}.date-control input,.date-control select{border:none;background:transparent;padding:5px 0;font-size:11px;max-width:115px}.date-control>span{color:#aca2bf}.date-control select{max-width:90px}.card{background:linear-gradient(130deg,#fff,#fff 75%,#fdfcff);border:1px solid var(--border);border-radius:21px;box-shadow:var(--shadow)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.record-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px}.record-metrics .metric{cursor:default}.metric{position:relative;text-align:left;padding:20px 20px 18px;overflow:hidden;min-width:0}.metric>span:first-child{display:block;font-size:14px;font-weight:600;letter-spacing:-.4px}.metric>strong{display:block;font-size:26px;letter-spacing:-1px;margin:15px 0 11px;white-space:nowrap;font-weight:720}.metric small{display:flex;gap:7px;align-items:center;font-size:9px;color:#77708e;white-space:nowrap;position:relative;z-index:1}.metric-arrow{position:absolute;right:12px;top:12px;border:1px solid #eee8f9;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff6}.featured{background:linear-gradient(125deg,#9551ff,#762fff 55%,#5510e8);color:#fff;border-color:transparent}.featured small{color:#e3d3ff}.featured .metric-arrow{background:#ffffff20;border-color:#fff1}.lime-tag,.red-tag{background:#ccff35;padding:4px 8px;border-radius:15px;color:#344500;font-size:10px;font-weight:600;white-space:nowrap}.red-tag{background:#ffe6ed;color:#e22f56}.metric-bars{position:absolute;bottom:0;right:15px;display:flex;align-items:flex-end;gap:6px;opacity:.12;height:52px}.metric-bars i{width:17px;background:#fff;height:30%}.metric-bars i:nth-child(2){height:50%}.metric-bars i:nth-child(3){height:75%}.metric-bars i:nth-child(4){height:100%}.chart-grid{display:grid;grid-template-columns:1.15fr 1.15fr .95fr;gap:14px;margin-top:15px}.chart-card{padding:17px 20px 10px;min-width:0}.card-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.subtle-arrow{border:1px solid var(--border);width:29px;height:29px;border-radius:50%;display:flex;align-items:center;justify-content:center}.chart-legend{display:flex;align-items:center;gap:18px;font-size:10px;justify-content:center;margin-top:6px}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.purple-dot{background:#7a2aff}.lime-dot{background:#b5ef00}.lavender-dot{background:#c9a7ff}.chart-legend small{color:var(--muted);font-size:9px}.chart{position:relative}.chart svg{display:block;width:100%;height:185px}.chart text{font-size:10px;fill:#5e5678;font-family:inherit}.chart-empty{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);font-size:10px;color:#9a8fb0;background:#fffd;padding:6px 12px;border-radius:30px;white-space:nowrap}.outstanding-card{padding:17px 20px}.outstanding-content{display:flex;align-items:center;justify-content:center;gap:17px;min-height:202px}.donut{border-radius:50%;width:153px;height:153px;flex-shrink:0;padding:16px;transform:rotate(-30deg)}.donut>div{background:#fff;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;transform:rotate(30deg)}.donut strong{font-size:19px;letter-spacing:-.6px}.donut small{font-size:9px;color:#756c8a}.outstanding-labels{flex:1}.outstanding-labels button{display:flex;align-items:center;gap:10px;padding:15px 0;text-align:left;width:100%;font-size:11px;line-height:1.5}.outstanding-labels button+button{border-top:1px solid var(--border)}.outstanding-labels strong{display:block;font-size:14px;margin-top:3px;letter-spacing:-.3px}.soft-icon{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:13px;flex-shrink:0;color:var(--purple);background:linear-gradient(145deg,#fff,#eee4ff);box-shadow:0 3px 5px #6025bd09}.bottom-grid{display:grid;grid-template-columns:1.5fr 1.12fr .65fr;gap:14px;margin-top:15px}.recent,.overdue{padding:17px 18px;min-width:0}.text-button{display:inline-flex;align-items:center;gap:7px;color:var(--purple);font-size:11px;padding:4px 0;font-weight:550;white-space:nowrap}.text-button:hover{text-decoration:underline}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{font-weight:650;color:#6c637f;padding:13px 10px 10px;border-bottom:1px solid var(--border);white-space:nowrap;font-size:10px;text-transform:none}td{padding:11px 10px;border-bottom:1px solid #f1edf8;vertical-align:middle}tbody tr:last-child td{border:0}tbody tr:hover{background:#faf7ff}.numeric{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.badge{padding:4px 10px;border-radius:15px;font-size:10px;display:inline-block;white-space:nowrap;text-transform:capitalize;background:#f0eaff;color:#6525dc}.badge.receipt,.badge.payment,.badge.posted{color:#248329;background:#e7f9d7}.badge.expense,.badge.cancelled{background:#ffe6ec;color:#d23a53}.badge.purchase{background:#fff0dc;color:#bb6813}.badge.transfer{background:#e4f1ff;color:#327bbc}.block{display:block}.muted{color:var(--muted);font-size:11px}.recent td{padding:9px 6px}.recent th{padding:12px 6px 9px}.recent b{font-weight:500}.recent .muted{font-size:10px;margin-top:3px}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:206px;gap:8px;padding:28px 20px}.empty-icon{color:#b292e6;background:#f8f3ff;border-radius:18px;padding:13px;margin-bottom:3px}.empty strong{font-size:13px;font-weight:550;color:#675b7c}.empty>span:last-child{font-size:11px;color:#9990a9;max-width:270px;line-height:1.6}.overdue-list{padding-top:10px}.overdue-list>button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border-bottom:1px solid var(--border);padding:12px 0}.overdue-list b{font-size:12px}.overdue-list small{display:block;font-size:9px;margin-top:4px;color:var(--muted)}.overdue-list strong{font-size:13px;color:#e73850;margin-left:auto}.overdue-list .red-tag{font-size:9px}.quick{padding:0 11px 12px;background:linear-gradient(145deg,#eee5ff,#f7f3ff)}.quick h2{padding:12px 7px}.quick>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick button{padding:15px 5px 12px;background:#fff;border:1px solid #e7dcff;border-radius:15px;box-shadow:0 3px 4px #6b28ff0b;display:flex;flex-direction:column;align-items:center;gap:9px;font-size:11px}.quick button svg{color:var(--purple)}.quick button:hover{transform:translateY(-1px);background:#fcfaff}.dashboard-note{display:flex;justify-content:center;align-items:center;gap:6px;color:#a69bb7;font-size:10px;margin-top:19px}.insight-card{display:flex;min-width:0;flex-direction:column;padding:21px;overflow:hidden;background:linear-gradient(145deg,#f1ffe5,#fff 48%,#f8e9ff)}.insight-label{color:#3478e5;font-size:9px;font-weight:750;letter-spacing:1px}.insight-card h2{margin-top:12px;color:#1d273b;font-size:20px;line-height:1.25}.insight-card>p{margin-top:7px;color:#778194;font-size:11px;line-height:1.55}.insight-total{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:17px}.insight-total span,.insight-breakdown button,.insight-balances button{font-size:10px}.insight-total strong{color:#1d273b;font-size:20px;letter-spacing:-.5px;white-space:nowrap}.insight-progress{height:6px;margin:8px 0 5px;overflow:hidden;border-radius:8px;background:#f3cb48}.insight-progress span{display:block;height:100%;border-radius:inherit;background:#3478e5}.insight-breakdown button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #ffffffa8;color:#596477;text-align:left}.insight-breakdown button>span{display:flex;align-items:center;gap:7px}.insight-breakdown i{width:7px;height:7px;border-radius:50%}.receivable-dot{background:#3478e5}.payable-dot{background:#f3c83d}.insight-breakdown strong{color:#252b37;font-size:10px;white-space:nowrap}.insight-balances{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.insight-balances button{display:flex;min-width:0;flex-direction:column;gap:5px;padding:9px;border:1px solid #ffffffb8;border-radius:10px;background:#ffffffa8;color:#788294;text-align:left}.insight-balances strong{overflow:hidden;color:#252b37;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.insight-link{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;margin-top:auto;padding-top:13px;color:#2563d9;font-size:11px;font-weight:650}.insight-link:hover{text-decoration:underline}.dashboard-recent{margin-top:15px;padding:0;overflow:hidden}.dashboard-recent-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 13px;border-bottom:1px solid var(--border)}.dashboard-recent-heading p{margin-top:5px;color:var(--muted);font-size:10px}.transaction-count{padding:6px 10px;border-radius:20px;background:#edf4ff;color:#2867cc;font-size:10px;white-space:nowrap}.dashboard-recent th{padding:12px 14px 10px;background:#fafbfd;color:#667085;font-size:10px}.dashboard-recent td{padding:12px 14px}.dashboard-secondary{display:grid;grid-template-columns:1.25fr .85fr;gap:14px;margin-top:15px}.dashboard-secondary>.card{min-width:0}.dashboard-secondary .overdue{padding:17px 18px}.dashboard-secondary .quick{padding:12px}.dashboard-secondary .quick h2{padding:5px 7px 12px}.app-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 3px;color:#a199af;font-size:10px}.app-footer>span:first-child{display:flex;align-items:center;gap:5px}.app-footer .text-button{color:#91839f;font-size:10px}.live-dot{display:inline-block;width:5px;height:5px;background:#a6d14b;border-radius:50%}.primary,.secondary{padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:11px;font-size:12px;font-weight:550;border:1px solid transparent}.primary{background:linear-gradient(120deg,#914aff,#6822f7);color:#fff;box-shadow:0 3px 6px #7031d41f}.primary:hover{filter:brightness(1.06)}.secondary{border-color:var(--border);background:#fff;color:#5a4b72}.secondary:hover{background:#f8f4ff}.danger{color:#d43856}.records{padding:24px;min-height:450px}.records-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.records-toolbar h2{font-size:22px}.records-toolbar p{color:var(--muted);font-size:12px;margin-top:7px}.toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toolbar-actions select{font-size:12px}.records-filter{display:flex;justify-content:space-between;align-items:center;margin:10px 0 12px}.search-field{display:flex;align-items:center;border:1px solid var(--border);border-radius:10px;padding-left:12px;color:#94849f;width:290px}.search-field input{border:none;background:transparent;font-size:12px;width:100%}.records td{font-size:12px;padding:15px 11px}.records th{font-size:11px;text-transform:capitalize}.records-footnote{font-size:11px;color:#9990a8;margin-top:28px;border-top:1px solid var(--border);padding-top:15px;line-height:1.7}.report-summary{background:#f3edff;border-radius:12px;padding:16px;margin-top:20px;font-weight:650;font-size:13px;color:#5c368e}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#20123366;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:min(840px,100%);max-height:90vh;overflow-y:auto;background:#fff;border:1px solid #e8ddf6;border-radius:24px;box-shadow:0 20px 100px #16003230;padding:27px;outline:none}.modal>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.modal h2{font-size:23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px}.span-2{grid-column:span 2}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;border-top:1px solid var(--border);padding-top:19px}.form-footer>span{font-size:11px;color:#9990a8}.error,.notice{padding:12px 15px;border-radius:10px;background:#fff0f3;color:#ac2846;font-size:12px;line-height:1.6;margin:15px 0}.notice{background:#eff9e3;color:#466121}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.items-editor{border-top:1px solid var(--border);padding-top:20px;margin-bottom:19px}.item-row{display:grid;grid-template-columns:2.3fr .65fr 1fr .7fr .7fr 32px;gap:8px;margin-bottom:14px;align-items:end}.item-row label{font-size:10px}.item-row input{padding:9px 7px;font-size:12px;width:100%}.item-row .icon{margin-bottom:1px}.totals{margin-left:auto;max-width:250px;display:flex;flex-direction:column;gap:9px;font-size:12px;padding-top:12px}.totals span,.totals>strong{display:flex;justify-content:space-between}.totals span{color:var(--muted)}.totals strong{font-size:17px;padding-top:10px;border-top:1px solid var(--border);color:var(--purple)}.form-note{color:#8c7e9a;font-size:11px;line-height:1.8;background:#faf7ff;padding:12px;border-radius:10px;margin:15px 0}.notes-label{margin-top:15px}.detail-heading{display:flex;align-items:center;justify-content:space-between}.detail-heading h3{font-size:26px;margin:12px 0 5px}.detail-heading>strong{font-size:28px;color:var(--purple)}.detail-heading p{color:var(--muted)}.detail-meta{display:flex;gap:25px;padding:20px 0;border-bottom:1px solid var(--border);margin-bottom:15px;font-size:11px;color:var(--muted)}.detail-meta b{display:block;margin-top:6px;font-size:13px;color:#423452}.history{margin-top:25px}.history>div{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:12px 0;border-bottom:1px solid var(--border)}.history h3{margin-bottom:10px}.attachments{margin:24px 0}.attachments>a{display:flex;align-items:center;gap:10px;margin:12px 0}.upload{display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;padding:15px;border:1px dashed #d6c6ed;border-radius:12px;font-size:11px;color:#8b72a4;margin-top:12px}.upload input{max-width:100%;padding:5px;font-size:11px;border:0}.detail-actions{display:flex;gap:10px;margin-top:20px}.reversal-form{border-top:1px solid var(--border);margin-top:20px;padding-top:20px;display:flex;flex-direction:column;gap:15px}.reversal-form p{color:#8c6573;font-size:12px;line-height:1.7}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#27163d;color:#fff;padding:14px 22px;border-radius:15px;box-shadow:0 10px 30px #0002;z-index:120;display:flex;align-items:center;gap:10px;font-size:13px}.toast svg{color:#c7ff48}.module-search{display:flex;flex-direction:column}.module-search input{margin-bottom:10px}.module-search button{padding:12px;border-bottom:1px solid var(--border);text-align:left;display:flex;justify-content:space-between}.profile{text-align:center;padding:15px 0 30px}.large.avatar{width:65px;height:65px;font-size:28px}.profile h3{margin:15px 0 8px}.profile p{color:var(--muted);margin-bottom:20px}.guide p{font-size:13px;line-height:1.9;margin-bottom:15px;color:#756485}.employee-select{max-width:420px;margin-bottom:20px}.permissions-table th:not(:first-child),.permissions-table td:not(:first-child){text-align:center}.backup-panel{display:flex;gap:15px;padding:22px;margin-top:30px;border-radius:15px;background:#f5f0ff;color:#6b498f}.backup-panel svg{flex-shrink:0}.backup-panel p{font-size:12px;line-height:1.7;margin-top:8px}.audit-id{font-size:10px!important;max-width:180px;overflow-wrap:anywhere}.audit-details{font-size:10px!important;max-width:350px;overflow-wrap:anywhere}.loading{display:flex;justify-content:center;align-items:center;min-height:230px;color:#9d8fb2}.boot{min-height:100vh;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;color:#81708f}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:#fff;padding:20px;gap:20px}.login-story{border-radius:28px;background:radial-gradient(ellipse at 20% 10%,#eee4ff,transparent 60%),linear-gradient(150deg,#f7f2ff,#e7d9ff);padding:44px 55px;display:flex;flex-direction:column;justify-content:space-between;min-height:700px}.login-story h1{font-size:49px;line-height:1.12;letter-spacing:-2.2px;margin-top:15px}.login-story p{color:#8a739f;line-height:1.8;margin-top:20px;font-size:15px}.login-art{max-width:410px;margin-top:40px;border-radius:24px;padding:28px;background:linear-gradient(135deg,#9c56ff,#6517ee);box-shadow:0 20px 40px #7b31df33;transform:rotate(-3deg);color:#fff;display:flex;align-items:center;justify-content:space-between}.login-art>div:first-child{display:flex;flex-direction:column;gap:20px;font-size:18px;line-height:1.5;letter-spacing:-.4px}.art-bars{display:flex;align-items:flex-end;gap:8px;height:135px}.art-bars i{width:18px;background:#ffffff35;border-radius:5px 5px 0 0}.art-bars i:last-child{background:#ceff40}.security-note{display:flex;gap:7px;align-items:center;color:#9e88b3;font-size:11px}.login-form{width:100%;max-width:370px;margin:auto;padding:30px 10px}.mini-badge{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--purple);background:#f2ebff;padding:7px 10px;border-radius:6px;display:inline-block;margin-bottom:24px}.login-form h2{font-size:31px;letter-spacing:-1px}.login-form>p{color:#9689a3;font-size:13px;line-height:1.8;margin:10px 0 30px}.login-form form{display:flex;flex-direction:column;gap:20px}.login-form input{padding:14px}.wide{width:100%;padding:14px}.login-form>.text-button{display:flex;justify-content:center;margin:20px auto}.login-footer{font-size:11px!important;text-align:center;margin-top:55px!important}.login-page .brand{font-size:24px}@media(min-width:1600px){.nav{font-size:13px;padding:13px 20px}.topbar{gap:40px}.metric>strong{font-size:31px}.metric>span:first-child{font-size:17px}.metric small,.lime-tag{font-size:11px}.chart svg{height:220px}.outstanding-content{min-height:240px}.donut{width:185px;height:185px;padding:20px}.donut strong{font-size:24px}.donut small{font-size:11px}.outstanding-labels button{font-size:13px}.outstanding-labels strong{font-size:17px}.quick button{padding:23px 5px;font-size:13px}.recent table{font-size:13px}.recent .empty,.overdue .empty{min-height:235px}}@media(max-width:1250px){.app-shell{padding:14px 18px 0}.topbar{gap:15px;flex-wrap:wrap}.topbar nav{order:3;width:100%;flex:0 0 100%;justify-content:flex-start}.header-tools{margin-left:auto}.brand{font-size:22px}.greeting{padding:20px}.metrics,.record-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric>strong{font-size:28px}.chart-grid{grid-template-columns:1fr 1fr}.outstanding-card,.insight-card{grid-column:span 2}.outstanding-content{min-height:auto;padding-top:15px;gap:35px;justify-content:flex-start}.outstanding-labels{display:flex;gap:30px}.outstanding-labels button+button{border:0}.donut{width:130px;height:130px;padding:13px}.bottom-grid{grid-template-columns:1.3fr 1fr}.quick{grid-column:span 2}.quick>div{grid-template-columns:repeat(4,1fr)}.quick button{padding:12px}.greeting h1{font-size:26px}.date-control{flex-wrap:wrap;max-width:350px;justify-content:center}.date-control input{max-width:100px}}@media(max-width:760px){.app-shell{padding:10px}.topbar{border-radius:19px;padding:13px}.topbar nav{overflow:visible;flex-wrap:wrap;gap:6px}.nav{font-size:10px;padding:9px 11px}.brand{font-size:20px}.header-tools .icon{width:29px;height:29px}.greeting{flex-direction:column;align-items:flex-start;border-radius:19px;padding:20px;margin-top:12px;gap:16px}.greeting h1{font-size:25px}.greeting p{font-size:12px}.date-control{max-width:none;width:100%;padding:6px 9px;gap:6px}.date-control input{flex:1;max-width:125px}.metrics{grid-template-columns:repeat(2,1fr);gap:9px}.metric{padding:17px 14px}.metric>span:first-child{font-size:12px}.metric>strong{font-size:23px}.metric-arrow{width:23px;height:23px;top:10px;right:9px}.metric-arrow svg{width:14px}.metric small{flex-wrap:wrap;gap:5px;font-size:9px}.chart-grid{grid-template-columns:1fr;gap:10px}.outstanding-card,.insight-card{grid-column:auto}.outstanding-content{gap:20px;justify-content:center}.outstanding-labels{display:block;max-width:180px}.outstanding-labels button+button{border-top:1px solid var(--border)}.bottom-grid,.dashboard-secondary{grid-template-columns:1fr;gap:10px}.quick{grid-column:auto}.quick>div{grid-template-columns:repeat(2,1fr)}.quick button{padding:18px}.dashboard-note{line-height:1.7;padding:0 10px;align-items:flex-start}.dashboard-note svg{flex-shrink:0}.app-footer>span:nth-child(2){display:none}.records{padding:18px 13px;min-height:400px}.records-toolbar{align-items:flex-start;flex-direction:column;gap:15px}.records-filter{gap:15px}.search-field{width:65%}.toolbar-actions{gap:6px}.toolbar-actions .secondary,.toolbar-actions .primary{padding:9px 11px;font-size:11px}.overlay{padding:10px}.modal{padding:20px 15px;border-radius:20px;max-height:94vh}.modal h2{font-size:21px}.form-grid{gap:14px}.form-grid label{font-size:11px}.item-row{grid-template-columns:1fr 1fr 1fr;gap:9px;background:#faf7ff;padding:12px;border-radius:12px}.item-row label:first-child{grid-column:span 3}.form-footer{align-items:flex-start;flex-direction:column;gap:15px}.form-footer .primary{width:100%}.form-footer>span{line-height:1.7}.detail-heading>strong{font-size:23px}.detail-meta{gap:15px;flex-wrap:wrap}.detail-meta b{font-size:12px}.history>div{flex-direction:column;gap:6px}.login-page{display:block;padding:0;background:#fcfaff}.login-story{min-height:0;padding:25px;border-radius:0;background:#f0e7ff}.login-story>div:nth-child(2),.security-note{display:none}.login-form{padding:45px 22px;max-width:440px}.login-form h2{font-size:29px}.login-footer{margin-top:35px!important}.dropdown{z-index:20;min-width:180px}.nav-group:last-child .dropdown{left:auto;right:0}.permissions-table td,.permissions-table th{padding:12px 7px}.report-summary{font-size:12px;line-height:1.7}}:root{color:#202638;background:#dfe0e3;--purple: #8e63ea;--border: rgba(120, 109, 150, .18);--muted: #7d8798;--shadow: 0 12px 30px rgba(27, 25, 41, .08)}body{background:#dfe0e3;color:#202638}button,a,.card,.side-link,.icon,.primary,.secondary{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease,opacity .18s ease}.app-layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:16px;max-width:1920px;min-height:100vh;margin:0 auto;padding:16px}.sidebar{position:sticky;top:16px;display:flex;flex-direction:column;height:calc(100vh - 32px);min-height:540px;padding:21px 13px 13px;background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);z-index:31}.sidebar-brand{align-self:flex-start;margin:0 7px 25px}.sidebar .brand{font-size:19px}.sidebar .brand-mark{background:#2563eb}.sidebar-nav{display:block;flex:1;overflow:auto;padding:0 1px 12px}.sidebar-label{padding:8px 10px 6px;color:#a19ca1;font-size:9px;font-weight:750;letter-spacing:.9px;line-height:1.3;text-transform:uppercase}.sidebar-group{margin-top:15px}.side-link{display:flex;align-items:center;width:100%;min-height:36px;gap:10px;padding:8px 10px;border-radius:9px;color:#625e63;font-size:11px;text-align:left}.side-link svg{flex:0 0 auto;color:#969197}.side-link:hover{background:#f5f8fe;color:#202638}.side-link.active{background:#edf4ff;color:#2563eb;font-weight:650}.side-link.active svg{color:#2563eb}.sidebar-account{display:flex;align-items:center;gap:9px;width:100%;padding:12px 5px 3px;border-top:1px solid #f0eded;text-align:left}.sidebar-account>svg{margin-left:auto;color:#999399}.sidebar-account .avatar{width:34px;height:34px;border:0;background:#e5efff;color:#2563eb}.account-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.account-copy strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.account-copy small{color:var(--muted);font-size:9px;text-transform:capitalize}.workspace{display:flex;min-width:0;flex-direction:column}.topbar{position:sticky;top:16px;display:flex;min-height:64px;align-items:center;gap:15px;margin-bottom:16px;padding:10px 16px;border:1px solid var(--border);border-radius:16px;background:#ffffffed;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20}.topbar-search{display:flex;width:min(520px,100%);min-height:38px;align-items:center;gap:10px;padding:0 12px;border:1px solid #e9edf3;border-radius:11px;background:#f7f9fc;color:#8892a2;text-align:left}.topbar-search span{flex:1;font-size:11px}.topbar-search kbd{padding:3px 5px;border:1px solid #e8e4e4;border-radius:5px;background:#fff;color:#89848a;font:inherit;font-size:9px}.header-tools{gap:8px;margin-left:auto}.header-tools .icon{border-radius:10px;background:#f7f9fc}.header-tools .icon:hover{background:#edf4ff;color:#2563eb}.create-button{min-height:36px;border-radius:10px;background:#2563eb;box-shadow:none}.create-button:hover,.primary:hover{background:#1d4ed8;filter:none;transform:translateY(-1px)}.mobile-menu,.sidebar-scrim{display:none}.page-content{flex:1;min-width:0}.greeting{margin:3px 0 16px;padding:7px 2px 11px;border:0;border-radius:0;background:transparent;box-shadow:none}.greeting .eyebrow{color:#2563eb}.greeting h1{color:#262328;font-size:clamp(24px,2.4vw,31px)}.greeting p{color:#8d888d}.date-control{border-color:#e9e4e4;border-radius:11px;box-shadow:none}.card{border-color:#e8ebf1;border-radius:15px;background:#fff;box-shadow:0 2px 10px #241a1207}.metric{padding:18px}.metric:hover,.chart-card:hover,.outstanding-card:hover,.bottom-grid>.card:hover{box-shadow:0 8px 24px #241a120d;transform:translateY(-2px)}.metric>span:first-child{color:#6e696f;font-size:11px}.metric>strong{color:#252328;font-size:clamp(19px,1.7vw,25px)}.metric.featured{border-color:#edf1ed;background:linear-gradient(120deg,#f0ffe4,#fff 52%,#f9e8ff)}.featured>span:first-child,.featured>strong{color:#202638}.metric.featured small{color:#7d8798}.featured .lime-tag{background:#e8f1ff;color:#285db5}.lime-tag{background:#e9f7e8;color:#437e46}.red-tag{background:#fff0f2;color:#d72d5a}.purple-dot{background:#3478e5}.lime-dot{background:#59c7a2}.lavender-dot{background:#f3c83d}.chart .chart-primary-line,.chart .chart-primary-point{stroke:#3478e5}.chart .chart-secondary-line,.chart .chart-secondary-point{stroke:#59c7a2}.chart rect{fill:#3478e5}.chart rect:nth-of-type(2n){fill:#f3c83d}.donut{background-color:#dbeafe}.soft-icon{color:#2563eb;background:#edf4ff;box-shadow:none}.quick{border-color:#e8ebf1;background:linear-gradient(145deg,#f1f6ff,#fff)}.quick button{border-color:#e8ebf1}.quick button svg{color:#2563eb}.quick button:hover{box-shadow:0 8px 20px #2456a010}.nav.active,.primary{background:#2563eb}.nav.active{box-shadow:0 4px 10px #2563eb24}.icon:hover,.secondary:hover{background:#edf4ff;color:#1d4ed8}.app-footer{padding:16px 3px 7px}.live-dot{background:#65b77b}.login-page{background:#f5f7fb}.login-story{background:linear-gradient(150deg,#fff,#edf4ff)}.login-art{background:linear-gradient(135deg,#4a8afa,#2563eb);box-shadow:0 20px 40px #2563eb24}.login-form .mini-badge{color:#2563eb;background:#edf4ff}.login-form .primary{background:#2563eb}.toast{background:#282429}.toast svg{color:#ff91a9}.page-content>section,.page-content>.chart-grid,.page-content>.bottom-grid,.page-content>.dashboard-note{animation:soft-rise .42s cubic-bezier(.2,.7,.2,1) both}.metrics>:nth-child(2){animation-delay:35ms}.metrics>:nth-child(3){animation-delay:70ms}.metrics>:nth-child(4){animation-delay:105ms}.metrics>:nth-child(5){animation-delay:.14s}.metrics>:nth-child(6){animation-delay:175ms}.chart svg{animation:chart-enter .6s ease-out both}.art-bars i{transform-origin:bottom;animation:bar-enter .7s cubic-bezier(.2,.7,.2,1) both}.art-bars i:nth-child(2){animation-delay:70ms}.art-bars i:nth-child(3){animation-delay:.14s}.art-bars i:nth-child(4){animation-delay:.21s}.art-bars i:nth-child(5){animation-delay:.28s}.art-bars i:nth-child(6){animation-delay:.35s}@keyframes soft-rise{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes chart-enter{0%{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes bar-enter{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@media(max-width:1100px){.app-layout{grid-template-columns:215px minmax(0,1fr);gap:12px;padding:12px}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.outstanding-card,.insight-card{grid-column:span 2}}@media(max-width:900px){.app-layout{display:block;padding:10px}.sidebar{position:fixed;top:10px;bottom:10px;left:10px;width:min(285px,calc(100vw - 48px));height:auto;min-height:0;transform:translate(calc(-100% - 14px));transition:transform .22s ease}.sidebar.open{transform:translate(0)}.sidebar-scrim.visible{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0;background:#241e2466;z-index:30}.workspace{width:100%}.topbar{top:10px;min-height:58px;padding:8px 10px}.mobile-menu{display:inline-flex;flex:0 0 auto}.topbar-search{flex:1}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-grid{grid-template-columns:1fr 1fr}.quick{grid-column:span 2}.quick>div{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:650px){.app-layout{padding:7px}.topbar{top:7px;gap:8px;margin-bottom:11px;border-radius:13px}.topbar-search{min-width:0}.topbar-search span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-search kbd,.header-tools .icon{display:none}.create-button{width:36px;min-width:36px;padding:8px;font-size:0}.create-button svg{flex-shrink:0}.greeting{align-items:flex-start;flex-direction:column;gap:12px;padding:7px 2px 12px}.date-control{width:100%;justify-content:space-between;gap:5px;padding:5px 8px}.date-control input{flex:1;max-width:115px;font-size:10px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric{padding:15px 12px}.metric>strong{font-size:19px}.metric small{align-items:flex-start;flex-direction:column}.chart-grid,.bottom-grid{grid-template-columns:1fr;gap:9px}.outstanding-card,.quick{grid-column:auto}.quick>div{grid-template-columns:repeat(2,minmax(0,1fr))}.app-footer{gap:10px;flex-wrap:wrap}.app-footer>span:nth-child(2){display:none}}.dashboard-greeting{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:2px 0 18px;padding:0;border:0;background:transparent;box-shadow:none}.dashboard-greeting .greeting-copy{display:flex;flex-direction:column;gap:6px}.dashboard-greeting h1{display:flex;align-items:center;gap:8px;font-size:clamp(20px,2.3vw,38px);letter-spacing:-1.8px;color:#2b233c;margin:0}.dashboard-greeting p{margin:0;font-size:12px;color:#847f8a}.greeting-actions{display:flex;align-items:center;gap:10px}.soft-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:0 16px;border-radius:10px;border:1px solid rgba(134,116,175,.2);background:#fff;color:#443d5a;font-size:12px;font-weight:600;box-shadow:0 4px 10px #3f3b500a}.soft-action.lite{background:#f3f0ff;color:#4a3c7f}.app-layout{max-width:1280px;margin:0 auto;padding:18px 18px 0;background:#ffffff52;border-radius:28px;box-shadow:0 18px 40px #11182714;overflow:hidden}.sidebar{position:relative;top:0;height:auto;min-height:720px;padding:18px 12px 14px;background:linear-gradient(180deg,#0d1d3b,#101f3a);border:0;border-radius:26px 0 0 26px;box-shadow:none}.sidebar .brand{color:#fff;font-size:20px;letter-spacing:-.9px;gap:10px}.sidebar .brand-mark{width:28px;height:28px;background:linear-gradient(135deg,#8361f6,#5a7af4);box-shadow:inset 0 0 0 1px #ffffff38}.sidebar .brand-mark span{background:#b3abffe6;right:4px;top:5px;width:7px;height:7px}.sidebar-brand{margin:0 8px 20px}.sidebar-nav{padding:0 8px}.sidebar-label{color:#c1c9f4cc;padding:10px 8px 7px;font-size:9px;letter-spacing:1.2px}.sidebar-group{margin-top:16px}.side-link{min-height:36px;gap:10px;padding:8px 10px;border-radius:10px;color:#ebeeffb3;font-size:11px;font-weight:500}.side-link svg{color:#e6e9ffb3}.side-link.active{background:#ffffff14;border:1px solid rgba(176,165,255,.25);color:#fff;box-shadow:inset 0 0 0 1px #ffffff08}.side-link.active svg{color:#f0ebff}.workspace{background:#f4f4f6;border-radius:0 26px 26px 0}.topbar{position:sticky;top:18px;margin-bottom:18px;padding:12px 18px;border:1px solid rgba(127,122,148,.14);border-radius:16px;background:#ffffffeb;box-shadow:none}.topbar-search{width:min(440px,100%);min-height:40px;background:#f2f3f5;border:1px solid #e6e6ee;border-radius:12px;color:#7a7d87}.topbar-search span{font-size:12px}.header-tools{margin-left:auto;display:flex;align-items:center;gap:10px}.header-tools .icon{width:34px;height:34px;border-radius:11px;background:#f2f2f6;color:#373b49}.create-button{min-height:36px;background:linear-gradient(135deg,#8a5cf2,#6c3ee8);border-radius:10px;box-shadow:0 10px 20px #7456dd2e}.page-content{padding:0 18px 18px}.greeting{padding:0 0 6px;margin:0 0 18px}.greeting .eyebrow{color:#6b47bb;font-size:10px;letter-spacing:1.4px}.greeting h1{font-size:clamp(22px,2vw,38px);letter-spacing:-1.6px;line-height:1.1;color:#211d2f}.greeting p{font-size:13px;color:#8d8fa0}.date-control{border:1px solid rgba(144,135,172,.2);border-radius:12px;background:#fffc;box-shadow:none;padding:7px 10px}.metrics{gap:14px;margin-bottom:18px}.metric{min-height:120px;padding:16px 18px 15px;border-radius:16px;border:1px solid rgba(126,116,147,.14);background:linear-gradient(180deg,#fff,#f8f6ff);box-shadow:0 8px 16px #2c1f4e0a}.metric>span:first-child{font-size:12px;font-weight:600;color:#564d66}.metric>strong{font-size:22px;margin:12px 0 10px}.metric small{gap:8px;font-size:9px}.metric-arrow{width:30px;height:30px;border-radius:50%;background:#7657cb14;border-color:#7657cb1f;color:#564d66}.featured{background:linear-gradient(135deg,#b99af8,#8d67f0 36%,#7a4ee8);border:0;color:#fff}.featured>span:first-child,.featured small,.featured .metric-arrow{color:#ffffffe6}.featured .metric-arrow{background:#ffffff1f;border-color:#ffffff26}.featured small{color:#fffc}.lime-tag,.red-tag{border-radius:999px;padding:4px 8px;font-size:9px}.chart-grid{gap:14px;margin:0 0 18px}.chart-card,.recent,.overdue,.quick{border-radius:18px;border:1px solid rgba(132,121,156,.14);box-shadow:0 8px 18px #2c1f4e08}.chart-card{padding:16px 18px 12px;background:linear-gradient(180deg,#fff,#fdfbfd)}.card-title{align-items:center}.card-title h3{font-size:15px;letter-spacing:-.3px}.subtle-arrow{width:31px;height:31px;border-radius:50%;border:1px solid rgba(132,121,156,.14);background:#fff}.chart svg{height:180px}.insight-card{border-radius:18px;border:1px solid rgba(132,121,156,.14);background:linear-gradient(180deg,#fff,#f7f2ff);box-shadow:0 8px 18px #2c1f4e08}.insight-label{color:#7e6ae8;font-weight:700}.insight-card h2{font-size:18px;color:#25203a}.insight-card>p{margin-top:8px;font-size:11px;color:#85839a}.insight-total{margin-top:16px}.insight-total span{color:#7d7a89;font-size:11px}.insight-total strong{font-size:20px;color:#201c2c}.insight-breakdown button,.insight-balances button{padding:8px 0;border-radius:12px}.recent,.overdue{padding:16px 18px;background:linear-gradient(180deg,#fff,#faf8ff)}.dashboard-recent-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.dashboard-recent-heading p{margin-top:4px;color:#8d8fa0;font-size:12px}.transaction-count{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;background:#f1ebff;color:#6e3fe2;font-size:10px;font-weight:600}.quick{padding:16px 14px 14px;background:linear-gradient(180deg,#f7f4ff,#fff)}.quick h2{padding:0 7px 10px;font-size:16px}.quick>div{gap:10px}.quick button{padding:14px 8px 12px;border-radius:14px;border:1px solid rgba(127,118,158,.16);background:#fff;box-shadow:0 4px 8px #2f2b3d05}.quick button svg{color:#8c62dd}.app-footer{border-top:1px solid rgba(117,109,148,.12);padding:12px 18px 16px;background:#ffffff3d;color:#8a8597}.app-footer .live-dot{background:#6bd469}@media(max-width:1180px){.app-layout{grid-template-columns:200px minmax(0,1fr)}.chart-grid{grid-template-columns:1.1fr 1fr}.insight-card{grid-column:1 / -1}}@media(max-width:900px){.app-layout{grid-template-columns:1fr;gap:12px;padding:12px 12px 0}.sidebar{min-height:auto;border-radius:22px}.workspace{border-radius:22px}.topbar{top:0;flex-wrap:wrap;padding:10px 12px}.header-tools{width:100%;justify-content:flex-end}.dashboard-greeting{align-items:flex-start;flex-direction:column}.greeting-actions{width:100%;justify-content:flex-end}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}input,select,textarea{border-color:#e4e1ec;border-radius:10px;background-color:#fff;color:#25233a}input:focus,select:focus,textarea:focus{outline-color:#b89aff;border-color:#a688e7}.primary{border-radius:10px;background:linear-gradient(135deg,#8b45c5,#7637b3);box-shadow:0 5px 12px #7637b32b}.primary:hover{background:linear-gradient(135deg,#7d39b8,#682da5)}.secondary{border-color:#e3deed;border-radius:10px;background:#fff;color:#4a4660}.secondary:hover,.icon:hover{border-color:#d7c8f2;background:#f3edff;color:#7136b0}.records.card{border-color:#84799c29;border-radius:18px;background:#fff;box-shadow:0 8px 18px #2c1f4e09}.records-toolbar h2{color:#242139;letter-spacing:-.5px}.records-toolbar p,.records .muted{color:#818198}.records-filter{margin:10px 0 14px}.search-field{border-color:#e4e1ec;border-radius:11px;background:#faf9fc;color:#8d83a0}.search-field:focus-within{border-color:#a688e7;box-shadow:0 0 0 3px #8e63ea1a}.search-field input{background:transparent}.records thead{background:#f3f3f7}.records th{color:#58566b;border-bottom-color:#e7e5ed}.records td{border-bottom-color:#f0eef4}.records tbody tr:hover{background:#faf8ff}.records-footnote{color:#89869a;border-top-color:#e9e6ef}.report-summary,.form-note,.backup-panel{border:1px solid #e8def7;background:#f7f2ff;color:#62428f}.modal{border-color:#e6e0ef;border-radius:20px;box-shadow:0 20px 70px #1d152e38}.module-search button:hover{border-radius:9px;background:#f6f1ff;color:#7136b0}.chart-legend .purple-dot,.purple-dot{background:#a844d5}.chart-legend .lime-dot,.lime-dot,.chart-legend .lavender-dot,.lavender-dot{background:#3b4e9a}.chart .chart-primary-line,.chart .chart-primary-point{stroke:#a844d5}.chart .chart-secondary-line,.chart .chart-secondary-point{stroke:#3b4e9a}.chart rect{fill:#a844d5}.chart rect:nth-of-type(2n){fill:#3b4e9a}.quick button:hover{border-color:#d9c9f3;background:#fbf9ff;box-shadow:0 8px 20px #5b3d8f1a}@media(max-width:650px){.records.card{padding:18px 14px}.records-toolbar{align-items:flex-start}}:root{--purple: #8438ba;--border: #e2e5ed;--muted: #636c80;--shadow: 0 2px 5px #131e3807}body:has(.app-layout){background:#e6e8ed}.app-layout{grid-template-columns:208px minmax(0,1fr);gap:0;max-width:1520px;min-height:calc(100dvh - 32px);margin:16px auto;padding:0;border-radius:13px;background:#eef0f4;border:1px solid #dce0e9;box-shadow:0 18px 50px #1927461c}.sidebar{min-height:100%;padding:0 10px 12px;border-radius:0;background:#121d3e}.sidebar-brand{width:calc(100% + 20px);margin:0 -10px 10px;padding:15px;border-bottom:1px solid #ffffff20}.sidebar .brand{font-size:17px;letter-spacing:-.5px}.sidebar .brand-mark{background:linear-gradient(140deg,#c266e6,#8134bd)}.sidebar-nav{padding:0 3px}.sidebar-group{margin-top:10px}.sidebar-label{font-size:9px;color:#b1bcd8}.side-link{min-height:31px;border-radius:6px;font-size:11px}.side-link.active{border-color:#ba8ef854;background:#473471}.sidebar-account{border-radius:8px;color:#fff;border-top-color:#ffffff30}.sidebar-close{display:none}.sidebar-account .account-copy small,.sidebar-account>svg{color:#b8c3df}.workspace{background:#edf0f4;border-radius:0}.topbar{top:0;min-height:55px;margin:0;padding:9px 18px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:#fff;gap:12px;flex-wrap:nowrap}.topbar-search{min-height:34px;background:#f8f9fc;border-radius:6px}.header-tools{width:auto;gap:8px}.header-tools .icon{border-radius:6px;border:1px solid var(--border);background:#fff}.header-tools .create-button{border-radius:6px;min-height:34px;background:#8438ba;box-shadow:none;white-space:nowrap}.topbar-avatar{width:34px;height:34px;flex:0 0 34px;color:#603181;background:#f1e4f9;font-weight:750}.page-content{padding:18px}.dashboard-greeting{gap:12px;align-items:center;flex-flow:row wrap;margin:0 0 13px;padding:0}.dashboard-greeting h1{font-size:clamp(21px,2vw,29px);letter-spacing:-.85px;color:#18213a}.dashboard-greeting p{font-size:12px;color:#636c80}.greeting-actions{width:auto;justify-content:flex-end;gap:7px;flex-wrap:wrap}.dashboard-period{display:inline-flex;align-items:center;gap:6px;color:#636c80;font-size:11px}.greeting-actions .soft-action{border-radius:6px;min-height:32px;padding:0 10px;background:#8438ba;color:#fff}.greeting-actions .soft-action.lite{background:#fff;color:#414d75;border-color:#bdc5d9}.date-control#dashboard-filters{flex-basis:100%}.finance-dashboard{display:grid;gap:12px}.finance-overview{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.04fr) minmax(0,1.04fr);gap:12px}.finance-column{display:flex;flex-direction:column;gap:12px;min-width:0}.finance-dashboard .card{min-width:0;border:1px solid #dfe3ec;border-radius:8px;background:#fff;box-shadow:var(--shadow)}.finance-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.finance-metric{display:flex;gap:9px;align-items:center;min-height:77px;padding:11px;text-align:left}.finance-metric:not(:disabled):hover,.finance-actions>button:hover{background:#faf5ff}.finance-dashboard button:disabled{opacity:1}.finance-metric-copy{display:grid;min-width:0;gap:4px}.finance-metric-copy>span{color:#626d83;font-size:11px}.finance-metric-copy strong{color:#172239;font-size:clamp(15px,1.45vw,23px);line-height:1.1;letter-spacing:-.5px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.finance-metric-arrow{flex:0 0 auto;color:#727c95;margin-left:auto;align-self:start}.finance-glyph{width:34px;height:34px;border-radius:9px;display:inline-grid;place-items:center;flex:0 0 auto}.finance-glyph.violet{color:#8732b4;background:#f2e5fa}.finance-glyph.indigo{color:#354997;background:#e8ecfc}.finance-glyph.teal{color:#087c73;background:#dff5f0}.finance-glyph.gold{color:#956100;background:#fff1d1}.finance-panel{padding:12px 13px}.finance-panel .card-title{min-height:29px;gap:8px}.finance-panel .card-title h2{color:#18213a;font-size:14px;letter-spacing:-.25px}.finance-panel .subtle-arrow{display:none}.finance-panel .card-title .text-button{font-size:11px;flex-shrink:0}.finance-trend,.finance-overdue,.finance-cashflow{flex:1}.finance-trend .chart svg{height:auto;min-height:205px;max-height:255px}.finance-cashflow .chart svg{height:auto;min-height:116px}.finance-cashflow .chart rect{fill:#a447d6}.finance-cashflow .chart rect:nth-of-type(2n){fill:#34458d}.finance-chart-key{display:flex;gap:13px;flex-wrap:wrap;padding:4px 0 0;color:#626d83;font-size:10px}.finance-chart-key span,.finance-donut-key button span{display:flex;align-items:center;gap:5px}.finance-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex:0 0 auto}.finance-dot.violet{background:#a447d6}.finance-dot.indigo{background:#34458d}.finance-balance{position:relative;padding:13px;border-radius:8px;color:#fff;background:radial-gradient(ellipse at 100% 5%,#c17be2aa,transparent 63%),linear-gradient(120deg,#6d259b,#903cc2)}.finance-balance h2{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:650;letter-spacing:0}.finance-balance>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:11px}.finance-balance button{display:grid;gap:3px;padding:0 8px;text-align:left}.finance-balance button:first-child{border-right:1px solid #ffffff55;padding-left:0}.finance-balance button span{font-size:10px;color:#f2dbfb}.finance-balance button strong{font-size:15px;overflow-wrap:anywhere}.finance-invoice-list{list-style:none;margin:5px 0 0;padding:0;display:grid;gap:6px}.finance-invoice-list li{display:flex;gap:7px;align-items:center;min-width:0;padding:7px;background:#f7f8fb;border:1px solid #e9ecf2;border-radius:6px;font-size:11px}.finance-invoice-list .finance-glyph{width:28px;height:28px}.finance-invoice-party{display:grid;flex:1;min-width:0}.finance-invoice-party b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.finance-invoice-party small{color:#636c80;font-size:9px}.finance-donut{width:min(142px,100%);aspect-ratio:1;margin:8px auto 12px;border-radius:50%;display:grid;place-items:center}.finance-donut>div{width:75%;height:75%;display:flex;flex-direction:column;gap:3px;justify-content:center;align-items:center;text-align:center;background:#fff;border-radius:50%;padding:8px;overflow-wrap:anywhere}.finance-donut span{font-size:10px;color:#626d83}.finance-donut strong{color:#18213a;font-size:13px;max-width:100%}.finance-donut-key{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.finance-donut-key button{display:grid;gap:3px;padding:6px;border-radius:5px;background:#f6f7fa;color:#3f4b65;font-size:9px;text-align:left}.finance-donut-key strong{color:#18213a;font-size:11px;overflow-wrap:anywhere}.finance-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:12px}.finance-bottom.no-actions{grid-template-columns:minmax(0,1fr)}.finance-actions>button{display:flex;width:100%;align-items:center;gap:8px;padding:6px 2px;text-align:left;font-weight:600;font-size:11px;border-bottom:1px solid #edf0f4}.finance-actions>button:last-child{border:0}.finance-actions>button>svg{margin-left:auto;color:#69768f}.finance-actions .finance-glyph{width:29px;height:29px}.finance-transactions .table-wrap{margin-top:7px}.finance-transactions thead{background:#f0f2f6}.finance-transactions th,.finance-transactions td{padding:9px 8px}.finance-transactions table{min-width:460px}.finance-panel .empty{min-height:120px;padding:15px 8px}.finance-panel .empty>span{color:#626d83}.app-footer{background:#fff;border-color:#dfe3ec}@media(max-width:1200px){.app-layout{margin:0;border:0;border-radius:0;min-height:100dvh;grid-template-columns:184px minmax(0,1fr)}}@media(max-width:1080px){.finance-overview{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}.finance-breakdown{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.app-layout{grid-template-columns:minmax(0,1fr)}.sidebar{position:fixed;top:0;bottom:0;left:0;min-height:0;border-radius:0;visibility:hidden}.sidebar.open{visibility:visible}.sidebar-close{position:absolute;top:13px;right:12px;display:grid;place-items:center;width:31px;height:31px;color:#fff;border-radius:6px;background:#ffffff15}.topbar-search{width:auto;flex:1;min-width:0}}@media(max-width:620px){.page-content{padding:12px}.topbar{padding:8px 10px;gap:7px}.topbar-search kbd,.header-tools .create-button span{display:none}.header-tools .create-button{padding-inline:8px}.finance-overview,.finance-breakdown,.finance-bottom{grid-template-columns:minmax(0,1fr)}.finance-metric{gap:7px;padding:8px}.finance-metric .finance-glyph{width:28px;height:28px}.finance-metric-arrow{display:none}.finance-trend .chart svg{min-height:145px}.finance-cashflow .chart svg{max-height:180px}}