:root{color:#132239;font-synthesis:none;background:#f4f7fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{color:#f7fcfc;background:radial-gradient(circle at 15% 0,#1e4a49 0,#102729 35%,#0d2224 100%);flex-direction:column;flex:0 0 262px;width:262px;min-height:100vh;padding:20px 12px 16px;display:flex}.brand{text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:11px;padding:0 12px 19px;line-height:1;display:flex}.brand strong{letter-spacing:.055em;font-size:19px;display:block}.brand small{letter-spacing:.22em;color:#b8ced1;margin-top:3px;font-size:10px;display:block}.brand-mark{grid-template-rows:repeat(2,14px);grid-template-columns:repeat(2,14px);gap:1px;display:grid;transform:rotate(30deg)}.brand-mark span{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(135deg,#5fd6be,#20947e)}.brand-mark span:nth-child(2){background:#95dfce}.brand-mark span:nth-child(3){background:#237c70}.company-switcher{color:#f6fbfb;text-align:left;background:#113033a8;border:1px solid #567276;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;width:100%;padding:14px 13px;font-size:14px;font-weight:650;display:grid}.company-switcher span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}nav{padding-top:27px}.nav-section>p{color:#9fb9bd;letter-spacing:.1em;text-transform:uppercase;margin:0 12px 10px;font-size:11px;font-weight:800}.nav-link{color:#eef8f8;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:17px;width:100%;margin:3px 0;padding:13px 14px;font-size:15px;display:flex}.nav-link:hover{background:#4ba7992e}.nav-link.is-active{background:linear-gradient(115deg,#079a7b,#168874);box-shadow:0 8px 18px #00000029}.nav-divider{background:#4b696d;height:1px;margin:20px 12px}.sidebar-footer{margin-top:auto}.sidebar-footer .nav-link{margin-bottom:18px}.profile{border-top:1px solid #496468;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:20px 12px 0;display:grid}.avatar{background:linear-gradient(135deg,#aac9ce,#6a8589);border-radius:50%;place-items:center;width:40px;height:40px;font-weight:750;display:grid}.profile strong,.profile small{display:block}.profile strong{font-size:14px}.profile small{color:#adc6c8;margin-top:3px;font-size:12px}.workspace{flex:1;min-width:0}.topbar{background:#ffffffc7;border-bottom:1px solid #dde5ec;grid-template-columns:1fr minmax(260px,510px) auto auto;align-items:center;gap:20px;height:64px;padding:0 29px;display:grid}.breadcrumb{color:#75849a;align-items:center;gap:8px;font-size:14px;display:flex}.breadcrumb strong{color:#35445a}.search-box{color:#4d6075;background:#f8fafc;border:1px solid #dde5eb;border-radius:22px;align-items:center;gap:10px;height:40px;padding:0 11px 0 15px;display:flex}.search-box input{color:#27384c;background:0 0;border:0;outline:0;flex:1;min-width:0}.search-box input::placeholder{color:#718098}.search-box kbd{color:#697990;background:#f4f7fa;border:1px solid #d9e1e8;border-radius:5px;padding:3px 7px;font-size:11px}.icon-button,.top-avatar,.mobile-menu{background:0 0;border:0;place-items:center;display:grid;position:relative}.icon-button{color:#40536b}.notification-dot{background:#ea3036;border:1px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:0;right:1px}.top-avatar{color:#087e69;background:#e0f4ef;border-radius:50%;width:39px;height:39px;font-weight:800}.mobile-menu{display:none}.page-content{max-width:1440px;margin:0 auto;padding:29px 26px 18px}.page-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:21px;display:flex}.page-heading h1{letter-spacing:-.045em;margin:0;font-size:clamp(27px,3vw,34px);line-height:1.12}.page-heading p{color:#74839a;margin:5px 0 0;font-size:17px}.demo-badge{color:#61738b;background:#e9eef4;border-radius:999px;margin-bottom:8px;padding:5px 10px;font-size:12px;font-weight:650;display:inline-block}.page-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.secondary-button,.primary-button{border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:0 14px;font-size:14px;font-weight:650;display:inline-flex}.secondary-button{color:#273a53;background:#fff;border:1px solid #d4dde7}.primary-button{color:#fff;background:linear-gradient(135deg,#129b7f,#087861);border:1px solid #09846e;box-shadow:0 5px 12px #076c5830}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px;display:grid}.metric-card,.panel{background:#fff;border:1px solid #dfe6ed;border-radius:10px;box-shadow:0 1px 2px #14223905}.metric-card{align-items:start;gap:18px;min-height:130px;padding:20px;display:flex}.metric-icon{border-radius:50%;flex:none;place-items:center;width:59px;height:59px;display:grid}.metric-icon.mint{color:#07866d;background:#e8f7f3}.metric-icon.amber{color:#b87300;background:#fff5e2}.metric-icon.emerald{color:#07876d;background:#e7f6f1}.metric-icon.gold{color:#ae6800;background:#fff4df}.metric-card p{color:#34445a;margin:3px 0 4px;font-size:14px}.metric-card strong{color:#101d30;letter-spacing:-.04em;font-size:26px;line-height:1.12;display:block}.metric-detail{border-radius:8px;align-items:center;gap:4px;margin-top:9px;padding:5px 10px;font-size:13px;font-weight:700;display:inline-flex}.metric-detail.mint{color:#07896f;background:#e7f6f1}.metric-detail.amber,.metric-detail.gold{color:#a55d00;background:#fff4e4}.metric-detail.emerald{color:#5c6e84;background:#edf1f5}.dashboard-grid{grid-template-columns:minmax(0,1.85fr) minmax(330px,.95fr);gap:18px;display:grid}.panel{padding:19px;overflow:hidden}.panel h2{color:#142238;letter-spacing:-.025em;margin:0;font-size:19px}.panel-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.chart-key{color:#42536a;gap:22px;font-size:13px;display:flex}.chart-key span{align-items:center;gap:7px;display:flex}.chart-key i,.status i{border-radius:50%;width:10px;height:10px}.income-dot{background:#079277}.expense-dot{background:#a9b4c1}.chart-wrap{margin-top:23px;padding:2px 0 0 76px;position:relative}.chart-labels{color:#718097;flex-direction:column;justify-content:space-between;font-size:12px;display:flex;position:absolute;inset:0 auto 25px 0}.chart-wrap svg{width:100%;height:178px;display:block;overflow:visible}.chart-grid line{stroke:#dce5ec;stroke-width:1px}.income-line,.expense-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.income-line{stroke:#06886f}.expense-line{stroke:#a9b4c1}.income-point{fill:#05866e;stroke:#d8f2eb;stroke-width:2px}.expense-point{fill:#aab5c2;stroke:#edf1f3;stroke-width:2px}.chart-weeks{color:#697990;justify-content:space-between;font-size:12px;display:flex}.pending-panel{flex-direction:column;display:flex}.pending-panel>h2{padding-bottom:14px}.pending-item{color:#586b80;text-align:left;background:0 0;border:0;border-top:1px solid #e5ebf0;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;width:100%;padding:13px 0;display:grid}.pending-item:hover strong{color:#07866d}.pending-item>span:nth-child(2){min-width:0}.pending-item strong,.pending-item small{display:block}.pending-item strong{color:#17253a;font-size:14px}.pending-item small{color:#718097;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:13px;overflow:hidden}.pending-icon{border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.pending-icon.amber{color:#b36b00;background:#fff4e2}.pending-icon.blue{color:#1473d0;background:#e9f2fe}.pending-icon.slate{color:#5f7084;background:#edf1f4}.review-chip{color:#a56100;white-space:nowrap;background:#fff2db;border-radius:999px;justify-self:end;padding:5px 10px;font-size:12px;font-weight:650}.movements-panel{min-width:0}.filter-button{color:#34475f;background:#fff;border:1px solid #d9e2ea;border-radius:8px;justify-content:space-between;align-items:center;min-width:132px;padding:8px 11px;font-size:13px;display:inline-flex}.table-scroll{margin-top:15px;overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:13px}th{color:#5f6f85;text-align:left;background:#f2f5f8;padding:11px 10px;font-size:12px;font-weight:700}td{color:#2d4059;border-bottom:1px solid #e5ebf0;padding:10px}tbody tr:last-child td{border-bottom:0}.status{border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:12px;display:inline-flex}.status.paid{color:#078269;background:#e6f6f1}.status.paid i{background:#079879}.status.pending{color:#a56600;background:#fff4df}.status.pending i{background:#cf8a00}.status.registered{color:#1768bd;background:#eaf2fd}.status.registered i{background:#1878df}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:15px;display:grid}.quick-grid button{color:#07886f;text-align:left;background:#fff;border:1px solid #dce4ea;border-radius:9px;grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:7px;min-height:92px;padding:15px;display:grid}.quick-grid button:hover{background:#f5fcfa;border-color:#76c6b6}.quick-grid svg:last-child{color:#7d8ca0;align-self:center}.quick-grid span{color:#19283e;font-size:14px;font-weight:700}footer{color:#76869b;margin-top:17px;font-size:13px}@media (width<=1120px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.pending-panel{min-height:0}.page-actions{justify-content:flex-start}.chart-wrap svg{height:210px}}@media (width<=780px){.sidebar{z-index:20;width:272px;transition:transform .22s;position:fixed;transform:translate(-100%);box-shadow:20px 0 50px #081b1c33}.sidebar.is-open{transform:translate(0)}.sidebar-backdrop{z-index:10;background:#0a1b2159;border:0;position:fixed;inset:0}.topbar{grid-template-columns:auto 1fr auto;gap:12px;height:60px;padding:0 16px}.mobile-menu{color:#40536b;display:grid}.breadcrumb{min-width:0}.search-box,.top-avatar{display:none}.page-content{padding:24px 16px 18px}.page-heading{flex-direction:column;align-items:start}.page-actions{width:100%}.primary-button,.secondary-button{flex:1}.dashboard-grid{gap:14px}.panel{padding:16px}}@media (width<=520px){.metric-grid{grid-template-columns:1fr}.metric-card{min-height:116px}.page-heading p{font-size:15px}.page-actions{grid-template-columns:1fr 1fr;display:grid}.primary-button{grid-column:span 2}.chart-key{gap:10px;font-size:11px}.chart-wrap{padding-left:49px}.chart-labels{font-size:10px}.chart-wrap svg{height:155px}.chart-weeks{font-size:10px}.quick-grid{grid-template-columns:1fr}.pending-item{grid-template-columns:auto 1fr auto}.pending-item .review-chip{display:none}}