:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--p:#6f2dbd;--pd:#4b168c;--pl:#ede2f7;--bg:#faf8fc;--text:#21152b;--muted:#72677a;--line:#e9def1}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}.loginShell{background:radial-gradient(circle at top,var(--pl),var(--bg) 48%);place-items:center;min-height:100vh;padding:24px;display:grid}.loginCard{border:1px solid var(--line);background:#fff;border-radius:28px;width:min(440px,100%);padding:32px;box-shadow:0 24px 70px #4b168c18}.brand{color:var(--pd);font-size:30px;font-weight:900}.loginCard h1{margin:18px 0 6px}.loginCard p{color:var(--muted);line-height:1.8}.loginCard label{margin:18px 0 8px;font-weight:700;display:block}.loginCard input,.top select{background:#fff;border:1px solid #d9cae5;border-radius:14px;width:100%;padding:13px}.loginCard button{background:var(--p);color:#fff;cursor:pointer;border:0;border-radius:14px;width:100%;margin-top:16px;padding:13px;font-weight:800}.error{color:#a11;background:#fff0f1;border-radius:12px;margin:14px 0;padding:12px}.dashboard{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.side{color:#fff;background:#24112f;height:100vh;padding:28px 20px;position:sticky;top:0}.side .brand{color:#fff}.merchantName{color:#d8c7e4;margin:8px 0 24px}.side nav{gap:6px;display:grid}.side nav button,.side nav a{color:#ddcde8;text-align:right;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:12px 14px;text-decoration:none}.side nav .active,.side nav button:hover,.side nav a:hover{color:#fff;background:#ffffff17}.content{min-width:0;padding:28px}.top{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.top h1{margin:0;font-size:30px}.sub{color:var(--muted)}.top select{width:260px}.storeStrip,.panel,.metric{border:1px solid var(--line);background:#fff;border-radius:20px}.storeStrip{justify-content:space-between;margin-bottom:18px;padding:18px 20px;display:flex}.storeStrip span{color:var(--p);font-weight:700}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.metric{padding:20px}.metric span{color:var(--muted);font-size:14px;display:block}.metric strong{color:var(--pd);margin-top:10px;font-size:28px;display:block}.panel{margin-top:18px;padding:22px;overflow:auto}.panel h2{margin-top:0}.quick{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.quickCard{border:1px solid var(--line);border-radius:16px;padding:16px}.quickCard h3{margin:0 0 8px}.quickCard p{color:var(--muted);margin:0;line-height:1.6}table{border-collapse:collapse;width:100%}th,td{text-align:right;border-bottom:1px solid #eee6f3;padding:13px}.pill{background:var(--pl);color:var(--pd);border-radius:999px;padding:5px 9px;font-size:12px}.series{gap:10px;display:grid}.barRow{grid-template-columns:110px 1fr 75px 100px;align-items:center;gap:10px;display:grid}.bar{background:var(--p);border-radius:999px;min-width:3px;height:10px}.barRow em{color:var(--muted);font-style:normal}.loading{padding:40px}@media (max-width:900px){.dashboard{grid-template-columns:1fr}.side{height:auto;position:static}.side nav{grid-template-columns:repeat(2,1fr)}.metrics,.quick{grid-template-columns:1fr 1fr}.top{flex-direction:column;align-items:stretch}.top select{width:100%}}@media (max-width:600px){.metrics,.quick{grid-template-columns:1fr}.content{padding:16px}.barRow{grid-template-columns:90px 1fr 60px}.barRow em{display:none}}.muted{color:var(--muted);line-height:1.7}.noticeList{gap:10px;display:grid}.notice{border:1px solid var(--line);border-radius:16px;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px;display:flex}.notice p{color:var(--muted);margin:6px 0 0}.roleBadge{background:var(--pl);color:var(--pd);border-radius:999px;padding:9px 13px;font-weight:800}.small{background:var(--p);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:7px 10px}.small.danger{background:#8c1d40}.small:disabled{opacity:.5;cursor:not-allowed}.tableWrap{overflow:auto}pre{text-align:left;white-space:pre-wrap;direction:ltr}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.demoBox{background:#f8f2fc;border:1px solid #d8c7e4;border-radius:16px;margin:18px 0;padding:16px}.demoBox strong{color:var(--pd);margin-bottom:6px;display:block}.demoBox code{text-align:center;color:var(--pd);direction:ltr;margin-top:10px;font-weight:800;display:block}.separator{color:var(--muted);align-items:center;gap:10px;margin:20px 0;font-size:13px;display:flex}.separator:before,.separator:after{content:"";background:var(--line);flex:1;height:1px}.demoNotice{background:var(--pl);color:var(--pd);border:1px solid #d9cae5;border-radius:14px;margin-bottom:18px;padding:13px 15px;font-weight:700}.credentialForm{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:end;gap:12px;margin-bottom:12px;display:grid}.credentialForm label{gap:6px;font-weight:700;display:grid}.credentialForm input,.credentialForm select{color:#21152b;background:#fff;border:1px solid #d8d0df;border-radius:10px;width:100%;padding:10px 12px}.credentialForm button{min-height:42px}