:root{color-scheme:dark;--bg:#090e19;--panel:#111827;--line:#222d40;--text:#f1f5fb;--muted:#8794ab;--blue:#4085ff;--green:#53dfae;--amber:#f4be5d}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}button{color:inherit}a{color:var(--blue)}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-1px}h2{font-size:18px;letter-spacing:-.3px}img{border-radius:12px}.subtle{font-size:12px}.eyebrow,.subtle{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700}.green-text{color:var(--green)!important}.amber-text{color:var(--amber)!important}.green{background:#16372f;color:var(--green)}.amber{background:#382d1d;color:var(--amber)}.blue{background:#1b3152;color:var(--blue)}.muted{background:#273044;color:var(--muted)}.live-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;background:var(--green);border-radius:50%;box-shadow:0 0 10px #53dfae22}.amber-dot{background:var(--amber)}.primary-button,.secondary-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:15px 20px;border:0;border-radius:10px;font-size:14px;font-weight:700}.primary-button{background:#2563eb;color:white}.primary-button:hover{background:#3672f6}.secondary-button{background:#182438;border:1px solid var(--line)}.banner{padding:14px 16px;border-radius:9px;background:#152035;border:1px solid #26364f;font-size:12px;line-height:1.6;margin-bottom:18px}.error,.error-banner{color:#ffb1b1}.error-banner{background:#321e29;border-color:#663342}.setup-banner{gap:10px;color:#d5c3a5;background:#211e1b;border-color:#3b342a}.loading,.setup-banner{display:flex;align-items:center}.loading{min-height:100dvh;flex-direction:column;justify-content:center;gap:18px}.loading h1 span{font-weight:400;color:var(--muted)}.loading p{font-size:13px;color:var(--muted)}.login-shell{max-width:450px;margin:0 auto;padding:55px 24px 28px;min-height:100dvh}.login-brand{display:flex;align-items:center;gap:14px;font-size:23px;margin-bottom:52px;letter-spacing:-.7px}.brand span,.login-brand span,.mobile-brand span{font-weight:400;color:#adb8cd}.login-card h1{font-size:37px;line-height:1.18;margin:20px 0}.login-card h1 span{color:#68a0ff}.login-card>p{font-size:14px;color:var(--muted);line-height:1.7;max-width:340px}.login-card form{margin-top:35px}.login-card label{display:block;font-size:12px;font-weight:700;color:#b7c2d6;margin-bottom:20px}.login-card input{display:block;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;width:100%;padding:16px;font-size:16px;margin-top:9px}.login-card input::placeholder{color:#64718a;font-size:14px}.login-card .error{font-size:13px;margin:0 0 16px;line-height:1.6}.login-security{display:flex;justify-content:center;align-items:center;gap:7px;color:#64738d;font-size:11px;margin-top:23px}.login-footer{margin-top:55px;font-size:10px;color:#596882;text-align:center;letter-spacing:1px}.app-shell{display:flex;min-height:100dvh}.sidebar{width:235px;position:fixed;top:0;bottom:0;background:#0d1422;border-right:1px solid var(--line);padding:29px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-size:20px;letter-spacing:-.5px;margin:0 3px 50px}.sidebar-label{font-size:9px;color:#586982;letter-spacing:1.7px;margin:0 14px 16px}.sidebar>button{padding:14px;display:flex;align-items:center;gap:13px;background:none;border:0;text-align:left;border-radius:9px;font-size:13px;color:var(--muted);margin-bottom:6px}.sidebar .nav-active{background:#182a49;color:#81aeff}.sidebar-bottom{margin-top:auto;padding:20px 13px 0;font-size:12px;color:#bdc8d9}.sidebar-bottom .live-dot{margin-right:6px}.sidebar-bottom small{display:block;font-size:10px;color:#62748e;margin-top:10px}.main-area{margin-left:235px;width:calc(100% - 235px)}.topbar{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px}.desktop-title{color:#a7b4c9;font-size:13px}.mobile-brand{display:none}.topbar-actions{display:flex;align-items:center;gap:15px}.icon-button{background:none;border:0;color:#9ba9c0;padding:7px;display:flex}.avatar{width:34px;height:34px;background:#253651;color:#aecaff;border:1px solid #385272;border-radius:50%;font-size:13px;font-weight:700}.content{padding:38px 40px 30px;max-width:1100px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.page-heading h1{margin-top:9px}.page-heading p{font-size:13px;color:var(--muted);margin-top:9px}.refresh-button{display:flex;gap:8px;align-items:center;background:#141e2e;border:1px solid var(--line);border-radius:9px;padding:10px 13px;font-size:12px;color:#b6c4d9}.filters{display:flex;gap:12px;margin-bottom:20px}.filters label{position:relative;flex:1 1;min-width:0}.filters label>span{display:block;color:var(--muted);font-size:10px;margin-bottom:7px}.filters input,.filters select{background:var(--panel);color:#dbe3f1;border:1px solid var(--line);padding:12px 14px;border-radius:9px;width:100%;font-size:13px;height:44px}.filters select{padding-right:25px;text-overflow:ellipsis}.filter-note{color:var(--muted);font-size:11px;line-height:1.7;margin:10px 0 18px}.revenue-card{background:linear-gradient(115deg,#16342e,#122822 55%,#111f25);border:1px solid #275348;border-radius:15px;padding:26px 28px;overflow:hidden;margin-bottom:16px}.revenue-top{display:flex;align-items:center;justify-content:space-between}.revenue-top>span:first-child{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.2px;color:#a5cbbf;font-weight:700}.date-pill{padding:6px 11px;border:1px solid #315749;color:#b0c5bd;font-size:10px;border-radius:6px}.revenue-value{font-size:48px;font-weight:700;letter-spacing:-2px;margin:26px 0 17px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.revenue-bottom{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#97b4aa}.revenue-mark{display:flex;color:#4cb794}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metric-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px;display:grid;grid-template-columns:1fr auto}.metric-icon{width:34px;height:34px;display:flex;justify-content:center;align-items:center;border-radius:9px}.metric-card .metric-icon{grid-column:2;grid-row:1/3}.metric-label{color:#a8b4c9;font-size:12px;grid-column:1;margin-top:3px}.metric-card strong{grid-column:1;font-size:32px;letter-spacing:-.7px;margin-top:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.metric-card small{grid-column:1/3;font-size:11px;color:var(--muted);margin-top:10px}.section-heading{justify-content:space-between;margin:31px 0 15px;gap:12px}.section-heading,.text-button{display:flex;align-items:center}.text-button{gap:4px;background:none;border:0;color:#7caaff;font-size:11px;padding:4px}.transactions{border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden}.transaction{border-bottom:1px solid #202b3d}.transaction:last-child{border-bottom:0}.transaction.highlight{background:#1a2944;box-shadow:inset 3px 0 #4085ff}.transaction-top{border:0;width:100%;text-align:left;background:none;display:flex;align-items:center;gap:13px;padding:18px 20px}.transaction-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;flex-shrink:0}.transaction-copy{flex:1 1;min-width:0}.transaction-copy strong{display:block;font-size:13px;color:#d7e0ef;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-copy>span{display:block;color:#75849d;font-size:10px;margin-top:7px}.transaction-amount{text-align:right;flex-shrink:0}.transaction-amount strong{display:block;font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.transaction-amount>span{font-size:10px;display:block;margin-top:7px}.transaction-details{padding:0 20px 18px 69px}.detail-label{font-size:9px;color:var(--muted);letter-spacing:1.4px;display:block;margin-bottom:16px}.transaction-details>div{display:flex;gap:14px;justify-content:space-between;padding:8px 0;font-size:12px;color:#b9c5da}.transaction-details small{display:block;font-size:9px;color:#6f819f;margin-top:5px}.transaction-details b{font-weight:500;white-space:nowrap}.transaction-details .detail-total{border-top:1px solid var(--line);margin-top:9px;padding-top:14px;color:#e2ebf9}.order-id{font-size:9px;color:#5e7393;overflow-wrap:anywhere;margin-top:14px}.empty-state{text-align:center;padding:37px 24px;color:#607795}.empty-state svg{margin-bottom:17px}.empty-state h3{font-size:14px;color:#b1bfd5;margin-bottom:10px}.empty-state p{max-width:340px;margin:auto;line-height:1.6;font-size:12px;color:#7589a7}.install-card{display:flex;align-items:center;gap:14px;border:1px solid #24395b;background:#101e34;border-radius:11px;padding:19px 20px;margin-top:24px}.install-icon{color:#6d9ef4;display:flex}.install-card>div{flex:1 1}.install-card h3{font-size:13px}.install-card p{font-size:11px;color:#778caa;margin-top:7px}.install-card button{background:#23497d;border:1px solid #345c91;padding:9px 13px;border-radius:8px;font-size:11px}.data-footer{display:flex;align-items:center;gap:7px;color:#63758f;font-size:9px;margin-top:25px;letter-spacing:.2px}.data-footer>span:last-child{margin-left:auto}.data-footer .live-dot{width:4px;height:4px;background:#5e7897}.status-filters{display:flex;gap:9px;margin:4px 0 16px}.status-filters button{border:1px solid var(--line);border-radius:8px;background:#111b2b;color:#8b9ab1;padding:10px 15px;font-size:12px}.status-filters .selected{background:#223b63;color:#a5c8ff;border-color:#345886}.settings-card{border:1px solid var(--line);background:var(--panel);padding:24px;border-radius:13px}.settings-title{display:flex;gap:14px;align-items:center;margin-bottom:22px}.settings-title h2{font-size:16px}.settings-title p{color:var(--muted);font-size:11px;margin-top:7px;line-height:1.5}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:23px 0}.setting-row strong{font-size:13px}.setting-row p{font-size:11px;color:var(--muted);margin-top:7px;line-height:1.5}.toggle{width:43px;height:25px;flex-shrink:0;display:flex;align-items:center;border:0;border-radius:30px;padding:3px;background:#354054;transition:background .2s}.toggle span{width:19px;height:19px;border-radius:50%;background:white;transition:transform .2s}.toggle.on{background:#2c72e8}.toggle.on span{transform:translateX(18px)}.settings-note{margin-top:20px;color:#7689a5;font-size:10px;line-height:1.8}.notice{display:flex;gap:13px;padding:20px;border-bottom:1px solid var(--line)}.notice:last-child{border-bottom:0}.notice>div{min-width:0}.notice strong{font-size:13px}.notice p{font-size:11px;color:#99acc9;line-height:1.7;margin-top:7px;overflow-wrap:anywhere}.notice small{display:block;font-size:9px;color:#657a98;margin-top:9px;overflow-wrap:anywhere}.logout-button{border:0;background:none;display:flex;gap:8px;align-items:center;justify-content:center;width:100%;font-size:12px;color:#8e9fb9;padding:22px}.bottom-nav{display:none}@media(min-width:1100px){.revenue-card{padding:30px}.revenue-value{font-size:55px}.metric-grid{gap:20px}.content{padding-left:55px;padding-right:55px}}@media(max-width:760px){.sidebar{display:none}.main-area{margin:0;width:100%}.topbar{height:76px;padding:env(safe-area-inset-top) 21px 0}.desktop-title{display:none}.mobile-brand{display:flex;align-items:center;gap:8px;font-size:19px;letter-spacing:-.6px}.topbar-actions{gap:10px}.content{padding:26px 20px calc(108px + env(safe-area-inset-bottom))}.page-heading{margin-bottom:24px}.page-heading h1{font-size:27px}.page-heading p{font-size:12px}.refresh-button{border:0;background:none;padding:9px;color:#7186a7}.refresh-button span{display:none}.filters{gap:10px}.filters input,.filters select{font-size:12px;padding-left:10px;padding-right:8px}.filters label:first-child{max-width:145px}.revenue-card{padding:22px 20px;margin-bottom:13px;border-radius:13px}.revenue-top>span:first-child{font-size:9px;letter-spacing:.8px}.date-pill{font-size:9px;padding:5px 8px}.revenue-value{font-size:39px;letter-spacing:-1.6px;margin:26px 0 16px}.revenue-bottom{font-size:10px}.metric-grid{gap:12px}.metric-card{padding:16px;grid-template-columns:1fr}.metric-card .metric-icon{grid-column:1;grid-row:1;justify-self:start;width:29px;height:29px;margin-bottom:13px}.metric-label{font-size:11px;grid-column:1;grid-row:2}.metric-card strong{font-size:29px;margin-top:11px}.metric-card small{font-size:9px;margin-top:9px}.section-heading{margin-top:28px}.section-heading h2{font-size:16px}.transaction-top{gap:10px;padding:17px 14px}.transaction-icon{width:31px;height:31px;border-radius:9px}.transaction-copy strong{font-size:11px}.transaction-copy>span{font-size:9px;line-height:1.3}.transaction-amount strong{font-size:12px}.transaction-amount>span{font-size:9px}.transaction-details{padding-left:55px;padding-right:14px}.transaction-details>div{font-size:10px}.install-card{padding:16px 13px;gap:10px}.install-card h3{font-size:11px}.install-card p{font-size:9px;line-height:1.5}.install-card button{font-size:10px;padding:8px 10px}.install-icon svg{width:20px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#0d1524;border-top:1px solid #253047;padding:10px 12px calc(12px + env(safe-area-inset-bottom));z-index:5}.bottom-nav button{display:flex;flex:1 1;flex-direction:column;gap:7px;align-items:center;background:none;border:0;color:#687c9b;font-size:9px;padding:6px}.bottom-nav button.active{color:#74a7ff}.settings-card{padding:20px 16px}.settings-title{gap:10px}.settings-title h2{font-size:14px}.setting-row p,.settings-title p{font-size:10px}.notice{padding:17px 14px}.banner{font-size:11px;padding:12px}.data-footer{font-size:8px}.status-filters button{font-size:11px;padding:10px 13px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}