:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#12203a;background:#fff}*{box-sizing:border-box}body{margin:0}.shell{min-height:100vh;display:grid;grid-template-columns:252px 1fr;background:#fff}aside{display:flex;flex-direction:column;padding:18px 11px;background:linear-gradient(155deg,#142238,#091321);color:#e5edf8}.store{height:48px;display:flex;gap:12px;align-items:center;padding:0 14px;border:0;border-radius:8px;background:#23334c;color:#fff;font-size:14px;font-weight:700;text-align:left}.store b{margin-left:auto}nav{margin-top:28px;display:grid;gap:6px}nav button{display:flex;align-items:center;gap:17px;padding:14px 17px;border:0;border-radius:7px;background:transparent;color:#c1ccda;font-size:14px;text-align:left}nav button i{width:17px;font-style:normal;font-size:19px}nav button.selected{background:#1263f4;color:#fff;box-shadow:0 8px 21px #0a4bc488}.collapse{margin-top:auto;padding:16px;border:0;background:transparent;color:#bcc9d8;text-align:left;font-size:12px}main{min-width:0}header{height:70px;display:flex;align-items:center;gap:18px;padding:0 30px;border-bottom:1px solid #e9edf4}.tenant,.date{padding:11px 14px;border:1px solid #dfe6f0;border-radius:7px;background:#fff;color:#24344e;font-size:13px;font-weight:650}header input{width:300px;margin-left:auto;padding:12px 15px;border:1px solid #dfe6f0;border-radius:7px;font-size:13px}.bell{border:0;background:transparent;font-size:21px}.avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#e8effb;color:#3763a8;font-weight:800}.content{padding:32px 30px;max-width:1450px;margin:auto}.heading,.panel-title{display:flex;align-items:center;justify-content:space-between}.heading h1,.feature h1{margin:0;color:#111c34;font-size:37px;letter-spacing:-1.5px}.heading p,.feature>p{margin:4px 0 0;color:#65728a}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:25px 0 20px}.metrics article,.sales,.quick,.table,.campaigns{border:1px solid #e5eaf2;border-radius:8px;background:#fff;box-shadow:0 3px 12px #19376208}.metrics article{padding:21px}.metrics span{display:block;color:#60708a;font-size:13px}.metrics strong{display:block;margin:8px 0 10px;font-size:24px}.metrics em,.sales em{color:#05a45b;font-style:normal;font-size:13px;font-weight:750}.metrics small{color:#8a95a7;font-size:12px;font-weight:400}.upper,.lower{display:grid;grid-template-columns:1.7fr .93fr;gap:17px;margin-bottom:18px}.sales,.quick,.table,.campaigns{padding:20px}.panel-title h2,.quick h2{margin:0;color:#15223c;font-size:17px}.sales h2{margin:14px 0 0;font-size:28px}.panel-title button{border:1px solid #e1e7ef;background:#fff;padding:8px;border-radius:6px;color:#67748a}.chart{height:200px;display:flex;gap:6px;align-items:end;margin-top:20px;padding:0 12px;border-bottom:1px solid #dfe5ef;background:repeating-linear-gradient(to bottom,transparent 0,transparent 49px,#eef2f6 50px)}.chart i{flex:1;min-width:4px;background:linear-gradient(#1569f6,#9bc1ff);border-radius:4px 4px 0 0;opacity:.9}.quick{display:grid;align-content:start;gap:11px}.quick h2{margin:3px 0 11px}.quick button{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid #e0e6ef;border-radius:6px;background:#fff;color:#273650;font-weight:650;text-align:left}.quick button span{flex:1}.quick .primary,.primary{border-color:#1263f4;background:#1263f4;color:#fff}.panel-title a{color:#1263f4;font-size:13px;font-weight:700}.table-head,.row{display:grid;grid-template-columns:.6fr 1.4fr 1fr 1fr 1.25fr;align-items:center;gap:8px;padding:13px 0;border-bottom:1px solid #edf0f5;font-size:12px}.table-head{color:#6d7890;font-weight:700}.row{color:#31405a}.status{justify-self:start;padding:5px 8px;border-radius:12px;background:#e7f8ee;color:#149151;font-size:11px}.campaign{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #edf0f5}.campaign:last-child{border:0}.campaign b,.campaign span{display:block;font-size:12px}.campaign span{margin-top:5px;color:#78849a}.campaign em{padding:5px 9px;border-radius:12px;background:#eef1f5;color:#78849a;font-style:normal;font-size:11px}.campaign em.active{background:#e5f8ed;color:#149151}.feature .primary{margin-top:24px;padding:12px 15px;border-radius:6px;border:0;font-weight:700}.empty{display:grid;gap:9px;margin-top:28px;max-width:610px;padding:24px;border:1px solid #e4e9f1;border-radius:8px;background:#f9fbfe;color:#68758a}.empty b{color:#1b2b44}.toast{position:fixed;right:24px;bottom:24px;display:flex;gap:22px;align-items:center;padding:14px 16px;border-radius:7px;background:#17243a;color:#fff;box-shadow:0 10px 25px #0003}.toast button{border:0;background:transparent;color:#fff;font-size:18px}@media(max-width:950px){.shell{grid-template-columns:78px 1fr}aside{padding:12px 8px}.store span,.store b,nav button:not(.selected){font-size:0}nav button{justify-content:center;padding:13px}.collapse{font-size:0}.content{padding:24px 18px}.metrics{grid-template-columns:repeat(2,1fr)}.upper,.lower{grid-template-columns:1fr}.heading h1{font-size:29px}header input{display:none}}@media(max-width:600px){.shell{grid-template-columns:1fr}aside{display:none}header{padding:0 15px}.tenant{font-size:11px}.content{padding:20px 14px}.heading{align-items:start;gap:12px;flex-direction:column}.date{font-size:11px}.metrics{gap:9px}.metrics article{padding:14px}.metrics strong{font-size:18px}.table{overflow:auto}.table-head,.row{min-width:550px}}.auth-page,.portal-loading{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,#1b3a5c 0,transparent 35%),#08111f;color:#eef5ff}.auth-card{width:min(100%,430px);padding:42px;border:1px solid #264766;border-radius:18px;background:#0e1d31;box-shadow:0 24px 64px #0006}.auth-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#5a7bff,#46d7e3);color:#071522;font-weight:900;font-size:21px}.auth-kicker{margin:25px 0 8px;color:#70e2ce;font-size:12px;font-weight:800;letter-spacing:.12em}.auth-card h1{margin:0;color:#f4f8ff;font-size:32px;letter-spacing:-1px}.auth-card>p:not(.auth-kicker){color:#b8c9de}.auth-card form{display:grid;gap:16px;margin-top:28px}.auth-card label{display:grid;gap:7px;color:#d9e5f3;font-size:13px;font-weight:700}.auth-card input{width:100%;padding:13px;border:1px solid #355270;border-radius:8px;background:#091728;color:#f5f9ff;font:inherit}.auth-card input:focus{outline:2px solid #46d7e3;outline-offset:2px}.auth-submit{padding:13px;border:0;border-radius:9px;background:#62cbb8;color:#05231f;font:700 14px Inter,ui-sans-serif,sans-serif;cursor:pointer}.auth-submit:disabled{opacity:.65;cursor:wait}.form-error{margin:0;color:#ffaaa6;font-size:13px}.portal-loading{font-size:17px;font-weight:700}.widget-picker{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.widget-picker button{padding:9px 11px;border:1px solid #dfe6f0;border-radius:7px;background:#fff;color:#52617a;font-size:12px}.widget-picker button.selected{background:#eaf2ff;color:#1263f4;border-color:#91b9ff;font-weight:700}.widget-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.widget-grid article{min-height:142px;padding:22px;border:1px solid #e5eaf2;border-radius:9px;box-shadow:0 3px 12px #19376208}.widget-grid span{display:block;color:#60708a;font-size:13px}.widget-grid strong{display:block;margin:14px 0 9px;font-size:29px;color:#12203a}.widget-grid em{color:#05a45b;font-style:normal;font-size:12px;font-weight:700}.product-thumb{display:block;width:34px;height:34px;border-radius:6px;object-fit:cover;background:#edf1f7}.muted{display:block;margin-top:4px;color:#71809a;font-size:11px}