:root{--navy:#07111f;--navy-2:#0b1729;--navy-3:#13233a;--bg:#f4f7fb;--card:#fff;--text:#0b1324;--muted:#64748b;--line:#e3eaf3;--primary:#1677ff;--primary-dark:#0e63df;--soft:#eaf3ff;--success:#079455;--danger:#d92d20;--shadow:0 14px 40px rgba(16,24,40,.08);--radius:20px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);font-size:14px}.icon{width:20px;height:20px;display:block}.muted{color:var(--muted)}a{color:inherit}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:#718096}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--navy);padding:22px 18px;display:flex;flex-direction:column;z-index:50;color:#aebbd0}.sidebar-logo{display:block;padding:3px 4px 8px}.sidebar-logo img{width:178px;max-width:100%;height:auto;display:block}.sidebar-caption{font-size:12px;color:#74839a;padding:0 8px 22px;border-bottom:1px solid rgba(255,255,255,.08)}.nav-list{display:flex;flex-direction:column;gap:6px;margin-top:22px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:12px;text-decoration:none;font-weight:650;color:#9eabc0;transition:.18s}.nav-item:hover{color:#fff;background:rgba(255,255,255,.05)}.nav-item.active{background:#172843;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.nav-svg{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.05)}.nav-item.active .nav-svg{background:var(--primary);color:#fff}.nav-svg .icon{width:18px;height:18px}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.status-dot{display:flex;align-items:center;gap:8px;font-size:11px;color:#8fa0b8}.status-dot i{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.09)}.logout-link{display:flex;align-items:center;gap:6px;text-decoration:none;font-size:11px;color:#8fa0b8}.logout-link .icon{width:16px}.main{margin-left:248px;min-height:100vh;padding:30px 34px 80px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.topbar h1{font-size:31px;line-height:1.1;margin:5px 0 0;letter-spacing:-.035em}.mobile-brand{display:none}.period-form{display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:5px;box-shadow:0 5px 16px rgba(15,23,42,.04)}.period-form select{border:0;background:transparent;padding:10px 34px 10px 12px;font:inherit;font-weight:650;outline:none;color:var(--text)}.custom-dates{display:none;align-items:center;gap:7px;border-left:1px solid var(--line);padding-left:8px}.custom-dates.show{display:flex}.custom-dates input{border:0;background:#f8fafc;padding:8px;border-radius:8px;color:var(--text)}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}.metric-card,.panel,.latest-sale-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.metric-card{padding:20px;min-height:152px;position:relative;overflow:hidden}.metric-card.metric-primary:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-55px;top:-55px;background:linear-gradient(145deg,rgba(22,119,255,.12),rgba(22,119,255,0))}.metric-top{display:flex;align-items:center;gap:9px}.metric-icon{width:34px;height:34px;border-radius:10px;background:var(--soft);color:var(--primary);display:grid;place-items:center}.metric-icon .icon{width:17px;height:17px}.metric-label{font-size:12px;font-weight:750;color:#607087}.metric-value{font-size:36px;font-weight:800;letter-spacing:-.045em;margin-top:16px;line-height:1.05}.metric-value.text-value{font-size:22px;line-height:1.2;word-break:break-word}.metric-foot{font-size:12px;color:var(--muted);margin-top:11px}.metric-foot.up{color:var(--success);font-weight:650}.metric-foot.down{color:var(--danger);font-weight:650}.currency-stack{display:flex;flex-direction:column;gap:7px;margin-top:14px}.currency-stack>div{display:flex;align-items:baseline;gap:7px}.currency-stack strong{font-size:21px;letter-spacing:-.02em}.currency-stack span{font-size:10px;font-weight:800;color:#8a98aa}.latest-sale-card{display:flex;align-items:center;gap:24px;padding:15px 18px;margin-bottom:16px;background:linear-gradient(100deg,#0c1b2f,#10233e);color:#fff;border-color:#162b49;box-shadow:0 16px 42px rgba(7,17,31,.16)}.latest-live{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:.15em;color:#9db5d2;min-width:115px}.latest-live i{width:8px;height:8px;border-radius:50%;background:#23d18b;box-shadow:0 0 0 5px rgba(35,209,139,.12)}.latest-main{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:1}.latest-main>div:first-child{display:flex;flex-direction:column;gap:4px}.latest-main strong{font-size:16px}.latest-main span{font-size:11px;color:#91a3bb}.latest-value{text-align:right;display:flex;align-items:baseline;gap:7px}.latest-value strong{font-size:21px}.content-grid{display:grid;gap:16px;margin-bottom:16px}.content-grid.two-thirds{grid-template-columns:minmax(0,2fr) minmax(300px,.85fr)}.content-grid.halves{grid-template-columns:1fr 1fr}.panel{padding:20px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-head h2{font-size:18px;margin:4px 0 0;letter-spacing:-.02em}.panel-chip{font-size:10px;font-weight:800;color:var(--primary);background:var(--soft);padding:7px 9px;border-radius:999px}.text-link{font-size:11px;color:var(--primary);font-weight:750;text-decoration:none}.chart-wrap{height:300px;position:relative}.chart-wrap canvas{width:100%}.compact-chart{height:260px}.empty-chart{position:absolute;inset:0;display:grid;place-items:center;color:#94a3b8;font-size:12px}.rank-list{display:flex;flex-direction:column;gap:15px}.rank-row{display:flex;align-items:center;gap:10px}.rank-num{width:26px;height:26px;border-radius:8px;background:#eef5ff;color:var(--primary);display:grid;place-items:center;font-size:11px;font-weight:800}.rank-main{flex:1;min-width:0}.rank-main strong{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-bar{height:5px;background:#edf2f8;border-radius:99px;margin-top:7px;overflow:hidden}.rank-bar i{display:block;height:100%;background:var(--primary);border-radius:99px}.rank-value{font-size:12px;font-weight:800}.mini-list{display:flex;flex-direction:column}.mini-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #eef2f6}.mini-list>div:last-child{border-bottom:0}.mini-list span{font-size:12px;color:#4f6075}.mini-list strong{font-size:12px}.big-insight{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px}.insight-icon{width:48px;height:48px;border-radius:15px;background:var(--soft);display:grid;place-items:center;color:var(--primary)}.insight-icon .icon{width:23px;height:23px}.big-insight strong{font-size:34px;letter-spacing:-.04em}.big-insight span{color:var(--muted);font-size:12px}.highlight-panel{display:flex;flex-direction:column}.filters-panel{margin-bottom:16px}.filters-grid{display:grid;grid-template-columns:minmax(220px,1.7fr) repeat(3,minmax(120px,.75fr));gap:12px;align-items:end}.filter-actions{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end}.field{display:flex;flex-direction:column;gap:7px}.field span{font-size:11px;font-weight:750;color:#65758a}.field input,.field select{width:100%;border:1px solid #dbe4ef;border-radius:11px;background:#fff;color:var(--text);padding:11px 12px;font:inherit;outline:none;transition:.15s}.field input:focus,.field select:focus{border-color:#7eb5ff;box-shadow:0 0 0 3px rgba(22,119,255,.08)}.form-stack{display:flex;flex-direction:column;gap:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.full{grid-column:1/-1}.btn{border:0;border-radius:10px;padding:10px 13px;font:inherit;font-size:12px;font-weight:750;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.15s}.btn .icon{width:15px;height:15px}.btn-lg{padding:13px 16px;font-size:13px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:#f5f8fc;color:#334155;border:1px solid #dfe7f0}.btn-danger{background:#fff1f2;color:#b42318;border:1px solid #fecdd3}.btn-sm{padding:8px 10px;font-size:11px}.button-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:15px}.copy-field{display:flex;gap:8px}.copy-field input{flex:1}.status-badge{font-size:10px;font-weight:800;border-radius:999px;padding:7px 9px}.status-badge.ok{background:#ecfdf3;color:#027a48}.alert{border-radius:12px;padding:12px 14px;margin-bottom:16px;font-size:12px;border:1px solid}.alert-success{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.alert-danger{background:#fff1f2;color:#be123c;border-color:#fecdd3}.alert-info{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.fade-out{opacity:0;transition:.3s;pointer-events:none}.empty-state{padding:30px;text-align:center;color:#94a3b8;font-size:12px}.empty-state.compact{padding:14px 0}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:720px}.table-wrap th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8391a3;text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.table-wrap td{font-size:11px;padding:13px 12px;border-bottom:1px solid #edf1f6;vertical-align:top}.table-wrap td strong{font-size:11px}.table-wrap td small{display:block;color:#8b99aa;margin-top:4px}.table-wrap .right{text-align:right}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px!important}.tracking-table{min-width:1500px!important}.tracking-cell{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{width:26px;height:26px;border:0;border-radius:8px;background:#fff1f2;color:#b42318;cursor:pointer}.inline-money{display:flex;gap:7px;flex-wrap:wrap}.inline-money span{padding:5px 7px;border-radius:8px;background:#f5f8fc;font-size:10px}.inline-money small{display:inline!important;margin:0!important;color:#94a3b8}.pagination{display:flex;justify-content:center;gap:6px;margin-top:16px}.pagination a{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;text-decoration:none;background:#f5f8fc;color:#64748b;font-size:11px}.pagination a.active{background:var(--primary);color:#fff}.mobile-sales-list{display:none}.settings-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.settings-integration{grid-row:span 2}.license-info-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #edf1f6}.license-info-row span{font-size:11px;color:#7a899c}.license-info-row strong{font-size:11px;text-align:right}.license-panel>.btn{margin-top:16px}.report-summary{margin-bottom:16px}
/* Auth / Setup */.auth-body{min-height:100vh;background:radial-gradient(circle at 15% 12%,#11284a 0,#07111f 38%,#050c16 100%);position:relative;overflow-x:hidden}.auth-glow{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.26}.auth-glow-one{width:360px;height:360px;background:#0d6efd;left:-120px;top:-80px}.auth-glow-two{width:300px;height:300px;background:#00a8ff;right:-120px;bottom:-120px}.setup-layout,.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,570px);gap:70px;align-items:center;width:min(1180px,calc(100% - 48px));margin:auto;position:relative;z-index:2}.login-layout{grid-template-columns:minmax(0,1fr) 440px}.setup-intro,.login-visual{color:#fff;max-width:570px}.auth-logo{width:min(390px,80%);height:auto;display:block;margin-bottom:38px}.auth-logo.compact{width:240px;margin:0 auto 25px}.auth-kicker{display:inline-block;font-size:11px;letter-spacing:.19em;color:#6eb5ff;font-weight:850;margin-bottom:14px}.setup-intro h1,.login-visual h1{font-size:48px;line-height:1.02;letter-spacing:-.05em;margin:0 0 18px}.setup-intro p,.login-visual p{font-size:16px;line-height:1.65;color:#9eafc5;max-width:520px}.setup-benefits{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.setup-benefits div{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);border-radius:11px;color:#c8d5e5;font-size:11px}.setup-benefits .icon{width:16px}.auth-card{background:rgba(255,255,255,.985);border-radius:24px;padding:32px;box-shadow:0 28px 80px rgba(0,0,0,.33);border:1px solid rgba(255,255,255,.6)}.auth-card-head h2{font-size:27px;letter-spacing:-.035em;margin:7px 0 8px}.auth-card-head p{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 20px}.serial-input{text-transform:uppercase;letter-spacing:.07em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.license-hint{display:flex;align-items:flex-start;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line);color:#718096;font-size:10px;line-height:1.5}.license-hint .icon{width:16px;height:16px;flex:0 0 16px;color:var(--primary)}.license-activation-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.license-activation-card{width:min(100%,500px);text-align:center}.license-activation-card .form-stack{text-align:left}.auth-logout{display:inline-block;margin-top:18px;color:#8a98aa;font-size:11px}.blocked-icon{width:64px;height:64px;border-radius:20px;background:#fff1f2;color:#d92d20;display:grid;place-items:center;margin:0 auto 20px}.blocked-icon .icon{width:30px;height:30px}.license-summary{background:#f7f9fc;border-radius:12px;padding:12px 15px;margin-bottom:18px;display:grid;grid-template-columns:100px 1fr;gap:10px;text-align:left}.license-summary span{font-size:10px;color:#8492a6}.license-summary strong{font-size:11px;word-break:break-all}.mobile-bottom-nav,.mobile-menu-sheet,.mobile-menu-backdrop{display:none}
@media(max-width:1180px){.summary-grid{grid-template-columns:repeat(2,1fr)}.content-grid.two-thirds{grid-template-columns:1.4fr .8fr}.settings-grid{grid-template-columns:1fr 1fr}.setup-layout{gap:40px}.setup-intro h1,.login-visual h1{font-size:40px}}
@media(max-width:800px){body{padding-bottom:76px}.sidebar{display:none}.main{margin:0;padding:0 14px 92px}.mobile-brand{height:72px;margin:0 -14px 18px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;background:var(--navy);position:sticky;top:0;z-index:40;box-shadow:0 8px 25px rgba(7,17,31,.12)}.mobile-brand img{width:154px;height:auto}.mobile-menu-trigger{width:38px;height:38px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#12223a;color:#fff;display:grid;place-items:center}.topbar{margin-bottom:14px;align-items:flex-end}.topbar h1{font-size:28px}.topbar .eyebrow{font-size:9px}.period-form{max-width:190px}.period-form select{width:100%;font-size:12px;padding:9px 28px 9px 9px}.custom-dates.show{position:absolute;left:14px;right:14px;top:128px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:10px;z-index:20;box-shadow:var(--shadow)}.summary-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.metric-card{padding:14px;min-height:138px;border-radius:16px}.metric-icon{width:29px;height:29px;border-radius:9px}.metric-icon .icon{width:15px;height:15px}.metric-label{font-size:10px}.metric-value{font-size:30px;margin-top:14px}.metric-value.text-value{font-size:17px}.metric-foot{font-size:10px;line-height:1.3}.currency-stack{gap:4px;margin-top:12px}.currency-stack strong{font-size:17px}.currency-stack span{font-size:8px}.latest-sale-card{border-radius:16px;margin-bottom:10px;padding:13px;display:block}.latest-live{margin-bottom:9px;font-size:9px}.latest-main{gap:10px}.latest-main strong{font-size:14px}.latest-value strong{font-size:17px}.content-grid.two-thirds,.content-grid.halves,.settings-grid{grid-template-columns:1fr;gap:10px;margin-bottom:10px}.settings-integration{grid-row:auto}.panel{border-radius:16px;padding:15px}.panel-head{margin-bottom:14px}.panel-head h2{font-size:16px}.chart-wrap{height:250px}.filters-grid{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}.filter-actions{justify-content:stretch;flex-wrap:wrap}.filter-actions .btn{flex:1}.desktop-sales-table{display:none}.mobile-sales-list{display:flex;flex-direction:column;gap:10px}.sales-panel{background:transparent;border:0;box-shadow:none;padding:0}.sales-panel>.panel-head{padding:0 2px}.sale-mobile-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;box-shadow:0 9px 26px rgba(15,23,42,.05)}.sale-mobile-top{display:flex;justify-content:space-between;gap:12px}.sale-mobile-top>div:first-child{min-width:0;display:flex;flex-direction:column;gap:4px}.sale-mobile-top>div:first-child strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sale-mobile-top>div:first-child span{font-size:10px;color:#8190a3}.sale-mobile-value{text-align:right;display:flex;flex-direction:column}.sale-mobile-value strong{font-size:16px}.sale-mobile-value span{font-size:8px;font-weight:800;color:#8a98aa}.sale-mobile-meta{display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding-top:12px;border-top:1px solid #eef2f6;font-size:9px;color:#8190a3}.sale-mobile-meta strong{color:#415167}.status-pill{padding:5px 7px;border-radius:999px;background:#ecfdf3;color:#027a48;font-weight:750}.tracking-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:9px 0 0;border:0;background:transparent;color:var(--primary);font-size:10px;font-weight:750}.tracking-toggle .icon{width:14px;transition:.2s}.tracking-toggle.open .icon{transform:rotate(180deg)}.tracking-details{display:none;margin-top:10px;background:#f7f9fc;border-radius:11px;padding:10px}.tracking-details.open{display:grid;gap:8px}.tracking-details div{display:grid;grid-template-columns:48px 1fr;gap:8px;align-items:start}.tracking-details span{font-size:9px;color:#8190a3}.tracking-details code{font-size:9px;color:#2f3f54;word-break:break-all}.mobile-delete{margin-top:10px}.mobile-delete button{border:0;background:transparent;color:#b42318;font-size:9px;padding:0}.table-wrap{border-radius:12px}.mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;height:68px;background:rgba(255,255,255,.96);border-top:1px solid var(--line);z-index:80;backdrop-filter:blur(15px);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-nav a,.mobile-bottom-nav button{border:0;background:transparent;text-decoration:none;color:#8290a2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:9px;font-weight:700}.mobile-bottom-nav .icon{width:19px;height:19px}.mobile-bottom-nav a.active{color:var(--primary)}.mobile-menu-backdrop{position:fixed;inset:0;background:rgba(2,8,18,.46);z-index:89}.mobile-menu-backdrop.open{display:block}.mobile-menu-sheet{position:fixed;display:flex;flex-direction:column;left:12px;right:12px;bottom:82px;background:#fff;border-radius:18px;padding:11px;z-index:90;box-shadow:0 20px 60px rgba(0,0,0,.22);transform:translateY(130%);transition:.22s}.mobile-menu-sheet.open{transform:translateY(0)}.mobile-menu-head{display:flex;justify-content:space-between;align-items:center;padding:8px 9px 10px;border-bottom:1px solid var(--line)}.mobile-menu-head strong{font-size:13px}.mobile-menu-head button{border:0;background:#f2f5f9;width:28px;height:28px;border-radius:8px}.mobile-menu-sheet>a{display:flex;align-items:center;gap:11px;padding:12px 10px;text-decoration:none;font-size:12px;font-weight:650;color:#35455a}.mobile-menu-sheet>a .icon{width:18px;color:#63758c}.mobile-menu-sheet .menu-logout{color:#b42318;border-top:1px solid var(--line);margin-top:4px}.copy-field{flex-wrap:wrap}.copy-field input{flex-basis:100%}.setup-layout,.login-layout{grid-template-columns:1fr;width:min(100% - 28px,570px);padding:28px 0}.setup-intro,.login-visual{text-align:center}.auth-logo{margin:0 auto 26px;width:min(320px,80%)}.setup-intro h1,.login-visual h1{font-size:34px}.setup-intro p,.login-visual p{font-size:13px;margin-left:auto;margin-right:auto}.setup-benefits{justify-content:center}.auth-card{padding:23px;border-radius:19px}.auth-card-head h2{font-size:23px}.login-layout{gap:24px}.login-visual p{display:none}}
@media(max-width:480px){.main{padding-left:11px;padding-right:11px}.mobile-brand{margin-left:-11px;margin-right:-11px}.topbar h1{font-size:25px}.period-form{max-width:166px}.summary-grid{gap:8px}.metric-card{padding:12px;min-height:128px}.metric-value{font-size:27px}.metric-value.text-value{font-size:15px}.currency-stack strong{font-size:15px}.latest-main>div:first-child span{max-width:175px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel{padding:13px}.filters-grid{grid-template-columns:1fr}.search-field{grid-column:auto}.setup-benefits{display:none}.setup-layout,.login-layout{padding:18px 0}.setup-intro h1,.login-visual h1{font-size:29px}.setup-intro p{font-size:12px}.auth-logo{width:250px;margin-bottom:20px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.auth-card{padding:20px}.license-summary{grid-template-columns:80px 1fr}}