:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#20392e;background:#f5f7f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}input,select{background:#fff;border:1px solid #cbd8ce;border-radius:12px;padding:12px 14px;min-height:45px;color:#213d30;max-width:100%}input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid #9bd4b3;outline-offset:2px}label{font-weight:600;font-size:.89rem}.hidden{display:none!important}.muted{color:#718478}.auth-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 80% 2%,#dcf1dd 0,transparent 55%),linear-gradient(160deg,#f4f8f2,#eaf3ec);padding:24px}.auth-card{width:min(100%,440px);background:#fff;border:1px solid #deeadf;border-radius:24px;box-shadow:0 22px 80px #17473416;padding:36px}.auth-card h1{margin:8px 0 5px;font-size:2rem;color:#163e2b}.auth-card .muted{line-height:1.8;margin:10px 0 20px}.auth-card form{display:grid;gap:11px}.auth-card form label{margin-top:7px}.auth-card .btn{margin-top:10px}.brand-mark{height:63px;width:63px;display:grid;place-items:center;border-radius:19px;background:#e3f4e5;font-size:2rem}.eyebrow,.section-caption{color:#5d8671;font-size:.76rem;font-weight:700;letter-spacing:.3px}.btn{border-radius:11px;border:1px solid transparent;padding:11px 15px;font-weight:700;white-space:nowrap}.btn-primary{background:#205a3b;color:#fff}.btn-primary:hover{background:#14482d}.btn-subtle{background:#ecf3ec;color:#24543c}.btn-outline{background:#fff;border-color:#d7e3da;color:#295742}.btn-block{width:100%}.btn-small{padding:9px 12px;font-size:.83rem}.text-button,.inline-link{background:none;border:0;color:#287a4a;text-decoration:none;font-weight:700}.text-button:hover,.inline-link:hover{text-decoration:underline}.auth-card>.text-button{display:block;margin:17px auto 0}.privacy-note{border-top:1px solid #e8eee9;margin-top:19px;padding-top:16px;color:#6a8071;font-size:.77rem}.field-note{font-size:.8rem;color:#718478;line-height:1.6;margin:2px 0}.error-message,.error-banner{color:#9c2d2d;background:#fff0ed;border:1px solid #f3c5be;border-radius:9px;padding:10px;font-size:.89rem}.workspace{display:flex;min-height:100vh}.sidebar{width:246px;flex:none;background:#174734;color:#d4e8d8;display:flex;flex-direction:column;min-height:100vh;padding:28px 17px;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;gap:11px;align-items:center;padding:0 11px 33px}.sidebar-logo{width:44px;height:44px;display:grid;place-items:center;background:#2c664b;border-radius:13px;font-size:1.5rem}.sidebar-brand strong{display:block;color:#fff;font-size:1.08rem}.sidebar-brand small{font-size:.77rem;color:#a9ceb7}.nav{display:grid;gap:7px}.nav-item{border:0;background:transparent;color:#c6e2d0;text-align:right;width:100%;padding:13px 14px;border-radius:10px;display:flex;gap:13px;align-items:center;font-weight:650}.nav-item:hover{background:#286348}.nav-item.active{background:#e2f2e5;color:#16472e}.nav-icon{font-size:1.2rem;width:23px;text-align:center}.sidebar-bottom{margin-top:auto;padding:20px 12px 4px;font-size:.76rem;color:#a7c8b1}.sidebar-bottom p{line-height:1.7}.badge-quiet{border:1px solid #42795e;color:#d7eddf;padding:5px 8px;border-radius:7px}.main-area{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e8eee9;min-height:99px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 36px}.topbar-main{display:flex;align-items:center;gap:10px}.topbar h1{font-size:1.55rem;margin:2px 0 0}.topbar .section-caption{margin:0}.topbar-actions{display:flex;align-items:center;gap:9px}.connection-status{background:#e7f5e8;color:#1a7440;border-radius:50px;padding:8px 10px;font-size:.75rem;font-weight:700}.user-chip{border-right:1px solid #d5e4d7;padding:8px 11px;font-size:.85rem;font-weight:700}.content{padding:26px 35px;max-width:1550px;margin:auto}.filterbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.filter-heading h2{font-size:1.18rem;margin:0 0 6px}.filter-heading p{margin:0;font-size:.83rem}.range-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.range-controls select,.toolbar select,.report-chooser select{min-height:39px;padding:8px 12px}.range-label,.mini-note{font-size:.78rem;color:#8a998f}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.kpi{background:#fff;border:1px solid #e7eee7;border-radius:17px;padding:19px;min-width:0;box-shadow:0 5px 25px #284b3105}.kpi-top{display:flex;gap:10px;align-items:center;color:#687e6d;font-size:.87rem;font-weight:700}.kpi-icon{display:grid;place-items:center;background:#e9f5ec;color:#247b4e;width:36px;height:36px;border-radius:11px;font-size:1.1rem}.kpi-value{direction:ltr;text-align:right;font-size:clamp(1.15rem,1.9vw,1.8rem);font-variant-numeric:tabular-nums;font-weight:780;color:#1a3e2b;white-space:nowrap;margin-top:13px;overflow:hidden;text-overflow:ellipsis}.kpi-sub{font-size:.74rem;color:#8c9a8e;margin-top:5px}.kpi.negative .kpi-value{color:#a73a34}.panel-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:18px}.panel{background:#fff;border:1px solid #e7eee7;border-radius:18px;padding:21px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-heading h3{font-size:1rem;margin:0}.trend-chart{min-height:230px;display:flex;align-items:end;justify-content:space-around;gap:8px;padding:20px 5px 0;border-bottom:1px solid #d9e3d9}.trend-column{flex:1;max-width:50px;display:flex;flex-direction:column;align-items:center;gap:7px;height:230px}.trend-bars{display:flex;align-items:end;justify-content:center;gap:3px;flex:1;width:100%;border-bottom:1px solid #d8e5da}.trend-bar{width:40%;min-height:2px;border-radius:5px 5px 0 0}.sales-bar{background:#2d8356}.expense-bar{background:#eeb96b}.trend-date{font-size:.65rem;color:#87998b;white-space:nowrap;direction:ltr}.legend{display:flex;justify-content:center;gap:26px;font-size:.77rem;color:#75867a;margin-top:17px}.legend-dot{width:9px;height:9px;display:inline-block;border-radius:2px;margin-left:6px}.sales-dot{background:#2d8356}.expense-dot{background:#eeb96b}.recent-row{border-bottom:1px solid #eff3ef;padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.recent-row:last-child{border-bottom:0}.recent-name{font-size:.87rem;font-weight:700;color:#2a5037}.recent-detail{color:#89978d;font-size:.74rem;margin-top:4px}.recent-value{direction:ltr;white-space:nowrap;font-weight:700;font-size:.89rem}.type-pill{display:inline-block;font-size:.74rem;padding:4px 9px;background:#eef5ed;border-radius:8px;color:#356c4d;font-weight:700}.type-pill.expense{color:#8f5c21;background:#fff3e3}.type-pill.purchase{color:#506c8d;background:#ecf3fb}.type-pill.voided{color:#9a3c3c;background:#fdeeed}.full-panel{min-height:370px}.toolbar{display:flex;gap:13px;align-items:center}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:right;font-size:.86rem}.data-table thead{background:#f5f8f5}.data-table th{font-size:.77rem;color:#69816f;font-weight:700;padding:13px 14px;white-space:nowrap}.data-table td{padding:15px 14px;border-top:1px solid #edf2ed;white-space:nowrap}.data-table tr:hover td{background:#fafcf9}.data-table td.numeric{direction:ltr;text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.report-chooser{display:flex;align-items:center;gap:12px;margin-bottom:16px}.empty-state{display:grid;place-items:center;text-align:center;min-height:160px;padding:25px;color:#75887b;line-height:1.75}.loading{padding:10px 16px;border:1px solid #d1e6d8;background:#eef7ef;color:#22663c;border-radius:9px;margin-bottom:16px}.demo-banner{background:#fff2d5;color:#81570b;padding:12px 36px;font-size:.9rem}.error-banner{margin:16px 35px 0}.footer{text-align:center;font-size:.72rem;color:#9aa79c;padding:26px 0 20px}.mobile-nav,.mobile-logo{display:none}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.offline-message{padding:30px;text-align:center}
@media(max-width:1050px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-grid{grid-template-columns:1fr}.sidebar{width:220px}.topbar{padding:20px}.content{padding:24px}}
@media(max-width:720px){.workspace{display:block;padding-bottom:75px}.sidebar{display:none}.topbar{min-height:76px;padding:14px 16px;align-items:center}.topbar h1{font-size:1.18rem}.mobile-logo{display:block;font-size:1.7rem}.topbar-actions{gap:5px}.topbar-actions .user-chip,.topbar-actions .connection-status{display:none}.topbar .section-caption{font-size:.68rem}.btn-small{padding:8px;font-size:.75rem}.content{padding:18px 13px}.filterbar{align-items:flex-start;flex-direction:column;gap:13px}.range-controls{width:100%}.range-label{margin-inline-start:auto}.kpi-grid{gap:10px}.kpi{padding:13px;border-radius:13px}.kpi-top{font-size:.77rem}.kpi-icon{width:30px;height:30px}.kpi-value{font-size:1.21rem}.panel{padding:14px;border-radius:13px}.panel-heading{flex-wrap:wrap}.panel-heading h3{font-size:.96rem}.trend-chart{gap:4px}.trend-date{font-size:.58rem}.mobile-nav{position:fixed;z-index:10;bottom:0;left:0;right:0;padding-bottom:env(safe-area-inset-bottom);height:calc(68px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e0e8e0;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 -5px 20px #15342012}.mobile-nav-item{border:0;background:#fff;color:#7b8c80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.69rem;font-weight:700}.mobile-nav-item span{font-size:1.25rem}.mobile-nav-item.active{color:#257a49;background:#eff8f0}.demo-banner{padding:12px 16px}.error-banner{margin:12px}.auth-card{padding:23px}.footer{padding-bottom:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}