@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#182230;--muted:#7a8492;--line:#e8ebef;--bg:#f6f7f9;--orange:#f36b21;--orange-light:#fff2e9;--green:#168b51;--green-light:#eaf7ef;--yellow:#ffcc00;--white:#fff;--shadow:0 10px 35px rgba(25,38,55,.055)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.auth-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 18px;background:radial-gradient(circle at 15% 10%,#fff1e7 0,transparent 32%),radial-gradient(circle at 90% 90%,#e9f6ed 0,transparent 28%),#f8f9fb}.auth-brand,.side-brand{display:flex;align-items:center;gap:12px}.auth-brand{margin-bottom:25px}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#f47a2a,#ed4e20);display:grid;place-items:center;color:white;font:800 24px Manrope;box-shadow:0 7px 18px #f36b2140}.auth-brand strong,.side-brand strong{font:800 19px Manrope;display:block}.auth-brand small,.side-brand small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.auth-card{width:min(100%,440px);background:#fff;border:1px solid var(--line);border-radius:20px;padding:27px;box-shadow:var(--shadow)}.auth-tabs{display:flex;background:#f4f5f7;padding:4px;border-radius:10px;margin-bottom:27px}.tab{border:0;background:transparent;color:var(--muted);padding:10px;flex:1;border-radius:8px;font-weight:700}.tab.active{background:white;color:var(--ink);box-shadow:0 2px 7px #17203312}.auth-form h1{font:800 25px Manrope;margin:0 0 7px}.auth-form>p{color:var(--muted);margin:0 0 23px}.auth-form label,.report-controls label{display:block;font-weight:700;font-size:12px;margin:15px 0;color:#4b5563}.auth-form input,.report-controls select{display:block;width:100%;margin-top:8px;padding:13px 14px;border:1px solid #e1e5e9;border-radius:9px;outline:none;background:#fff;color:var(--ink)}input:focus,select:focus{border-color:#f5a06e!important;box-shadow:0 0 0 3px #f36b2115}.optional{color:#9aa2ad;font-weight:400}.primary{border:0;border-radius:9px;background:var(--orange);color:#fff;padding:12px 17px;font-weight:700;box-shadow:0 5px 13px #f36b2128}.primary:hover{background:#e75c17}.full{width:100%}.auth-form .primary{margin-top:12px;padding:14px}.auth-message,.message{min-height:20px;font-size:12px;margin-top:10px;color:#b54735}.message.success{color:#168b51}.auth-foot{color:#a1a8b1;font-size:12px;margin-top:20px}
.app-shell{min-height:100vh}.sidebar{width:250px;background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;padding:25px 17px;display:flex;flex-direction:column;z-index:3}.side-brand{padding:0 8px 35px}.side-brand .brand-mark{width:38px;height:38px;font-size:21px}.side-brand strong{font-size:17px}.sidebar nav{display:grid;gap:7px}.nav-link{border:0;background:transparent;color:#66717f;text-align:left;padding:13px 14px;border-radius:9px;font-weight:600;display:flex;align-items:center;gap:12px}.nav-link span{font-size:18px;width:19px;text-align:center}.nav-link.active,.nav-link:hover{background:var(--orange-light);color:#e85d18}.sidebar-bottom{margin-top:auto}.user-mini{display:flex;align-items:center;gap:10px;padding:14px 7px;border-top:1px solid var(--line)}.avatar{width:34px;height:34px;border-radius:50%;background:#fff0e7;color:var(--orange);display:grid;place-items:center;font-weight:800}.user-mini strong{display:block;font-size:12px}.user-mini small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.logout{width:100%;text-align:left;border:0;background:transparent;color:#8b929c;padding:10px 8px}.main{margin-left:250px;padding:0 35px 25px;max-width:1700px}.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:29px}.eyebrow{font-size:9px;letter-spacing:1.4px;color:#a1a8b1;font-weight:800;margin-bottom:5px}.topbar h1{font:800 23px Manrope;margin:0}.top-user{display:flex;align-items:center;gap:8px;color:#657080;font-size:12px}.online-dot{width:8px;height:8px;border-radius:50%;background:#26b36d}.page{display:none}.page.active{display:block}.welcome-row,.section-intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:15px}.welcome-row h2,.section-intro h2{font:800 20px Manrope;margin:0 0 6px}.welcome-row p,.section-intro p{margin:0;color:var(--muted);font-size:12px}.date-chip{background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 12px;color:#707b89;font-size:11px;white-space:nowrap}.entry-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,.8fr);gap:20px}.entry-card,.mini-stat,.tip-card,.table-card,.metric-card,.chart-card,.bottom-metrics,.report-paper{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.entry-card{padding:25px 27px}.card-heading{display:flex;align-items:center;gap:12px;margin-bottom:26px}.step-icon{width:37px;height:37px;background:#fff0e7;color:var(--orange);border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:12px}.card-heading h3{font:800 15px Manrope;margin:0 0 4px}.card-heading p{font-size:11px;color:var(--muted);margin:0}.field-label{display:block;font-size:11px;font-weight:800;color:#5d6876;margin:19px 0 8px}.big-input{width:100%;height:49px;border:1px solid #e2e6ea;border-radius:9px;padding:0 14px;outline:none;font-size:14px;color:var(--ink)}.operator-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.operator-choice{border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;align-items:center;gap:10px;position:relative;cursor:pointer}.operator-choice input{position:absolute;opacity:0}.operator-choice:has(input:checked){border-color:var(--orange);background:#fffaf6;box-shadow:0 0 0 2px #f36b2110}.mtn-choice:has(input:checked){border-color:#e6b900;background:#fffdf3}.operator-logo{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-weight:900;font-size:19px}.orange-logo{background:#ffeadc;color:#f36b21}.mtn-logo{background:#fff2a8;color:#796000}.operator-choice strong{display:block;font-size:11px}.operator-choice small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.radio-indicator{margin-left:auto;width:15px;height:15px;border:1px solid #cbd1d8;border-radius:50%}.operator-choice:has(input:checked) .radio-indicator{border:5px solid var(--orange)}.mtn-choice:has(input:checked) .radio-indicator{border-color:#e3b900}.amount-wrap{position:relative}.amount-wrap .big-input{font-size:20px;font-weight:800;padding-right:75px}.amount-wrap>span{position:absolute;right:14px;top:17px;color:#a0a7b0;font-size:10px;font-weight:800}.entry-meta{display:flex;justify-content:space-between;color:#8c96a2;font-size:10px;margin:16px 0 13px}.entry-meta strong{color:#536070}.save-button{height:48px;display:flex;justify-content:center;align-items:center;gap:12px}.save-button span{background:#ffffff35;padding:2px 7px;border-radius:4px}.privacy-note{font-size:10px;color:#9aa2ad;margin:14px 0 0;text-align:center}.side-column{display:grid;align-content:start;gap:13px}.mini-stat{padding:17px 18px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#788391;font-size:11px}.stat-symbol{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;font-weight:900}.orange-stat .stat-symbol{background:#fff0e6;color:#f36b21}.yellow-stat .stat-symbol{background:#fff6c9;color:#8b7100}.mini-stat>strong{display:block;font:800 20px Manrope;margin:14px 0 4px}.mini-stat>small{font-size:10px;color:#9aa2ad}.tip-card{padding:18px;background:#fffaf4;border-color:#ffead8}.tip-icon{color:var(--orange);font-size:20px;margin-bottom:8px}.tip-card strong{font-size:12px}.tip-card p{font-size:11px;color:#8a8179;line-height:1.6;margin:7px 0 0}
.outline-button,.light-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #e0e4e9;background:#fff;color:#596574;border-radius:8px;padding:10px 13px;text-decoration:none;font-size:11px;font-weight:700}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:15px}.filters input,.filters select{border:1px solid #e1e5e9;border-radius:8px;background:white;padding:10px 11px;font-size:11px;color:#596574;outline:none}.filters input:first-child{flex:1;min-width:180px}.table-card{overflow:hidden}.table-head{padding:17px 19px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font-size:12px}.table-head span{color:#9aa2ad;font-size:10px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:650px}th{text-align:left;background:#fafbfc;color:#9aa2ad;font-size:9px;letter-spacing:.7px;padding:13px 18px}td{padding:14px 18px;border-top:1px solid #f0f1f3;font-size:11px;color:#586474}td.amount{font-weight:800;color:#263342}.operator-pill{padding:5px 8px;border-radius:5px;font-size:9px;font-weight:800}.operator-pill.orange{background:#fff0e6;color:#e96520}.operator-pill.mtn{background:#fff7cc;color:#806900}.empty-state{text-align:center;padding:35px;color:#a0a8b2;font-size:12px}.section-intro{margin-bottom:20px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:16px}.metric-card{padding:17px}.metric-card span,.bottom-metrics span{display:block;color:#8a94a1;font-size:10px}.metric-card strong{display:block;font:800 19px Manrope;margin:11px 0 5px}.metric-card small{color:#9ca5af;font-size:10px}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.chart-card{padding:18px;min-width:0}.chart-title h3{font:800 13px Manrope;margin:0 0 4px}.chart-title p{font-size:10px;color:#9aa2ad;margin:0 0 15px}.chart-card canvas{width:100%;height:220px}.bottom-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px;padding:18px}.bottom-metrics strong{display:block;font:800 15px Manrope;margin-top:8px}.report-controls{display:flex;align-items:end;gap:12px;margin-bottom:17px}.report-controls label{margin:0;min-width:210px}.report-controls select{padding:11px}.report-paper{max-width:850px;margin:0 auto;padding:35px 40px}.report-brand{font:800 16px Manrope;color:var(--orange);letter-spacing:1px;border-bottom:2px solid var(--orange);padding-bottom:15px}.report-brand span{float:right;color:#8e98a5;font:700 9px 'DM Sans';letter-spacing:1px;padding-top:5px}.report-paper h2{font:800 22px Manrope;margin:25px 0 5px}.report-paper>p{color:#9aa2ad;font-size:11px}.report-total{background:#fff5ed;border-radius:12px;padding:20px;margin:25px 0}.report-total span{display:block;color:#8d827b;font-size:11px}.report-total strong{display:block;font:800 28px Manrope;color:#e96320;margin-top:8px}.report-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.report-breakdown div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0;font-size:11px}.report-breakdown span{color:#7e8996}.report-breakdown strong{font-size:11px}.report-paper .report-note{margin-top:28px;padding-top:14px;border-top:1px solid var(--line);line-height:1.6}.app-footer{text-align:center;color:#aeb5bd;font-size:10px;padding:35px 0 10px}
@media(max-width:1050px){.main{padding:0 22px 20px}.entry-layout{grid-template-columns:1fr}.side-column{grid-template-columns:1fr 1fr}.tip-card{grid-column:1/-1}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.sidebar{width:100%;height:65px;inset:auto 0 0;padding:5px 8px;border-right:0;border-top:1px solid var(--line);flex-direction:row}.side-brand,.sidebar-bottom{display:none}.sidebar nav{width:100%;display:flex;justify-content:space-around;gap:2px}.nav-link{flex:1;flex-direction:column;justify-content:center;gap:2px;padding:5px 2px;font-size:9px}.nav-link span{font-size:17px}.main{margin-left:0;padding:0 14px 85px}.topbar{height:72px;margin-bottom:20px}.topbar h1{font-size:19px}.top-user{font-size:10px}.welcome-row h2,.section-intro h2{font-size:17px}.welcome-row{align-items:flex-start}.date-chip{font-size:9px;padding:7px}.entry-card{padding:19px 16px}.operator-options{gap:7px}.operator-choice{padding:9px 7px;gap:7px}.operator-choice strong{font-size:10px}.operator-logo{width:29px;height:29px}.side-column{grid-template-columns:1fr 1fr}.mini-stat{padding:13px}.mini-stat>strong{font-size:16px}.tip-card{grid-column:1/-1}.filters>*{flex:1;min-width:calc(50% - 6px)}.filters input:first-child{min-width:100%}.stats-grid{gap:8px}.metric-card{padding:13px}.metric-card strong{font-size:16px}.charts-grid{grid-template-columns:1fr}.bottom-metrics{grid-template-columns:1fr;gap:14px}.report-paper{padding:23px 17px}.report-brand span{float:none;display:block;margin-top:5px}.report-controls{align-items:stretch;flex-direction:column}.report-controls label{min-width:0}.section-intro{align-items:flex-start}.section-intro .outline-button{white-space:nowrap}.auth-card{padding:21px}}
@media print{body{background:white}.sidebar,.topbar,.section-intro,.report-controls,.app-footer{display:none!important}.main{margin:0;padding:0}.page{display:none!important}#page-reports{display:block!important}.report-paper{border:0;box-shadow:none;max-width:none;padding:10mm}.report-paper .report-total{background:#f7f7f7!important;print-color-adjust:exact}}