:root{--blue:#3e4095;--blue-deep:#303273;--blue-soft:#eef0ff;--ink:#1e2230;--muted:#747b8c;--line:#e9ebf1;--surface:#fff;--bg:#f5f6fa;--green:#1c9a68;--green-soft:#e8f7f0;--amber:#b87a16;--amber-soft:#fff5e2;--red:#d6525a;--red-soft:#fff0f1;--shadow:0 8px 30px rgba(31,38,71,.06);font-family:'DM Sans',system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #aab0fb;outline-offset:1px}[hidden]{display:none!important}.app-shell{min-height:100vh;display:flex}.sidebar{width:248px;flex:0 0 248px;background:#fff;border-right:1px solid var(--line);padding:25px 16px 18px;display:flex;flex-direction:column;min-height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 29px}.brand-mark{width:40px;height:40px;border-radius:13px;background:var(--blue);color:#fff;font-family:Manrope,sans-serif;font-size:15px;font-weight:800;display:grid;place-items:center;letter-spacing:-1px;box-shadow:0 6px 15px #3e40952b}.brand strong{font:800 15px Manrope,sans-serif;letter-spacing:-.4px;display:block}.brand span{font-size:11px;color:var(--muted);display:block;margin-top:2px}.side-label{font-size:9px;letter-spacing:1.2px;color:#9a9eac;font-weight:700;padding:0 11px 10px}.nav-list{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#667084;text-align:left;padding:11px 12px;border-radius:9px;display:flex;gap:11px;align-items:center;font-weight:600;font-size:13px;position:relative}.nav-item:hover{background:#f7f7fb;color:var(--blue)}.nav-item.active{background:var(--blue-soft);color:var(--blue)}.nav-icon{width:18px;text-align:center;font-size:17px;font-weight:500}.nav-badge{margin-left:auto;background:#fff;color:var(--blue);font-size:10px;border-radius:12px;padding:2px 7px}.sidebar-bottom{margin-top:auto}.sync-card{margin:0 4px 12px;padding:12px 10px;border:1px solid #e7f3ed;border-radius:10px;background:#f8fcf9;display:flex;align-items:center;gap:9px}.live-dot{width:8px;height:8px;background:#2eaf78;border-radius:50%;box-shadow:0 0 0 4px #2eaf7818;flex:0 0 auto}.sync-card strong{font-size:11px;display:block}.sync-card small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.sidebar-foot{font-size:10px;color:#a1a6b2;padding:15px 10px 0}.sidebar-foot span{float:right}.install-btn{width:100%;border:1px solid #e3e5ef;background:#fff;border-radius:9px;padding:10px;color:var(--blue);font-weight:700;margin:0 0 3px}.main-column{min-width:0;flex:1}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px;position:sticky;top:0;z-index:5}.breadcrumbs{font-size:12px;color:#8a90a0}.breadcrumbs span{padding:0 9px;color:#c4c7d0}.breadcrumbs strong{font-weight:600;color:#363c4c}.top-actions{display:flex;align-items:center;gap:18px;position:relative}.connection{color:#667084;font-size:11px;display:flex;align-items:center;gap:7px}.connection i{width:7px;height:7px;background:#2eaf78;border-radius:50%}.connection.offline i{background:#dc6570}.button{border:1px solid transparent;border-radius:8px;padding:10px 14px;font-weight:700;transition:.16s ease}.button.primary{background:var(--blue);color:#fff;box-shadow:0 4px 9px #3e409527}.button.primary:hover{background:var(--blue-deep);transform:translateY(-1px)}.button.secondary{background:#fff;border-color:#e1e4ee;color:#4b5265}.button.ghost{background:transparent;color:#697084}.button.danger{background:var(--red-soft);color:var(--red)}.button.compact{font-size:12px;padding:9px 12px}.user-menu{display:flex;align-items:center;gap:9px;background:none;border:0;text-align:left;padding:2px}.avatar{width:34px;height:34px;border-radius:50%;background:#eceeff;color:var(--blue);font-size:12px;font-weight:700;display:grid;place-items:center}.user-caption strong{display:block;font-size:11px}.user-caption small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.chevron{color:#9095a4}.user-popover{position:absolute;top:46px;right:0;background:white;border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow);padding:5px;width:150px}.user-popover button{border:0;background:white;padding:10px;text-align:left;width:100%;border-radius:6px}.user-popover button:hover{background:#f7f7fb}.content-wrap{max-width:1420px;margin:0 auto;padding:30px 35px 50px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:24px}.eyebrow{color:var(--blue);font-weight:700;font-size:10px;letter-spacing:.6px;text-transform:uppercase;margin-bottom:8px}.page-heading h1{font:800 24px Manrope,sans-serif;letter-spacing:-.7px;margin:0}.page-heading p{margin:7px 0 0;color:var(--muted);font-size:12px}.date-pill{font-size:11px;border:1px solid var(--line);background:#fff;color:#6e7483;padding:8px 11px;border-radius:8px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px}.metric-card,.panel,.table-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 2px 4px #20264a05}.metric-card{padding:17px 18px}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#747b8c;font-size:11px;font-weight:600}.metric-icon{height:30px;width:30px;border-radius:9px;display:grid;place-items:center;font-size:15px;background:var(--blue-soft);color:var(--blue)}.metric-icon.green{background:var(--green-soft);color:var(--green)}.metric-icon.amber{background:var(--amber-soft);color:var(--amber)}.metric-icon.red{background:var(--red-soft);color:var(--red)}.metric-value{font:800 21px Manrope,sans-serif;letter-spacing:-.6px;margin:15px 0 5px}.metric-note{font-size:10px;color:#999eac}.metric-note strong{color:#4e5568}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,.9fr);gap:16px;margin-top:17px}.panel{padding:18px}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-header h2{font:700 14px Manrope,sans-serif;margin:0}.panel-header p{color:var(--muted);font-size:10px;margin:5px 0 0}.text-link{border:0;background:none;color:var(--blue);font-size:11px;font-weight:700}.entry-list{display:grid}.entry-row{display:grid;grid-template-columns:36px 1fr auto;gap:11px;align-items:center;padding:11px 0;border-top:1px solid #f0f1f5}.entry-symbol{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f2f3f9;color:#69708b;font-size:15px}.entry-symbol.income{background:var(--green-soft);color:var(--green)}.entry-symbol.payable{background:var(--amber-soft);color:var(--amber)}.entry-primary{font-weight:600;font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px}.entry-secondary{font-size:10px;color:var(--muted);margin-top:4px;display:block}.entry-amount{font-size:11px;font-weight:700;text-align:right;white-space:nowrap}.entry-amount.positive{color:var(--green)}.status{font-size:9px;font-weight:700;border-radius:20px;padding:5px 8px;display:inline-block;white-space:nowrap}.status.pending{background:var(--amber-soft);color:var(--amber)}.status.approved{background:var(--blue-soft);color:var(--blue)}.status.paid{background:var(--green-soft);color:var(--green)}.status.cancelled{background:#f1f2f5;color:#777d8b}.account-stack{display:grid;gap:10px}.account-row{border:1px solid #eceef4;border-radius:10px;padding:12px;display:flex;align-items:center;gap:10px}.account-glyph{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f0f1fa;color:var(--blue)}.account-meta{min-width:0;flex:1}.account-meta strong{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-meta small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.account-kind{font-size:9px;color:#858a98;background:#f5f6f8;border-radius:10px;padding:4px 7px}.table-card{overflow:hidden}.table-toolbar{display:flex;gap:10px;align-items:center;padding:13px 15px;border-bottom:1px solid var(--line)}.search-input{min-width:180px;max-width:320px;flex:1;border:1px solid #e6e8ef;border-radius:8px;padding:9px 11px;color:var(--ink);font-size:11px;background:#fff}.filter-select{border:1px solid #e6e8ef;border-radius:8px;padding:9px 10px;color:#697084;background:#fff;font-size:11px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:730px}th{text-align:left;background:#fafbfc;color:#8b91a0;font-size:9px;letter-spacing:.4px;font-weight:700;text-transform:uppercase;padding:11px 15px;border-bottom:1px solid var(--line)}td{padding:12px 15px;border-bottom:1px solid #f0f1f4;font-size:11px;vertical-align:middle}tbody tr:last-child td{border-bottom:0}.td-title{font-weight:600}.td-sub{font-size:9px;color:var(--muted);margin-top:4px}.row-actions{display:flex;gap:5px}.small-action{border:1px solid #e5e7ef;background:#fff;border-radius:6px;padding:6px 8px;font-size:9px;font-weight:700;color:#5e6577}.small-action.approve{color:var(--blue);background:var(--blue-soft);border-color:var(--blue-soft)}.small-action.pay{color:var(--green);background:var(--green-soft);border-color:var(--green-soft)}.empty-state{text-align:center;padding:34px 16px;color:#838999;font-size:11px}.empty-mark{width:45px;height:45px;background:#f4f5fb;color:#8790ae;border-radius:14px;display:grid;place-items:center;margin:0 auto 10px;font-size:20px}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.account-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}.account-card-head{display:flex;align-items:center;gap:10px}.account-card-head strong{font-size:12px}.account-card-head small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.account-balance{font:800 19px Manrope,sans-serif;margin:20px 0 5px}.account-card-foot{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.approval-callout{background:linear-gradient(110deg,#3e4095,#5759b5);border-radius:12px;padding:18px;color:white;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.approval-callout strong{font:700 14px Manrope,sans-serif}.approval-callout span{font-size:10px;opacity:.8;display:block;margin-top:5px}.approval-count{font:800 25px Manrope,sans-serif}.access-card{border:1px solid #e9ebf1;border-radius:10px;padding:15px;margin-bottom:12px;background:white}.access-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.access-card-head strong{font:700 12px Manrope,sans-serif}.access-card p{font-size:10px;line-height:1.6;color:#7b8190;margin:0}.role-chip{font-size:9px;color:var(--blue);background:var(--blue-soft);padding:5px 8px;border-radius:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:10px;font-weight:700;color:#62697a}.field input,.field select,.field textarea{border:1px solid #e1e4ed;background:#fff;border-radius:8px;padding:10px 11px;font-size:11px;color:var(--ink);width:100%}.field textarea{min-height:70px;resize:vertical}.field-hint{font-size:9px;color:#9297a4}.modal-backdrop{position:fixed;inset:0;background:#1e223044;z-index:20;display:grid;place-items:center;padding:18px}.modal{background:white;width:min(540px,100%);max-height:calc(100vh - 36px);overflow:auto;border-radius:14px;box-shadow:0 24px 80px #14172b35}.modal-head{padding:18px 20px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start}.modal-head h2{margin:0;font:800 16px Manrope,sans-serif}.modal-head p{margin:5px 0 0;color:var(--muted);font-size:10px}.modal-close{border:0;background:#f4f5f8;border-radius:7px;width:28px;height:28px;color:#70778a}.modal-body{padding:17px 20px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:13px 20px;border-top:1px solid var(--line)}.toast{position:fixed;right:22px;bottom:22px;z-index:40;padding:11px 15px;background:#23263a;color:#fff;border-radius:9px;box-shadow:var(--shadow);font-size:11px;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none;max-width:360px}.toast.show{opacity:1;transform:translateY(0)}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 85% 8%,#e8eaff 0,transparent 32%),var(--bg)}.auth-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 18px 50px #24295c0e}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:25px}.auth-brand .brand-mark{width:48px;height:48px}.auth-brand strong{font:800 19px Manrope,sans-serif;display:block}.auth-brand span{font-size:11px;color:var(--muted);display:block;margin-top:3px}.auth-card h1{font:800 21px Manrope,sans-serif;letter-spacing:-.5px;margin:0}.auth-card>p{font-size:11px;color:var(--muted);line-height:1.6;margin:7px 0 20px}.auth-card .field{margin-bottom:13px}.auth-card .button{width:100%;margin-top:7px}.auth-foot{font-size:9px;text-align:center;color:#9a9eaa;margin-top:18px}.mobile-menu,.mobile-nav{display:none}.blank-line{height:1px;background:#eff0f4;margin:16px 0}.notice{font-size:10px;background:#f4f5fc;color:#646a7c;padding:10px 12px;border-radius:8px;line-height:1.55}.role-select{border:1px solid #e6e8ef;border-radius:7px;padding:6px 7px;font-size:10px;background:white}.toggle{accent-color:var(--blue)}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.content-wrap{padding-left:23px;padding-right:23px}.topbar{padding:0 23px}.dashboard-grid{grid-template-columns:1fr}.cards-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{display:none}.sidebar.mobile-open{display:flex;position:fixed;left:0;top:61px;bottom:0;z-index:9;width:min(82vw,280px);min-height:0;box-shadow:12px 16px 35px #20264a20}.topbar{height:61px;padding:0 14px}.mobile-menu{display:block;border:0;background:none;font-size:18px;color:#667084}.breadcrumbs{font-size:10px}.top-actions{gap:11px}.connection,.user-caption,.chevron{display:none}.user-menu{padding:0}.avatar{width:31px;height:31px}.button.compact{font-size:10px;padding:8px 9px}.content-wrap{padding:23px 15px 90px}.page-heading{margin-bottom:17px}.page-heading h1{font-size:21px}.page-heading p{max-width:240px;line-height:1.5}.date-pill{display:none}.metric-grid{gap:9px}.metric-card{padding:13px}.metric-top{font-size:10px;gap:7px}.metric-icon{width:26px;height:26px}.metric-value{font-size:17px;margin:11px 0 4px}.metric-note{font-size:9px}.panel{padding:14px}.dashboard-grid{gap:11px}.cards-grid{grid-template-columns:1fr}.table-toolbar{flex-wrap:wrap}.search-input{max-width:none;flex-basis:100%}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#fff;border-top:1px solid var(--line);padding:8px 5px calc(8px + env(safe-area-inset-bottom));z-index:8}.mobile-nav button{border:0;background:none;color:#828898;display:grid;justify-items:center;gap:4px;font-size:8px;min-width:58px}.mobile-nav button b{font-size:17px;font-weight:500}.mobile-nav button.active{color:var(--blue);font-weight:700}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.approval-callout{padding:15px}.user-popover{right:-3px}.toast{right:12px;bottom:77px;left:12px;max-width:none}.auth-card{padding:23px}.user-menu{margin-left:0}}
.dashboard-grid-main{margin-top:0}.dashboard-grid-secondary{margin-top:16px}.flow-chart{height:190px;display:flex;align-items:stretch;gap:12px;padding:16px 5px 0;border-bottom:1px solid #eceef4}.flow-column{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;min-width:0}.flow-bars{height:155px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px}.flow-bar{display:block;width:13px;min-height:4px;border-radius:5px 5px 0 0;transition:height .2s ease}.flow-bar.income{background:#2eaf78}.flow-bar.expense{background:#d9656e}.flow-column strong{font-size:9px;color:#858a98;font-weight:700;text-transform:capitalize}.chart-legend{display:flex;gap:14px;margin-top:12px;color:#7d8392;font-size:9px}.chart-legend span{display:flex;align-items:center;gap:5px}.legend-dot{display:block;width:8px;height:8px;border-radius:50%}.legend-dot.income{background:#2eaf78}.legend-dot.expense{background:#d9656e}.category-chart{display:grid;gap:15px;padding-top:3px}.category-line-head{display:flex;justify-content:space-between;gap:10px;font-size:10px}.category-line-head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-line-head strong{font-size:10px;white-space:nowrap}.category-track{height:7px;background:#f0f1f6;border-radius:8px;margin-top:7px;overflow:hidden}.category-track span{display:block;height:100%;background:var(--blue);border-radius:8px}.category-line small{display:block;color:#9297a4;font-size:9px;margin-top:5px}.compact-empty{padding:38px 10px}.dashboard-accounts{gap:8px}.account-balance-small{font-size:10px;font-weight:700;white-space:nowrap;color:#4e5568}@media(max-width:760px){.flow-chart{gap:5px;height:165px}.flow-bars{height:130px}.flow-bar{width:9px}.dashboard-grid-main,.dashboard-grid-secondary{margin-top:11px}}