@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#16252b;--muted:#748187;--line:#e8edef;--paper:#f7f9f9;--yellow:#ffcb05;--green:#167a55;--red:#b84242;--shadow:0 8px 30px rgba(22,37,43,.045)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:#fff;border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 42px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;background:var(--yellow);color:#17242a;font-size:20px;font-weight:800;letter-spacing:-1.6px;border-radius:11px;width:43px;height:43px;font-family:Manrope,sans-serif}.brand b{display:block;font-size:15px;letter-spacing:-.4px}.brand small{display:block;color:#9aa4a8;font-size:9px;letter-spacing:1.7px;margin-top:4px;font-weight:700}.nav-label,.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:#8a969a}.nav-label{padding:0 13px 12px}.nav-item{padding:13px;border-radius:10px;color:#4f5f65;display:flex;gap:12px;align-items:center;font-weight:600}.nav-item span{font-size:18px}.nav-item.active{background:#fff8d9;color:#1b292d}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:20px 5px 0;display:flex;align-items:center;gap:10px}.profile-dot{width:35px;height:35px;border-radius:50%;background:#e5f2ed;color:#167a55;display:grid;place-items:center;font-weight:800}.profile-info{min-width:0;flex:1}.profile-info b,.profile-info small{display:block}.profile-info b{font-size:12px;overflow:hidden;text-overflow:ellipsis}.profile-info small{color:var(--muted);font-size:11px;margin-top:3px}.logout{border:0;background:transparent;color:#7a878b;font-size:20px;cursor:pointer;padding:7px}.main{margin-left:244px;min-height:100vh;padding:0 38px 24px}.topbar{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.crumb{color:#829096;font-size:12px}.crumb span{padding:0 9px;color:#c3cbce}.live-pill{font-size:11px;color:#4e6860;background:#edf7f2;border:1px solid #d8eee3;border-radius:30px;padding:8px 11px}.live-pill i{display:inline-block;width:6px;height:6px;background:#32a66f;border-radius:50%;margin-right:7px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:34px 0 31px}.eyebrow{margin:0 0 11px}.page-head h1,.login-panel h2,.login-brand h1,.error-card h1{font-family:Manrope,sans-serif;letter-spacing:-1.4px}.page-head h1{font-size:32px;line-height:1.15;margin:0 0 10px;font-weight:800}.muted{color:var(--muted);margin:0;line-height:1.65}.date-filter{display:flex;align-items:flex-end;gap:10px;background:#fff;border:1px solid var(--line);padding:10px;border-radius:12px;box-shadow:var(--shadow)}.date-filter label{display:block;color:#849096;font-size:10px;font-weight:700;margin:0 0 5px 2px}.date-filter input{border:1px solid #e5eaec;border-radius:7px;padding:9px 8px;color:#26373d;background:#fff;min-width:125px;font-size:11px}.date-arrow{color:#9ba6aa;padding-bottom:9px}.btn{border:0;border-radius:8px;padding:11px 14px;font-weight:700;font-size:11px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap}.btn-dark{background:#1b2b30;color:white}.btn-dark:hover{background:#30454c}.btn-light{background:#fff;border:1px solid var(--line);color:#3e5056}.section-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 15px}.section-title h2{font-family:Manrope,sans-serif;font-size:16px;letter-spacing:-.35px;margin:0 0 5px}.section-title p{color:#8a969a;font-size:11px;margin:0}.range-tag{border:1px solid #e1e7e9;color:#849096;background:#fff;padding:6px 9px;border-radius:6px;font-size:9px;letter-spacing:1px;font-weight:700}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:34px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:19px 19px 17px;min-height:140px;box-shadow:var(--shadow)}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#728087;font-size:11px;font-weight:600}.metric-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#edf5ff;color:#3974bc;font-size:16px}.metric-icon.green{background:#e8f7ef;color:#168356}.metric-icon.amber{background:#fff4db;color:#b47c11}.metric-icon.purple{background:#f1eafe;color:#8052bc}.metric-icon.red{background:#ffeded;color:#b84242}.metric-value{font-family:Manrope,sans-serif;font-size:30px;letter-spacing:-1px;font-weight:800;margin:13px 0 7px}.metric-foot{font-size:10px;color:#98a2a6}.metric-activation{background:linear-gradient(135deg,#fffdf4,#fff);border-color:#f3e8b7}.table-heading{margin-top:0}.table-card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:var(--shadow)}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}thead{background:#fafcfc}th{font-size:9px;text-transform:uppercase;letter-spacing:.65px;color:#8a969a;font-weight:700;text-align:left;padding:15px 16px;border-bottom:1px solid var(--line)}td{padding:15px 16px;border-bottom:1px solid #f0f3f4;font-size:12px;color:#4c5d62}tbody tr:hover{background:#fcfdfd}td b{font-weight:700;color:#27383e}td small{display:block;font-size:9px;color:#a0aaad;margin-top:4px}.count-chip{display:inline-block;background:#fff8d9;border-radius:6px;padding:5px 8px;color:#66541b;font-weight:700}.positive{color:#17845a;font-weight:700}.negative{color:#ba4a4a;font-weight:700}.money{font-variant-numeric:tabular-nums;font-weight:700}tfoot td{background:#fbfcfc;font-weight:800;color:#26383d;border-bottom:0}.empty{text-align:center;padding:40px;color:#89969a}.table-note{padding:12px 16px;color:#8a969a;font-size:10px;border-top:1px solid var(--line)}.footer{display:flex;justify-content:space-between;color:#a0aaad;font-size:10px;padding:25px 2px 0}.login-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 12% 12%,#fff8d8 0,transparent 34%),#f6f8f8}.login-shell{width:min(920px,100%);min-height:560px;display:grid;grid-template-columns:1fr .85fr;background:white;border:1px solid #e8edef;border-radius:22px;overflow:hidden;box-shadow:0 24px 90px rgba(30,47,53,.09)}.login-brand{background:#17282e;color:white;padding:55px 48px;position:relative;overflow:hidden}.login-brand:after{content:"";position:absolute;width:310px;height:310px;border:1px solid rgba(255,203,5,.16);border-radius:50%;right:-120px;bottom:-120px;box-shadow:0 0 0 35px rgba(255,203,5,.035),0 0 0 70px rgba(255,203,5,.025)}.login-brand .brand-mark{margin-bottom:56px}.login-brand .eyebrow{color:#c0c9cb}.login-brand h1{font-size:39px;line-height:1.18;margin:0 0 19px;font-weight:800}.login-brand h1 span{color:var(--yellow)}.brand-copy{color:#aab8bb;max-width:300px;line-height:1.8;font-size:13px}.brand-footer{position:absolute;bottom:31px;color:#7f9095;font-size:10px;letter-spacing:.4px}.login-panel{padding:74px 48px 40px}.login-panel h2{font-size:28px;margin:0 0 8px}.login-panel .muted{font-size:12px;margin-bottom:27px}.login-panel label{display:block;font-size:11px;font-weight:700;margin:18px 0 8px;color:#47585e}.login-panel input{width:100%;border:1px solid #dfe6e8;background:#fbfcfc;border-radius:9px;padding:13px 12px;outline:none}.login-panel input:focus{border-color:#b99b1a;box-shadow:0 0 0 3px rgba(255,203,5,.13)}.login-btn{width:100%;margin-top:26px;padding:14px;background:var(--yellow);color:#19282d;font-size:12px;justify-content:space-between}.login-btn span{font-size:18px}.security-note{font-size:10px;color:#98a4a8;text-align:center;margin-top:27px}.lock{color:#23956b;margin-right:5px}.alert{background:#fff0ee;color:#a83c34;border:1px solid #f4d3d0;border-radius:8px;padding:10px 12px;font-size:11px;margin:0 0 12px}.mobile-mark{display:none}.error-page{min-height:100vh;display:grid;place-items:center;padding:20px}.error-card{max-width:460px;background:#fff;padding:35px;border-radius:16px;border:1px solid var(--line)}.error-card h1{font-size:27px}.error-card .btn{margin-top:22px}
@media(max-width:1150px){.main{padding:0 24px 24px}.page-head{align-items:flex-start;flex-direction:column}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.date-filter{flex-wrap:wrap}.date-filter input{min-width:115px}}
@media(max-width:760px){.sidebar{position:static;width:auto;height:auto;padding:12px 16px;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center}.brand{padding:0;flex:1}.brand-mark{width:36px;height:36px;font-size:17px}.brand b{font-size:13px}.brand small{font-size:8px}.nav-label,.nav-item{display:none}.sidebar-bottom{margin:0;border:0;padding:0}.profile-info{display:none}.main{margin:0;padding:0 15px 20px}.topbar{height:49px}.page-head{padding:25px 0 24px}.page-head h1{font-size:28px}.date-filter{width:100%;gap:7px}.date-filter>div{flex:1;min-width:0}.date-filter input{width:100%;min-width:0}.date-arrow{display:none}.date-filter .btn{width:100%}.metrics-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:14px;min-height:128px}.metric-top{font-size:10px;gap:6px}.metric-icon{width:24px;height:24px;flex-shrink:0}.metric-value{font-size:25px}.metric-foot{font-size:9px;line-height:1.4}.section-title h2{font-size:15px}.range-tag{display:none}.table-heading{align-items:flex-end}.footer{gap:10px;line-height:1.5}.login-page{padding:14px}.login-shell{grid-template-columns:1fr;min-height:0;border-radius:16px}.login-brand{display:none}.login-panel{padding:35px 25px 28px}.mobile-mark{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:11px;background:var(--yellow);font-family:Manrope,sans-serif;font-weight:800;font-size:20px;margin-bottom:30px}.login-panel h2{font-size:25px}}
@media print{.sidebar,.topbar,.date-filter,.table-heading .btn,.footer{display:none!important}.main{margin:0;padding:0}.metrics-grid{grid-template-columns:repeat(3,1fr)}body{background:#fff}.table-card,.metric-card{box-shadow:none}}