:root{--ink:#10213d;--subtle:#60718c;--blue:#175bea;--blue-dark:#0d43bd;--blue-soft:#eaf1ff;--line:#dfe7f3;--surface:#ffffffe6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);text-rendering:optimizelegibility;background:radial-gradient(circle at 8% 0,#4784ff29,#0000 28rem),radial-gradient(circle at 92% 18%,#50cee81f,#0000 24rem),#f6f9fe;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}::selection{color:#0b2e79;background:#cfe0ff}.store{flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:30;-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);background:#ffffffd1;border-bottom:1px solid #cbd8ecb8;min-height:74px;padding:14px max(24px,50vw - 590px);position:sticky;top:0;box-shadow:0 8px 30px #1939670d}.brand{color:var(--ink);letter-spacing:-.02em;font-size:1.05rem}.store-topbar .brand{align-items:center;gap:10px;font-size:1.2rem;font-weight:800;display:inline-flex}.brand-logo{object-fit:contain;width:46px;height:46px;display:block}.brand-mark{background:linear-gradient(145deg,#2f77ff,#154bd3);border-radius:13px;width:42px;height:42px;box-shadow:0 9px 22px #175bea47,inset 0 1px #ffffff4d}.quiet-link{color:#415572;border-radius:12px;align-items:center;min-height:40px;padding:8px 13px;font-weight:650;transition:background .2s,color .2s,transform .2s;display:inline-flex}.quiet-link:hover{color:var(--blue);background:var(--blue-soft);transform:translateY(-1px)}.store-main{flex:1;width:min(1180px,100%);padding:clamp(58px,8vw,104px) 24px 80px}.store-hero{align-items:center;gap:40px;display:grid}.store-hero.has-banner{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr)}.store-hero .eyebrow{color:#1455db;letter-spacing:.09em;background:#eaf1ff;border:1px solid #cdddff;border-radius:999px;padding:7px 12px;font-size:.75rem;font-weight:800;display:inline-block}.hero-copy{min-width:0}.hero-image{border:1px solid var(--line);aspect-ratio:4/3;background:#eaf1ff;border-radius:26px;overflow:hidden;box-shadow:0 24px 60px #1c39601f}.hero-image img{object-fit:cover;width:100%;height:100%;display:block}.package-link{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;flex-direction:column;text-decoration:none;display:flex}.package-link:focus-visible{outline-offset:4px;outline:3px solid #568bfa}.package-link .primary{color:#fff;justify-content:center;align-items:center;gap:8px;padding:10px 16px;display:inline-flex}.banner-editor,.backup-panel{margin-bottom:24px;padding:28px}.backup-panel .secondary{align-items:center;padding:10px 16px;display:inline-flex}.banner-editor form{gap:16px;max-width:760px;display:grid}.banner-editor h2{margin:0 0 8px}.banner-preview{aspect-ratio:16/9;border:1px solid var(--line);background:#f4f7fc;border-radius:16px;place-items:center;width:min(100%,560px);display:grid;overflow:hidden}.banner-preview img{object-fit:cover;width:100%;height:100%;display:block}@media (max-width:800px){.store-hero.has-banner{grid-template-columns:1fr}.hero-image{aspect-ratio:16/9}}.store-main>.eyebrow,.dashboard>.eyebrow{color:#1455db;letter-spacing:.09em;background:#eaf1ffd1;border:1px solid #cdddff;border-radius:999px;width:fit-content;padding:7px 12px;box-shadow:0 6px 20px #2256ae0f}.store-main h1{letter-spacing:-.058em;max-width:820px;margin-bottom:20px;font-size:clamp(2.55rem,6vw,5rem);line-height:1.04}.store-main h1 span{color:#0000;background:linear-gradient(120deg,#175bea 10%,#13a1cf 92%);-webkit-background-clip:text;background-clip:text}.lead{max-width:670px;color:var(--subtle);font-size:clamp(1.05rem,2vw,1.22rem);line-height:1.72}.store-main>.row.muted{color:#3e5575;gap:10px;margin-top:28px;font-weight:600}.store-main>.row.muted>span{background:#ffffffc2;border:1px solid #c9d7eee0;border-radius:999px;align-items:center;min-height:38px;padding:8px 13px;display:inline-flex;box-shadow:0 8px 26px #223f690d}.package-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),360px));align-items:stretch;gap:24px;margin-top:52px}.panel{background:var(--surface);border:1px solid #cfdbede6;border-radius:22px;box-shadow:0 18px 48px #1c396013}.package-card{min-height:355px;padding:30px;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.package-card:before{content:"";opacity:.88;background:linear-gradient(90deg,#175bea,#34bad5);height:5px;position:absolute;inset:0 0 auto}.package-card:hover{border-color:#b9cef4;transform:translateY(-6px);box-shadow:0 25px 60px #19489224}.package-card h2{letter-spacing:-.025em;margin:18px 0 10px;font-size:1.42rem}.package-card p{color:var(--subtle);line-height:1.68}.package-card:nth-child(2){border-top-width:1px}.price{color:#0c347f;font-variant-numeric:tabular-nums;margin:24px 0;font-size:2.15rem}.badge{color:#536680;background:#f4f7fc;border:1px solid #dfe7f4;border-radius:999px;font-weight:700}.badge.paid{color:#17643a;background:#eaf8ef;border-color:#bfe7cd}.primary,.secondary{border-radius:12px;min-height:46px;font-weight:720;transition:transform .18s,box-shadow .18s,background .18s;box-shadow:0 7px 16px #175bea1a}.primary{border-color:var(--blue);background:linear-gradient(135deg,#246bf4,#154fd6)}.primary:hover{background:linear-gradient(135deg,#1c5ddd,#0f41b8);transform:translateY(-1px);box-shadow:0 11px 24px #175bea40}.secondary{color:#1554d3;box-shadow:none;background:#fff;border-color:#b8cdf7}.secondary:hover{background:#eff5ff;transform:translateY(-1px)}.control{background:#fffffff0;border-color:#c9d5e7;border-radius:12px;min-height:47px;transition:border-color .18s,box-shadow .18s}.control:focus{border-color:#568bfa;box-shadow:0 0 0 4px #175bea1c}.field{color:#283d5a;gap:8px}.status-block,.notice{background:linear-gradient(135deg,#f4f8ff,#eef5ff);border-color:#c7d8f8;border-radius:16px}.status-block pre{border-radius:12px;line-height:1.62}.error,.success{border:1px solid;border-radius:12px}footer{color:#70809a;background:#ffffff8c;border-top-color:#dfe7f2}[role=dialog]{border:1px solid #ccd9edf0!important;border-radius:22px!important;box-shadow:0 30px 90px #10234440!important}.dashboard{width:min(1420px,100%);padding:44px 28px 80px}.dashboard h1{letter-spacing:-.045em;font-size:clamp(2rem,4vw,3rem)}.metrics{gap:16px;margin:28px 0}.metric{min-height:148px;padding:24px;overflow:hidden}.metric strong{color:#102f69;font-size:clamp(1.7rem,3vw,2.25rem)}.metric:first-child{background:linear-gradient(145deg,#173d7d,#0b2250);border:0;box-shadow:0 20px 44px #0c2a5b33}.metric:first-child strong{color:#fff}.metric:nth-child(2){background:linear-gradient(145deg,#fff,#f2f7ff)}.tabs-nav{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:#cdd9eae6;border-radius:14px;gap:4px;margin:24px 0;position:sticky;top:86px;box-shadow:0 12px 32px #1c396014;background:#ffffffdb!important}.tabs-nav button{color:#5b6d87;font-weight:690}.tabs-nav button[data-state=active]{box-shadow:inset 0 0 0 1px #d4e1fb;background:linear-gradient(135deg,#eaf1ff,#f1f7ff)!important}.split{gap:20px}.section-head h2{letter-spacing:-.025em;font-size:1.28rem}.table-panel{border-radius:18px}.table-panel th{color:#64758d;letter-spacing:.045em;text-transform:uppercase;background:#f6f9fd;border-bottom:1px solid #e0e8f3;font-size:.76rem}.table-panel td{border-bottom-color:#edf1f7}.table-panel tr:last-child td{border-bottom:0}.table-panel tr:hover{background:#f7faff}.bar-track{background:#e6edf8;height:11px}.bar-fill{background:linear-gradient(90deg,#175bea,#31a9d0)}.history{background:#f8fafe;border:1px solid #e2e9f3;border-radius:13px}.danger{color:#a82828!important;border-color:#efb7b7!important}.danger:hover{background:#fff0f0!important}@media (max-width:900px){.topbar{min-height:66px}.store-main{padding-top:60px}.package-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))}.tabs-nav{top:74px}}@media (max-width:560px){.topbar{padding:12px 16px}.brand-mark{width:38px;height:38px}.quiet-link{padding-inline:9px}.store-main{padding:46px 18px 58px}.store-main h1{font-size:clamp(2.35rem,12vw,3.25rem)}.store-main>.row.muted>span{width:100%}.package-grid{margin-top:38px}.package-card{min-height:0;padding:24px}.dashboard{padding:28px 14px 60px}.metrics{grid-template-columns:1fr 1fr}.metric{min-height:125px;padding:18px}.tabs-nav{top:66px}[role=dialog]{max-height:calc(100vh - 24px);overflow:auto;width:calc(100vw - 24px)!important}}