:root{--bg:#f5f6f2;--paper:#fff;--ink:#192f2a;--muted:#72817b;--line:#e5e9e2;--green:#174c40;--lime:#d9edbf;--pale:#eff5e8;--red:#b54545;--shadow:0 16px 55px #163b2c0b;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-size:14px;font-synthesis:none}*{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:.5;cursor:wait}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #7daf69}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.muted{color:var(--muted);line-height:1.65}.small-label,.eyebrow,.nav-caption{font-size:10px;letter-spacing:1.8px;font-weight:750}.small-label{color:#6c8375}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.7px}h1{font-size:35px;line-height:1.18;font-weight:650;margin-bottom:10px}h2{font-size:21px;font-weight:650}h3{font-size:15px;letter-spacing:-.2px}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600}input,select,textarea{border:1px solid #dbe2da;border-radius:10px;background:white;color:var(--ink);padding:12px 13px;min-width:0;width:100%;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:#619b80;box-shadow:0 0 0 3px #96bb9e26}textarea{resize:vertical;min-height:83px}input[type=date]{color-scheme:light}button{border:0;background:none;color:inherit}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:10px;padding:12px 18px;font-weight:650;font-size:12px;white-space:nowrap;transition:transform .18s,background .18s,box-shadow .18s}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.button.primary{background:var(--green);color:#fff;box-shadow:0 4px 10px #174c4012}.button.primary:hover{background:#24614f;box-shadow:0 5px 18px #174c4029}.button.secondary{background:#f1f4ed;border:1px solid #e2e7df}.button.danger{background:#fff0ee;color:var(--red);border:1px solid #f2d7d3}.full{width:100%}.text-button{font-size:12px;color:var(--green);font-weight:650}.error{color:var(--red);min-height:18px;font-size:12px;line-height:1.6}.brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:750;letter-spacing:2.5px}.brand-mark{display:grid;place-items:center;border:1px solid #ffffff35;background:#ffffff0a;width:43px;height:46px;border-radius:13px;font:italic 35px Georgia,serif;letter-spacing:-5px;padding-right:5px;color:var(--lime)}.brand-sub{display:block;font-size:8px;letter-spacing:2px;margin-top:5px;font-weight:450;opacity:.65}.login-shell{min-height:100dvh;display:grid;grid-template-columns:1.05fr 1fr;background:#fcfdf9}.login-story{position:relative;overflow:hidden;padding:47px 8vw 30px 5vw;display:flex;flex-direction:column;justify-content:space-between;color:#f1f6e9;background:radial-gradient(ellipse at 80% 90%,#32604c 0,transparent 65%),#103c32}.story-copy{position:relative;z-index:1;padding:65px 0}.eyebrow{color:#b5c5ab;font-size:9px}.story-copy h1{font-size:clamp(45px,5.3vw,78px);letter-spacing:-3px;font-weight:450;line-height:1.1;margin:28px 0}.story-copy h1 em{font-family:Georgia,serif;font-weight:400;color:var(--lime)}.story-copy p{color:#bdcfc1;max-width:320px;font-size:15px;line-height:1.8}.story-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:30px}.story-tags span{border:1px solid #ffffff24;border-radius:30px;padding:9px 12px;font-size:10px;color:#c4d5c6}.story-footer{font-size:11px;color:#9eb7a7}.orbit{position:absolute;border:1px solid #c2d4b517;border-radius:50%;width:600px;height:600px;right:-300px;bottom:-260px;box-shadow:0 0 0 55px #c2d4b505,0 0 0 110px #c2d4b505}.login-panel{display:flex;align-items:center;justify-content:center;padding:40px}.login-card{width:340px;animation:rise .5s both}.login-card h2{font-size:32px;margin:16px 0 9px}.login-card>.muted{margin-bottom:32px;font-size:13px}.login-card label{margin-bottom:20px}.password-wrap{position:relative}.password-wrap input{padding-right:62px}.password-wrap button{position:absolute;right:13px;top:14px}.login-card .primary{padding:15px;margin-top:4px;justify-content:space-between}.login-note{font-size:11px;color:#7a8b7f;text-align:center;margin-top:30px;line-height:1.9}.login-note>span:last-child{font-size:10px;color:#8c998e}.workspace{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:225px;background:#123d35;color:#ecf2e7;padding:33px 20px;display:flex;flex-direction:column;z-index:5}.sidebar .brand{padding:0 7px}.nav-caption{margin:46px 14px 15px;color:#779c8c;font-size:9px}.sidebar nav{display:grid;gap:7px}.nav-link{display:flex;align-items:center;gap:13px;padding:14px 16px;border-radius:9px;text-align:left;color:#a8c1b4;font-size:12px;transition:background .2s,color .2s}.nav-link>span{font-size:20px;width:22px;text-align:center;line-height:1}.nav-link.active{background:#d9edbf;color:#153f33;font-weight:700}.nav-link:not(.active):hover{background:#ffffff0b;color:#fff}.sidebar-bottom{margin-top:auto;padding:45px 13px 0}.private-label{font-size:10px;color:#d0dec8;display:flex;align-items:center;gap:7px}.status-dot{width:6px;height:6px;border-radius:50%;background:#acd18b;display:inline-block}.sidebar-bottom p{font-size:11px;line-height:1.7;color:#83a795;margin:16px 0 26px}.sidebar-action{display:block;color:#a8c1b4;font-size:11px;padding:9px 0}.sidebar-action:hover{color:#fff}.main-shell{margin-left:225px}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#ffffff60}.breadcrumb{font-size:11px;color:#7b8980}.breadcrumb span{padding:0 13px;color:#b3bfb3}.breadcrumb b{font-weight:550;color:#3b5248}.top-actions{display:flex;align-items:center;gap:15px}.sync-status{font-size:10px;color:#7f8e83}.icon-button{border:1px solid var(--line);border-radius:9px;width:31px;height:31px;font-size:20px;background:#fff}.avatar{display:grid;place-items:center;background:#e7eddd;width:33px;height:33px;border-radius:50%;font-size:12px;color:#527047;font-weight:650}main{max-width:1590px;margin:auto;padding:35px 38px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.page-heading .small-label{display:block;margin-bottom:12px;font-size:9px}.page-heading h1{font-size:31px;margin-bottom:8px}.page-heading p{font-size:12px;margin-bottom:0}.period-bar{display:flex;align-items:center;gap:12px;margin:0 0 25px;flex-wrap:wrap}.period-buttons{display:flex;gap:3px;background:#e9ede5;padding:4px;border-radius:10px}.period-buttons button{font-size:10px;padding:8px 12px;border-radius:7px;color:#6d7c70;white-space:nowrap}.period-buttons button.selected{background:white;color:#234f3b;box-shadow:0 1px 4px #2336270a;font-weight:650}.period-label{margin-left:auto;font-size:10px;color:#899489}.custom-dates{display:flex;gap:8px}.custom-dates label{font-size:10px;gap:4px}.custom-dates input{padding:6px;font-size:11px}.hero-banner{position:relative;overflow:hidden;background:linear-gradient(110deg,#e8f0dc,#edf2e8);border:1px solid #e0e8d5;border-radius:16px;padding:24px 29px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:23px;animation:rise .4s both}.hero-banner h2{font-size:23px;font-weight:550;margin:8px 0 7px}.hero-banner p{font-size:11px;color:#6b8065;margin-bottom:0}.hero-stamp{display:grid;place-items:center;width:80px;height:80px;flex-shrink:0;border:1px solid #c7d7ba;border-radius:50%;font:italic 46px Georgia,serif;color:#6e8a57;box-shadow:0 0 0 12px #d5e3c23d}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:23px}.kpi{border:1px solid var(--line);border-radius:14px;background:white;padding:19px 20px;box-shadow:var(--shadow);animation:rise .4s both}.kpi-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#79877d}.metric-icon{font-size:16px;width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#f2f5ed;color:#6c8857}.kpi strong{display:block;font-weight:600;font-size:26px;letter-spacing:-1px;margin:11px 0 9px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.kpi small{font-size:9px;color:#96a08f}.kpi.featured{background:#174c40;border-color:#174c40;color:#f4f9ef}.kpi.featured .kpi-top,.kpi.featured small{color:#b4cbb9}.kpi.featured .metric-icon{background:#ffffff10;color:#d9edbf}.grid-main{display:grid;grid-template-columns:1.7fr 1fr;gap:20px;margin-bottom:23px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:23px;box-shadow:var(--shadow);min-width:0;animation:rise .4s both}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.card-heading h2{font-size:14px;letter-spacing:-.2px;margin:0}.card-heading p,.card>.muted{font-size:10px}.card>.muted{margin:7px 0 20px}.card-link{font-size:10px;font-weight:600;color:#54734d}.legend{display:flex;gap:14px;font-size:9px;color:#8b968c}.legend i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#39725a;margin-right:5px}.legend .expense-dot{background:#cbdba4}.bar-chart{height:195px;display:flex;gap:8px;align-items:flex-end;padding:10px 6px 25px;border-bottom:1px solid #e8eee3;position:relative;background:repeating-linear-gradient(to top,transparent 0,transparent 44px,#f2f5ef 44px,#f2f5ef 45px)}.chart-column{flex:1;min-width:0;height:100%;position:relative;display:flex;align-items:flex-end;justify-content:center;gap:3px}.chart-bar{width:20px;max-width:35%;border-radius:4px 4px 0 0;background:#3e725c;min-height:0;transition:height .5s ease}.chart-bar.expense{background:#cfddb2}.chart-column small{position:absolute;bottom:-20px;font-size:8px;color:#8c998d;white-space:nowrap}.chart-empty{position:absolute;inset:30% 0 auto;text-align:center;font-size:12px;color:#899987}.service-list{display:grid;gap:18px;margin:25px 0 10px}.service-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:10px}.service-row strong{font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}.service-meter{height:5px;background:#f0f3ea;border-radius:8px;margin-top:9px;overflow:hidden}.service-fill{height:100%;background:#64845a;border-radius:8px}.service-item:nth-child(2) .service-fill{background:#a1b783}.service-item:nth-child(3) .service-fill{background:#cfbe87}.service-item:nth-child(4) .service-fill{background:#7ca1a1}.all-time-strip{display:flex;flex-wrap:wrap;gap:20px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);font-size:10px;color:#8c988c}.all-time-strip strong{display:block;font-size:15px;color:var(--ink);margin-top:6px;font-weight:600}.table-card{padding:0;overflow:hidden}.table-card>.card-heading{padding:23px 23px 14px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap;text-align:left}th{font-size:9px;font-weight:550;letter-spacing:.4px;color:#8b978c;background:#fafbf8;padding:13px 18px;border-bottom:1px solid var(--line)}td{padding:16px 18px;border-bottom:1px solid #f0f2ec;color:#5e7166;vertical-align:middle}tbody tr:last-child td{border:0}tbody tr:hover{background:#fcfdf9}td strong{font-size:11px;font-weight:600;color:#344e40}td small{display:block;font-size:9px;margin-top:5px;color:#99a394;max-width:200px;overflow:hidden;text-overflow:ellipsis}.num{text-align:right;font-variant-numeric:tabular-nums}.positive{color:#31705a}.negative{color:#b65b50}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:5px 8px;background:#eff5e8;color:#66884e;font-size:9px}.pill.expense{background:#fcf0e9;color:#ad7757}.pill.payment{background:#eef2f8;color:#7187a6}.pill.void{background:#f4eded;color:#b57878}.pill.closed{background:#174c40;color:#d9edbf}.mini{border:1px solid var(--line);border-radius:6px;padding:5px 8px;font-size:9px;background:white;color:#56704f;margin-right:4px}.mini:hover{border-color:#9db98d;background:#f4f8ef}.void-row{opacity:.6}.empty{text-align:center;padding:45px 20px;color:#8c998c;white-space:normal}.empty b{display:block;color:#53704c;font-size:14px;margin:10px 0}.empty p{font-size:11px}.filters{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;gap:10px;flex-wrap:wrap}.filters input{flex:1;min-width:150px}.filters input,.filters select{font-size:11px;padding:10px}.filters select{width:auto;max-width:180px}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;font-size:10px;color:#98a08f}.table-footer button{padding:7px 10px;font-size:10px;border:1px solid var(--line);border-radius:6px;margin-left:6px}.page-footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:32px;padding:20px 0;color:#a4ad9d;font-size:9px;border-top:1px solid var(--line)}.page-footer>span:first-child{letter-spacing:1.5px;font-size:8px}.page-footer b{font-weight:400}.report-toolbar{display:flex;justify-content:flex-end;gap:10px;margin-bottom:20px}.statement{margin:0}.statement>div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #edf0e8;font-size:12px}.statement .total{font-size:16px;color:#295640;font-weight:700;border-top:1px solid #b7c8ad}.statement .sub{color:#7e8c7d;font-size:11px}.note{padding:14px 16px;border:1px solid #e3e9db;border-radius:10px;background:#f7faf2;font-size:11px;line-height:1.7;color:#728269;margin:18px 0}.note.warning{background:#fff8ed;border-color:#f0e0c6;color:#9a784d}.closing-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}.closing-tools input{width:170px}.close-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.close-grid .form-grid{margin-top:25px}.cash-number{font-size:43px;letter-spacing:-1.5px;font-weight:500;margin:25px 0 6px}.cash-label{font-size:11px;color:#87957f}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.span-2{grid-column:1/-1}.form-section{grid-column:1/-1;font-size:9px;letter-spacing:1.6px;color:#8d9b84;margin:9px 0 -3px;border-bottom:1px solid var(--line);padding-bottom:8px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.section-gap{margin-top:20px}.amount-preview{display:flex;justify-content:space-between;gap:15px;background:#f1f6e9;border-radius:10px;padding:15px;font-size:11px;color:#65805a;margin-top:18px}.amount-preview strong{color:#2e563f}.form-error{margin:15px 0 0;white-space:pre-wrap}.picker{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:23px}.picker button{text-align:left;padding:20px;border:1px solid var(--line);border-radius:12px;transition:background .2s,border-color .2s}.picker button:hover{background:#f3f7ec;border-color:#acc39a}.picker .picker-icon{display:block;font-size:24px;color:#739261;margin-bottom:12px}.picker b{font-size:13px;font-weight:600;display:block}.picker small{display:block;font-size:10px;color:#91a087;margin-top:5px}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:20px}.modal-heading h2{font-size:24px;margin:5px 0 8px}.modal-heading p{font-size:11px;margin:0;line-height:1.7}.close-x{font-size:23px;color:#8b9987;line-height:1;padding:3px 5px;border-radius:5px}dialog{border:1px solid #dce4d4;border-radius:19px;width:min(640px,calc(100% - 30px));max-height:90dvh;overflow:auto;padding:28px;color:var(--ink);box-shadow:0 25px 100px #092d3933;background:white}dialog[open]{animation:popup .22s ease-out}dialog::backdrop{background:#102a2566;backdrop-filter:blur(5px)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:11px}.detail-grid dt{color:#89977f;font-size:10px;margin-bottom:5px}.detail-grid dd{margin:0;overflow-wrap:anywhere}.history{border-left:2px solid #dce7d1;padding-left:15px;margin:20px 0}.history article{padding:5px 0 17px;font-size:11px}.history small{display:block;color:#97a18f;margin-top:6px}.history summary{font-size:10px;color:#6a805b;cursor:pointer;margin-top:10px}.history pre{font-size:10px;white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f7f1;padding:10px;border-radius:7px;max-height:260px;overflow:auto}.history h3{margin-bottom:7px;font-size:12px}.history p{margin-bottom:5px}.toast{border:1px solid #c7d8bb;background:#fafff4;color:#31583a;border-radius:12px;padding:15px 20px;font-size:12px;box-shadow:0 10px 40px #123d3517;animation:toast-in .25s ease;max-width:min(400px,calc(100vw - 40px))}.toast.bad{border-color:#e7c7c2;color:#aa5146;background:#fff9f5}#toasts{position:fixed;bottom:25px;right:25px;z-index:20;display:grid;gap:10px}.busy{opacity:.55;pointer-events:none}.loading-state{padding:80px;text-align:center;color:#8b9a82}.file-button{display:inline-flex}.break{overflow-wrap:anywhere;word-break:break-word}.account-details{font-size:12px;line-height:1.9}.account-details code{font-size:11px;background:#f0f4e9;padding:2px 5px;border-radius:4px}.link{color:#46724d;text-decoration:underline}.report-services{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 20px}.report-services .card{padding:18px}.report-services strong{display:block;font-size:20px;margin-top:12px}.report-services span{font-size:11px;color:#7c8d74}@keyframes rise{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes popup{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-in{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}
.chart-svg{display:block;width:100%;height:205px;overflow:visible}.chart-svg text{font-size:9px;fill:#8a9881;font-family:inherit}.chart-svg .chart-placeholder{font-size:11px}.chart-grid{fill:none;stroke:#edf1e7;stroke-width:1}.svg-sales{fill:#3e725c}.svg-expenses{fill:#cfddb2}.service-progress{appearance:none;-webkit-appearance:none;display:block;width:100%;height:5px;border:0;border-radius:8px;margin-top:9px;overflow:hidden;background:#f0f3ea}.service-progress::-webkit-progress-bar{background:#f0f3ea;border-radius:8px}.service-progress::-webkit-progress-value{background:#64845a;border-radius:8px}.service-progress::-moz-progress-bar{background:#64845a;border-radius:8px}.service-item:nth-child(2) progress::-webkit-progress-value{background:#a1b783}.service-item:nth-child(3) progress::-webkit-progress-value{background:#cfbe87}.service-item:nth-child(4) progress::-webkit-progress-value{background:#7ca1a1}
@media(min-width:1550px){main{padding-top:45px}.kpi{padding:25px}.kpi strong{font-size:32px}.bar-chart{height:240px}}
@media(max-width:1150px){.sidebar{width:190px;padding:30px 14px}.main-shell{margin-left:190px}main{padding:28px 25px 0}.topbar{padding:0 25px}.brand{font-size:12px}.brand-mark{width:38px}.brand-sub{font-size:7px}.kpis{gap:10px}.kpi{padding:15px}.kpi strong{font-size:23px}.period-label{display:none}.grid-main{grid-template-columns:1.4fr 1fr}.card{padding:19px}}
@media(max-width:850px){.sidebar{width:76px;padding:22px 10px}.sidebar .brand{padding:0;justify-content:center}.sidebar .brand>span:last-child,.nav-caption,.sidebar-bottom{display:none}.sidebar nav{margin-top:35px}.nav-link{font-size:0;padding:14px;justify-content:center;gap:0}.nav-link>span{font-size:23px}.main-shell{margin-left:76px}.grid-main{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}.login-story{padding:35px}.story-copy h1{font-size:53px}.story-tags{display:none}.login-panel{padding:30px}.close-grid{grid-template-columns:1fr}.hero-stamp{width:65px;height:65px}.page-heading h1{font-size:27px}.report-services{grid-template-columns:repeat(2,1fr)}}
@media(max-width:570px){.sidebar{position:sticky;top:0;inset:auto;flex-direction:row;width:100%;height:64px;padding:8px 14px;align-items:center;justify-content:space-between}.sidebar .brand{display:none}.sidebar nav{display:flex;width:100%;margin:0;justify-content:space-between;gap:3px}.nav-link{font-size:9px;gap:6px;padding:9px;flex:1;justify-content:center}.nav-link>span{display:none}.main-shell{margin-left:0}.topbar{height:52px;padding:0 18px}.top-actions{gap:10px}.sync-status{font-size:8px}main{padding:24px 17px 0}.page-heading{align-items:flex-start;gap:10px}.page-heading h1{font-size:23px}.page-heading .small-label{font-size:8px}.page-heading p{font-size:10px}.page-heading .button{padding:11px;font-size:10px;margin-top:18px}.period-buttons{width:100%;justify-content:space-between;gap:0}.period-buttons button{padding:8px 9px;font-size:9px}.hero-banner{padding:21px}.hero-banner h2{font-size:21px}.hero-banner p{font-size:10px}.hero-stamp{display:none}.kpi{padding:15px}.kpi-top{font-size:9px}.kpi strong{font-size:22px}.kpi small{font-size:8px}.metric-icon{width:25px;height:25px}.grid-main{gap:15px}.card-heading h2{font-size:13px}.bar-chart{gap:5px}.legend{gap:7px}.legend i{margin-right:3px}.login-shell{display:block}.login-story{padding:22px 25px}.story-copy{padding:25px 0 0}.story-copy h1{font-size:39px;letter-spacing:-1.5px;margin:12px 0}.story-copy .eyebrow,.story-copy p,.story-tags,.story-footer{display:none}.story-copy h1 br{display:none}.story-copy h1 em{display:block}.login-panel{padding:35px 27px}.login-card{max-width:360px;width:100%}.login-card h2{font-size:29px}.login-card>.muted{margin-bottom:24px}.filters{padding:15px}.filters input{flex-basis:100%}.filters select{flex:1;max-width:none}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.form-section{grid-column:auto}.amount-preview{flex-wrap:wrap}.page-footer{font-size:8px}.table-footer{font-size:9px}.table-footer button{font-size:9px}dialog{padding:22px}.modal-heading h2{font-size:22px}.report-toolbar{flex-wrap:wrap;justify-content:flex-start}.report-toolbar .button{font-size:10px;padding:10px}.report-services .card{padding:15px}.report-services strong{font-size:18px}.detail-grid{grid-template-columns:1fr 1fr}.account-details{font-size:11px}.actions .button{padding:11px 13px}.closing-tools{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.sidebar,.topbar,.page-heading>.button,.period-bar,.report-toolbar,.page-footer,.filters,.table-footer,.mini,#toasts,dialog,.login-shell{display:none!important}.main-shell{margin:0}main{padding:0}.workspace{display:block!important}body{background:white}.card,.kpi{box-shadow:none;break-inside:avoid}.page-heading{margin-top:10px}.grid-main{grid-template-columns:1fr 1fr}table{white-space:normal;font-size:9px}td,th{padding:8px}h1{font-size:24px}.card{animation:none}.report-services{grid-template-columns:repeat(4,1fr)}}
.brand-mark{display:block;width:46px;height:46px;flex-shrink:0;padding:0;border:0;border-radius:13px;background:transparent}.hero-stamp{border:0;box-shadow:none}.hero-stamp img{display:block;border-radius:17px}.login-story .brand-mark{width:52px;height:52px}.sidebar .brand-mark{width:43px;height:43px}@media(max-width:1150px){.sidebar .brand-mark{width:38px;height:38px}}

/* Etimad Premium · Pakistan edition. Transform-based motion, no external assets. */
:root{--bg:#f3f5f7;--ink:#172f34;--muted:#73838b;--line:#e5ebee;--green:#125b50;--lime:#d8edb5;--shadow:0 12px 36px #103b4210}
body{background:radial-gradient(ellipse at 80% 0,#e3f0eb66,transparent 50%),var(--bg)}
.sidebar{background:radial-gradient(ellipse at 30% 100%,#1a534b 0,transparent 60%),linear-gradient(160deg,#102b31,#123d35);box-shadow:8px 0 40px #0c2b3010;border-right:1px solid #ffffff0b}
.topbar{background:#ffffffa8;backdrop-filter:blur(18px)}
.page-heading h1{font-weight:680;letter-spacing:-1.2px}.small-label{font-size:9px;color:#7a8b86}
.button.primary{background:linear-gradient(135deg,#196e5e,#124c43);box-shadow:0 6px 17px #125b5021,inset 0 1px 0 #ffffff1a}
.button.primary:hover{box-shadow:0 9px 22px #125b5033;transform:translateY(-2px)}
.premium-hero{background:radial-gradient(ellipse at 90% 0,#318c795c,transparent 58%),linear-gradient(125deg,#112e34,#174a42 70%,#1a5446);border:1px solid #2f645b;color:#f2f8f2;min-height:258px;padding:29px 34px;border-radius:22px;box-shadow:0 20px 45px #0e40301c;isolation:isolate;overflow:hidden}
.premium-hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 30%,#ffffff04 31%,transparent 70%);z-index:-1}
.hero-copy{position:relative;z-index:2;min-width:0;flex:1}
.hero-eyebrow{display:flex;gap:8px;align-items:center;color:#a6c4b5;font-size:8px;letter-spacing:1.7px;font-weight:650}
.premium-hero h2{font-size:clamp(27px,2.8vw,38px);line-height:1.15;letter-spacing:-1.1px;font-weight:550;margin:18px 0 13px;color:#f0f7f2}
.premium-hero h2 em{font-family:Georgia,serif;font-weight:400;color:#dcecbc}
.premium-hero p{font-size:11px;line-height:1.85;color:#b0c9bd}
.hero-bottom{display:flex;gap:18px;flex-wrap:wrap;font-size:8px;color:#8caf9e;margin-top:24px;letter-spacing:.5px}.hero-bottom span+span{border-left:1px solid #ffffff21;padding-left:16px;letter-spacing:0}
.finance-scene{position:relative;width:300px;height:220px;flex-shrink:0;perspective:900px;transform-style:preserve-3d;user-select:none}
.scene-halo{position:absolute;width:205px;height:205px;border:1px solid #96c9a62c;border-radius:50%;left:45px;top:3px;box-shadow:0 0 0 22px #96c9a607,0 0 0 45px #96c9a605;background:radial-gradient(circle,#b5c79112,transparent 65%);animation:halo-pulse 7s ease-in-out infinite}
.scene-grid{position:absolute;inset:80px -20px -70px;transform:rotateX(65deg);background-image:linear-gradient(#a3cbaf0e 1px,transparent 1px),linear-gradient(90deg,#a3cbaf0e 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse,black,transparent 70%)}
.glass-finance-card{position:absolute;inset:22px 20px auto 9px;width:247px;padding:19px 22px 14px;border-radius:18px;transform:rotateY(-16deg) rotateX(12deg) rotateZ(-6deg);background:linear-gradient(135deg,#a9d1bd31,#ffffff0a);border:1px solid #c1dfcf60;box-shadow:0 20px 36px #051d2066,7px 6px 0 #173d367d,inset 0 1px 0 #ffffff60;backdrop-filter:blur(12px);animation:card-float 7s ease-in-out infinite;transform-style:preserve-3d;overflow:hidden}
.glass-finance-card:after{content:'';position:absolute;inset:-100% -60%;background:linear-gradient(115deg,transparent 40%,#ffffff17 50%,transparent 60%);transform:translateX(-20%);animation:card-sheen 9s ease-in-out infinite;pointer-events:none}
.mini-card-head{display:flex;justify-content:space-between;align-items:center;letter-spacing:2px;font-size:9px;font-weight:700;color:#e5f0dc}.card-chip{font-size:8px;border:1px solid #d5ddab70;padding:4px 6px;border-radius:5px;color:#dfd8a1;letter-spacing:1px}
.mini-card-label{display:block;font-size:7px;color:#b4c9be;letter-spacing:1px;margin-top:22px}.glass-finance-card>strong{display:block;font-size:25px;color:#f2f6df;letter-spacing:-.7px;font-weight:500;margin-top:6px;font-variant-numeric:tabular-nums}
.mini-card-graph{display:block;width:100%;height:42px;margin:10px 0 3px}.mini-card-graph path{fill:none;stroke:#c7db9a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.card-bottom-line{display:flex;justify-content:space-between;color:#a1c3ae;font-size:7px;letter-spacing:1px;border-top:1px solid #ffffff15;padding-top:9px}.card-bottom-line>span{font-size:12px;color:#dfd8a1}
.scene-token{position:absolute;display:grid;place-items:center;border-radius:50%;font-family:Georgia,serif;font-weight:bold;background:radial-gradient(circle at 27% 22%,#f0d799,#b18b45 65%,#7a642f);border:3px solid #d9b56c;box-shadow:inset 0 0 0 3px #846d3f55,5px 8px 0 #8d7137,9px 15px 18px #001b1b77;color:#715929;transform-style:preserve-3d;text-shadow:0 1px #fff3b977;animation:coin-float 6s ease-in-out infinite}
.token-primary{width:70px;height:70px;font-size:42px;right:-3px;bottom:12px;transform:rotateY(-20deg) rotateZ(12deg)}.token-secondary{width:43px;height:43px;font-size:25px;left:-9px;top:4px;animation-delay:-3s;transform:rotateY(25deg) rotateZ(-10deg)}
.scene-tag{position:absolute;bottom:-4px;left:20px;background:#dff1e8f2;color:#245d4f;padding:8px 12px;border:1px solid #f4fff84d;border-radius:8px;font-size:8px;box-shadow:0 8px 18px #06272140;display:flex;align-items:center;gap:6px;transform:rotate(-3deg)}.scene-tag .status-dot{background:#399c73}
.scene-spark{position:absolute;color:#d0c78a}.spark-one{right:13px;top:10px;font-size:20px;animation:spark-spin 12s linear infinite}.spark-two{left:1px;bottom:20px;font-size:12px;opacity:.6}
.kpis{gap:17px}.kpi{position:relative;overflow:hidden;border-radius:17px;padding:20px;border-color:#e6eced;transition:transform .3s ease,box-shadow .3s ease;transform-style:preserve-3d;box-shadow:0 6px 20px #123d3508}.kpi:before{content:'';position:absolute;width:75px;height:75px;right:-30px;top:-30px;border-radius:50%;background:#2a8a7410}
.kpi:nth-child(1) .metric-icon{background:#eaf1ff;color:#5b80c3}.kpi:nth-child(2) .metric-icon{background:#e5f4ef;color:#3e9279}.kpi:nth-child(3) .metric-icon{background:#faf1df;color:#b89452}.kpi.featured{background:linear-gradient(130deg,#164b45,#22705d);box-shadow:0 8px 20px #14574826}.kpi.featured:before{background:#b4dbb41a}
.kpi strong{font-size:clamp(19px,2vw,28px);letter-spacing:-.8px;margin-top:18px}.kpi small{font-size:9px}.kpi-top{font-size:10px}.metric-icon{border-radius:10px;width:33px;height:33px}
.card{border-radius:19px;border-color:#e5ebed;box-shadow:0 7px 26px #123d3508}.card-heading h2{font-size:16px;letter-spacing:-.4px;margin-top:6px}.card-heading .small-label{font-size:8px;letter-spacing:1.5px}.premium-main-grid{grid-template-columns:1.65fr 1fr;align-items:stretch}.premium-main-grid .card{padding:24px}.chart-headline{margin:23px 0 3px}.chart-headline strong{display:block;font-size:28px;letter-spacing:-.9px;font-weight:600}.chart-headline>span{font-size:10px;color:#95a09e;display:block;margin-top:6px}
.premium-chart{height:240px;margin-top:15px}.revenue-line{stroke:#27967d;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1300;animation:line-reveal 1.6s ease-out both}.revenue-point{fill:#fff;stroke:#27967d;stroke-width:2.5}.premium-bar{fill:#d8c791;opacity:.8;transform-origin:center 180px;animation:bars-grow .8s ease-out both}.chart-grid{stroke:#edf0f3}.chart-svg text{font-size:9px;fill:#8f9e9f}.chart-svg .chart-placeholder{font-size:12px;fill:#8faaa0}.chart-footnote{border-top:1px solid #edf0f1;padding-top:13px;display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#96a2a4}.legend{color:#8b979b}.legend i{background:#27967d}.legend .expense-dot{background:#cebb82}
.donut-wrap{position:relative;width:160px;margin:7px auto -3px}.donut{display:block;width:160px;height:160px;filter:drop-shadow(0 8px 8px #176f5420)}.donut circle{fill:none;stroke-width:15}.donut-track{stroke:#edf2f0}.donut-segment{transform:rotate(-90deg);transform-origin:80px 80px;stroke-linecap:butt;animation:donut-arrive .9s ease-out both}.segment-0{stroke:#2c9b80}.segment-1{stroke:#a8c47c}.segment-2{stroke:#d1b66c}.segment-3{stroke:#7c9dc5}.donut-caption{fill:#95a39b;font-size:7px;font-family:inherit;letter-spacing:1px}.donut-total{fill:#2d5545;font-family:inherit;font-size:24px;font-weight:600}
.service-list{gap:14px;margin-top:7px}.service-row{font-size:10px}.service-row>span{display:flex;gap:8px;align-items:center}.service-row strong{font-size:10px}.service-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#2c9b80}.dot-1{background:#a8c47c}.dot-2{background:#d1b66c}.dot-3{background:#7c9dc5}.service-progress{height:3px;margin-left:14px;width:calc(100% - 14px);margin-top:7px}.service-progress::-webkit-progress-value{background:#2c9b80}
.bottom-grid{grid-template-columns:1.4fr 1fr}.profit-chart{display:block;width:100%;height:178px;margin-top:13px}.profit-chart text{fill:#95a29b;font-size:9px;font-family:inherit}.profit-bar{fill:#6fa793;transform-origin:center 85px;animation:bars-grow .8s ease-out both}.loss-bar{fill:#c57d73}.zero-line{stroke:#d7e2dc;stroke-dasharray:3 4;fill:none}.balance-card{background:linear-gradient(120deg,#fff,#f7faf5)}.balance-card h2{font-size:19px;margin:11px 0 5px}.balance-card>.muted{margin-bottom:18px}.balance-tile{display:flex;align-items:center;gap:14px;border-top:1px solid #e7eee7;padding:16px 0 7px}.balance-symbol{width:35px;height:35px;display:grid;place-items:center;background:#e8f2ea;border-radius:11px;font-size:19px;color:#5f9371}.supplier-symbol{background:#f8f0df;color:#ae955c}.balance-tile>div>span{font-size:10px;color:#8b9b8e}.balance-tile strong{display:block;margin-top:6px;font-size:20px;font-weight:550;letter-spacing:-.5px}
.table-card>.card-heading{padding:23px 24px 20px}.table-card .card-heading h2{font-size:16px}.table-card th{background:#f6f8fa;padding-top:15px;padding-bottom:15px}.mini{box-shadow:0 2px 4px #103b4205;transition:transform .2s,background .2s}.mini:hover{transform:translateY(-1px)}
dialog{border-radius:23px;border:1px solid #e8efe5;box-shadow:0 45px 130px #082d3945,0 3px 0 #ffffff2b inset}dialog[open]{animation:premium-popup .35s cubic-bezier(.16,1,.3,1)}dialog::backdrop{background:linear-gradient(130deg,#102d3980,#0c3734a1);backdrop-filter:blur(9px)}.modal-heading{border-bottom:1px solid #edf1ed;padding-bottom:20px}.picker{gap:13px}.picker button{background:linear-gradient(150deg,#fff,#f5f8f2);box-shadow:0 4px 12px #16443906;border-radius:15px;transition:transform .25s,box-shadow .25s,background .25s}.picker button:hover{transform:perspective(700px) rotateX(5deg) translateY(-5px);box-shadow:0 15px 25px #16443916;border-color:#a9c4aa}.picker .picker-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e9f1df;color:#668e5f}.toast{border-radius:14px;background:#f8fff7;box-shadow:0 18px 50px #0d3e3b22}.toast:before{content:'✓';margin-right:10px;color:#318767;font-weight:800}.toast.bad:before{content:'!';color:#b75543}
.login-story{background:radial-gradient(ellipse at 90% 100%,#337e6255,transparent 55%),linear-gradient(140deg,#112f36,#154d41)}.login-card{background:#ffffffa6;border:1px solid #fff;border-radius:24px;padding:30px;box-shadow:0 22px 70px #123d350b;width:400px}.login-panel{background:radial-gradient(ellipse at 100% 5%,#e3eedb,transparent 65%),#f7f9f5}.login-card h2{letter-spacing:-1.2px}.orbit{border-color:#bed49a27;background:radial-gradient(circle at 35% 30%,#dde7a117,#295d4310 50%,#102d35aa 90%);box-shadow:inset -20px -30px 60px #082d3355,0 0 0 50px #b7cf9305,0 0 0 110px #b7cf9305;animation:orbit-drift 16s ease-in-out infinite}.orbit:before{content:'₨';position:absolute;left:120px;top:65px;font:italic 230px Georgia,serif;color:#bbd39b16;text-shadow:6px 10px #041f2117;transform:rotate(-20deg)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.kpi:hover{transform:perspective(800px) rotateX(3deg) rotateY(-2deg) translateY(-5px);box-shadow:0 16px 35px #123d351a}.card{transition:box-shadow .3s,border-color .3s}.card:hover{box-shadow:0 14px 35px #123d3511;border-color:#d5e1da}}
@keyframes card-float{0%,100%{transform:rotateY(-16deg) rotateX(12deg) rotateZ(-6deg) translateY(0)}50%{transform:rotateY(-9deg) rotateX(8deg) rotateZ(-3deg) translateY(-9px)}}
@keyframes coin-float{0%,100%{translate:0 0}50%{translate:0 -11px}}
@keyframes halo-pulse{0%,100%{opacity:.65;scale:.98}50%{opacity:1;scale:1.04}}
@keyframes card-sheen{0%,45%,100%{translate:-35% 0}65%{translate:45% 0}}
@keyframes spark-spin{to{rotate:360deg}}
@keyframes line-reveal{from{stroke-dashoffset:1300}to{stroke-dashoffset:0}}
@keyframes bars-grow{from{scale:1 .05;opacity:.2}to{scale:1 1;opacity:1}}
@keyframes donut-arrive{from{opacity:0;scale:.8}to{opacity:1;scale:1}}
@keyframes premium-popup{from{opacity:0;transform:perspective(1000px) rotateX(7deg) translateY(25px) scale(.95)}to{opacity:1;transform:perspective(1000px) rotateX(0) translateY(0) scale(1)}}
@keyframes orbit-drift{0%,100%{transform:rotate(-10deg) translateY(0)}50%{transform:rotate(8deg) translateY(-20px)}}
@media(min-width:1550px){.premium-hero{min-height:290px}.finance-scene{width:340px}.glass-finance-card{left:30px;width:267px}.premium-chart{height:260px}}
@media(max-width:1150px){.premium-hero{padding:25px}.finance-scene{width:250px;scale:.87;transform-origin:right center;margin-left:-30px}.premium-hero h2{font-size:30px}.kpi{padding:17px}.kpi strong{font-size:21px}.premium-main-grid{grid-template-columns:1.4fr 1fr}.service-row strong{font-size:9px}.chart-headline strong{font-size:24px}.premium-main-grid .card{padding:20px}}
@media(max-width:850px){.premium-main-grid,.bottom-grid{grid-template-columns:1fr}.service-card{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;align-items:center}.service-card .card-heading{grid-column:1/-1}.service-card .donut-wrap{margin:10px auto}.service-card .service-list{margin:10px 0}.kpi strong{font-size:25px}.premium-hero h2{font-size:30px}.finance-scene{scale:.8;width:240px;margin-left:-55px}.premium-hero p{font-size:10px}.hero-bottom{font-size:7px;gap:10px}.hero-bottom span+span{padding-left:10px}.login-card{padding:22px;width:360px}.login-panel{padding:25px}.glass-finance-card>strong{font-size:24px}}
@media(max-width:570px){.premium-hero{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:24px;border-radius:20px}.premium-hero h2{font-size:29px;margin:16px 0 12px}.premium-hero p{font-size:10px}.hero-bottom{margin-top:19px}.finance-scene{width:270px;height:235px;align-self:center;scale:.92;transform-origin:center center;margin:-4px 0 -12px}.glass-finance-card{width:235px;left:14px}.token-primary{right:0;bottom:20px}.token-secondary{left:0;top:9px}.scene-tag{left:25px;bottom:4px}.hero-eyebrow{font-size:7px;letter-spacing:1.2px}.page-heading h1{font-size:24px}.page-heading p{font-size:10px}.kpis{gap:10px}.kpi{padding:14px;border-radius:15px}.kpi strong{font-size:19px;letter-spacing:-.7px;margin-top:16px}.kpi-top{font-size:9px}.kpi small{font-size:8px;line-height:1.6;display:block}.metric-icon{width:27px;height:27px;font-size:14px}.card{border-radius:17px}.premium-main-grid .card{padding:20px}.card-heading h2{font-size:16px}.premium-chart{height:205px}.chart-headline strong{font-size:26px}.chart-headline>span{font-size:9px}.chart-footnote{font-size:8px}.service-card{display:block}.donut-wrap{margin:10px auto!important}.service-card .service-list{margin-top:10px}.service-row,.service-row strong{font-size:11px}.service-list{gap:15px}.profit-chart{height:150px}.balance-tile strong{font-size:21px}.balance-tile{padding:17px 0 9px}.login-card{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.login-panel{padding:33px 27px}.login-story{padding:23px 25px}.story-copy h1{font-size:37px}.orbit{width:400px;height:400px;right:-180px;bottom:-250px}.orbit:before{font-size:160px}.table-card>.card-heading{padding:20px}.card-heading .small-label{font-size:7px}.table-card .card-heading h2{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.glass-finance-card{transform:rotateY(-10deg) rotateZ(-4deg)}}
@media print{.finance-scene{display:none}.premium-hero{background:#f4f7f0!important;color:#173c34;box-shadow:none;border-color:#cdd9cd}.premium-hero h2,.premium-hero h2 em{color:#173c34}.premium-hero p,.hero-eyebrow,.hero-bottom{color:#61775c}.card,.kpi{box-shadow:none!important;transform:none!important}.premium-main-grid,.bottom-grid{grid-template-columns:1fr 1fr}}
.period-bar{min-width:0}.period-buttons{max-width:100%;overflow-x:auto;scrollbar-width:none}.period-buttons::-webkit-scrollbar{display:none}.period-buttons button{flex-shrink:0}