@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#e8eaf5;background:#090d16;font-synthesis:none;--bg:#090d16;--panel:#101625;--panel2:#141b2b;--stroke:#272d3c;--muted:#929aaf;--accent:#b6a0ff;--lime:#c5f58d}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img{max-width:100%}.app{min-height:100vh;display:grid;grid-template-columns:245px minmax(0,1fr)}.sidebar{border-right:1px solid var(--stroke);padding:28px 17px 17px;background:#0b101b;display:flex;flex-direction:column;gap:26px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;padding:2px 13px}.logo{height:39px;width:39px;border-radius:13px;background:linear-gradient(140deg,#b39afa,#6956d0);display:grid;place-items:center;font-weight:900;color:#110c28;font-size:23px;box-shadow:0 6px 27px #a58bff22}.brand .name{font-weight:800;letter-spacing:.08em;font-size:17px}.brand .tagline{display:block;font-size:10px;color:#778398;letter-spacing:.18em;margin-top:3px}.switcher{background:#131a29;border:1px solid #2a3346;border-radius:13px;padding:10px 12px;display:flex;gap:9px;align-items:center;cursor:pointer;color:#f2f4ff;width:100%;text-align:left}.switcher .emoji{background:#252f41;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:18px}.switcher .txt{flex:1;min-width:0}.switcher strong{font-size:12px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.switcher small{font-size:10px;color:#8792a8}.switcher select{background:transparent;color:#a7b0c4;border:0;width:100%;font-size:12px;outline:0;cursor:pointer}.switcher option{background:#182134}.nav-title{text-transform:uppercase;font-size:9px;letter-spacing:.19em;font-weight:800;color:#626d83;margin:0 10px 9px}.nav{display:grid;gap:4px}.nav button{display:flex;align-items:center;gap:11px;width:100%;height:42px;text-align:left;padding:0 12px;background:none;border:0;border-radius:10px;color:#95a0b5;font-size:12px;font-weight:700}.nav button svg{width:17px;height:17px}.nav button.active,.nav button:hover{background:#27223e;color:#d5c9ff}.nav button.active{box-shadow:inset 3px 0 0 #ad93f6}.sidebar-bottom{margin-top:auto}.help{border:1px solid #293247;border-radius:13px;padding:15px;background:linear-gradient(145deg,#1b2236,#101522)}.help strong{font-size:12px}.help p{font-size:11px;color:#8d98af;line-height:1.55}.mini-btn{border:1px solid #414858;background:transparent;color:#d9dbee;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:700}.user{border-top:1px solid #273041;padding:16px 9px 4px;margin-top:12px;display:flex;gap:10px;align-items:center}.avatar{border-radius:50%;height:33px;width:33px;display:grid;place-items:center;color:#2a2044;font-weight:800;background:#c7afff}.user strong{display:block;font-size:12px}.user small{color:#8996a7;font-size:10px}.main{padding:26px clamp(18px,3.2vw,55px) 70px;min-width:0;background:radial-gradient(ellipse 35% 15% at 93% 0%,#231c3c66,transparent),#090d16}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:15px}.crumb{font-size:11px;color:#8894aa;display:flex;align-items:center;gap:8px}.top-right{display:flex;gap:10px;align-items:center}.chip,.badge{border:1px solid #3b3c54;color:#c5bdf3;background:#211f33;border-radius:30px;font-size:10px;padding:7px 12px;font-weight:800;letter-spacing:.03em}.chip-green,.badge-green{background:#1a362d;border-color:#385747;color:#a1eebc}.icon-btn{height:35px;width:35px;border-radius:10px;background:#151d2e;border:1px solid #2a3244;display:grid;place-items:center;color:#cad1dd}.icon-btn svg{width:17px;height:17px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:23px}.eyebrow{text-transform:uppercase;font-size:10px;font-weight:800;color:#ad96f5;letter-spacing:.16em}.h1{font-family:Manrope,system-ui,sans-serif;font-size:clamp(24px,2.7vw,35px);font-weight:800;margin:7px 0 6px;letter-spacing:-.06em}.subtitle{color:#8d98ab;font-size:12px;line-height:1.7;max-width:700px}.btn{padding:11px 16px;border:0;background:linear-gradient(110deg,#c5b2ff,#947cf0);color:#18112b;border-radius:9px;font-weight:800;font-size:12px;display:inline-flex;gap:8px;align-items:center;justify-content:center;white-space:nowrap}.btn:hover{filter:brightness(1.1)}.btn-outline{background:#161d2d;color:#ced5ed;border:1px solid #384055}.btn-danger{background:#44232d;color:#ffc2ca;border:1px solid #68404b}.btn-small{padding:8px 11px;font-size:11px}.btn:disabled{opacity:.45;cursor:not-allowed}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:17px}.metric{background:#111827;border:1px solid #282f40;border-radius:16px;padding:20px;min-height:126px;position:relative;overflow:hidden}.metric .metric-icon{position:absolute;right:17px;top:17px;border:1px solid #333447;border-radius:10px;width:35px;height:35px;display:grid;place-items:center;color:#ad9fe6;font-size:17px}.metric small{font-size:11px;color:#9ba4b5}.metric strong{display:block;margin-top:21px;font-family:Manrope;font-size:26px;letter-spacing:-.06em}.metric .trend{font-size:10px;color:#7f8ba1;margin-top:4px}.metric.primary{background:linear-gradient(140deg,#4c3a92,#2c2457);border-color:#715da5}.metric.primary small{color:#ded3ff}.metric.primary .trend{color:#cbbffe}.grid2{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{background:#111827;border:1px solid #293144;border-radius:16px;padding:20px;min-width:0}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:9px}.card-title{margin:0;font-size:14px;font-family:Manrope;font-weight:800}.muted{color:#929aae}.mini{font-size:11px}.graph{display:flex;align-items:end;height:176px;gap:10px;padding:10px 0 0;border-bottom:1px solid #30374a;background:repeating-linear-gradient(to top, transparent 0,transparent 39px,#293144 40px)}.bar-wrap{flex:1;min-width:0;display:flex;align-items:flex-end;justify-content:center;height:100%}.bar{width:67%;max-width:44px;border-radius:7px 7px 0 0;background:linear-gradient(0deg,#6a52c7,#a48af8)}.graph-labels{display:flex;justify-content:space-around;color:#8791a5;font-size:10px;margin-top:11px}.activity{display:grid;gap:15px}.activity-row{display:flex;gap:10px;align-items:center;font-size:12px}.activity-dot{height:9px;width:9px;border-radius:50%;background:#aa92fc}.activity-row small{color:#8690a4;margin-left:auto;white-space:nowrap}.table-shell{background:#111827;border:1px solid #293144;border-radius:15px;overflow:hidden}table{width:100%;border-collapse:collapse;font-size:12px}th{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#8993a6;text-align:left;padding:15px 17px;background:#161e2d}td{padding:12px 17px;border-top:1px solid #242d3d;color:#dbe0ef}tr:hover td{background:#151e2b}.item{display:flex;align-items:center;gap:12px}.thumb{width:48px;height:48px;object-fit:cover;flex:0 0 48px;border-radius:10px;background:#293040}.item strong{font-size:12px}.item small{display:block;color:#8794a9;font-size:10px;margin-top:3px;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.money{font-variant-numeric:tabular-nums;font-weight:800}.old{text-decoration:line-through;color:#8491a5;font-size:10px;margin-left:4px}.tag{display:inline-flex;align-items:center;gap:5px;border-radius:7px;padding:5px 9px;background:#1e2939;color:#bbcadc;font-size:10px;font-weight:800}.tag.yes{background:#213e34;color:#96e7b7}.tag.warn{background:#4d3a27;color:#f7d8a7}.searchline{display:flex;align-items:center;gap:11px;margin-bottom:15px;flex-wrap:wrap}.search{background:#111827;border:1px solid #303749;color:#e9ebf8;border-radius:9px;padding:11px 13px;outline:0;font-size:12px;min-width:220px;flex:1}.search:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:#aa92fa}.select{background:#151c2c;color:#d9deec;border:1px solid #303a4a;border-radius:9px;padding:10px 12px;font-size:12px}.actions{display:flex;gap:6px}.sm-action{background:#20293a;border:1px solid #394357;border-radius:8px;color:#d1d9ef;padding:7px 9px;font-size:11px}.sm-action.red{color:#ffc0c6}.empty{padding:40px;text-align:center;color:#8993a6;font-size:12px}.providers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.provider{background:#141b2b;border:1px solid #2b3548;border-radius:15px;padding:18px;cursor:pointer;text-align:left;color:#e9edfa;transition:.2s}.provider:hover,.provider.selected{border-color:#ae96fa;box-shadow:0 0 0 1px #a98ff260}.provider-top{display:flex;align-items:center;gap:12px}.provider-icon{height:43px;width:43px;border-radius:11px;background:#222d45;display:grid;place-items:center;font-size:23px}.provider strong{display:block;font-size:14px}.provider small{color:#929db2;font-size:11px}.provider p{font-size:11px;color:#9aa4b6;line-height:1.6;margin:14px 0 0}.connected{display:flex;align-items:center;gap:12px;background:#1b2830;border:1px solid #3a594a;border-radius:11px;padding:14px 17px;margin:20px 0;color:#c9e7d4;font-size:12px}.notice{border:1px solid #4b405f;background:#222037;border-radius:12px;color:#c8b9e7;font-size:12px;padding:14px 16px;line-height:1.7}.notice strong{color:#eddefe}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field label{color:#aeb8ca;font-size:11px;font-weight:700}.field input,.field textarea,.field select{width:100%;background:#0d1422;color:#edf0ff;border:1px solid #343e51;border-radius:9px;padding:12px;font-size:12px;outline:0}.field textarea{resize:vertical;min-height:84px}.field .hint{font-size:10px;color:#7e8da4}.field.wide{grid-column:1/-1}.toggle{display:inline-block;width:36px;height:21px;background:#4c5366;border-radius:15px;position:relative;vertical-align:middle;cursor:pointer}.toggle.on{background:#9b82e8}.toggle:before{content:'';position:absolute;left:3px;top:3px;height:15px;width:15px;border-radius:50%;background:#fff;transition:.18s}.toggle.on:before{left:18px}.preview{border:1px solid #343b4d;background:#171e2c;padding:22px;border-radius:17px}.preview-banner{height:130px;border-radius:11px;display:grid;place-items:center;font-size:35px;font-weight:900;color:#fff;background:linear-gradient(130deg,#25171c,#925f2b)}.preview-banner small{display:block;font-size:11px;font-weight:400}.store-links{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.divider{height:1px;background:#283144;margin:20px 0}.modal-backdrop{position:fixed;inset:0;background:#030713bd;z-index:20;display:flex;align-items:center;justify-content:center;padding:15px}.modal{width:min(530px,100%);background:#151d2d;border:1px solid #3f4960;border-radius:18px;padding:23px;max-height:92vh;overflow:auto;box-shadow:0 20px 100px #000a}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.modal-head h2{margin:0;font-size:20px}.toast{position:fixed;bottom:20px;right:22px;z-index:100;background:#293345;border:1px solid #52617c;border-radius:12px;color:#fff;font-size:12px;padding:14px 18px;box-shadow:0 15px 40px #0008;max-width:380px;opacity:0;transform:translateY(18px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translateY(0)}.agency-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.agency-card{border:1px solid #30364b;border-radius:15px;background:#141b2b;padding:18px}.agency-card h3{margin:0 0 4px;font-size:17px}.agency-card small{color:#93a0b3}.agency-card .store-emoji{height:45px;width:45px;border-radius:12px;background:#272a42;display:grid;place-items:center;font-size:24px;margin-bottom:13px}.agency-card footer{margin-top:19px;display:flex;gap:8px}.storefront{min-height:100vh;background:#100d0b;color:#fff;font-family:Manrope,system-ui,sans-serif}.store-header{padding:17px max(5vw,18px);display:flex;gap:15px;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;background:#15110f;position:sticky;top:0;z-index:4}.store-logo{font-size:21px;font-weight:900;letter-spacing:-.06em;color:#e8b47a}.store-hero{background:radial-gradient(ellipse at 80% 20%,#6b421e77,transparent 57%),linear-gradient(120deg,#16100d,#24160d);padding:72px max(6vw,20px);display:flex;min-height:320px;flex-direction:column;justify-content:center}.store-hero h1{font-size:clamp(40px,6vw,75px);letter-spacing:-.09em;margin:0;line-height:1.08;max-width:760px}.store-hero p{color:#d9c9bd;font-size:14px;margin:17px 0 25px}.store-body{max-width:1190px;margin:auto;padding:36px 20px 130px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{background:#1a1715;border:1px solid #39302b;border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.product-cover{width:100%;aspect-ratio:1.35;object-fit:cover;background:#31251e;display:grid;place-items:center;font-size:50px}.product-info{padding:16px;display:flex;flex:1;flex-direction:column}.product-info h3{font-size:13px;margin:0 0 6px}.product-info p{font-size:10px;color:#a99c91;line-height:1.6;min-height:32px;overflow:hidden}.product-info footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:5px}.product-info .price{color:#f2ca84;font-weight:900}.cart-pill{background:#ddaa6d;color:#271507;border:0;border-radius:9px;padding:9px 12px;font-size:11px;font-weight:800}.cart-floating{position:fixed;bottom:23px;right:24px;background:#e7ba7b;color:#1d1106;font-size:13px;font-weight:900;box-shadow:0 8px 50px #000a;border:0;border-radius:40px;padding:17px 23px;z-index:4}.cart-panel{position:fixed;right:0;top:0;height:100vh;width:min(420px,100%);background:#181614;color:#fff;z-index:8;box-shadow:-10px 0 50px #000b;padding:25px;overflow:auto}.cart-row{display:flex;gap:10px;align-items:center;border-bottom:1px solid #443b34;padding:13px 0;font-size:12px}.cart-row strong{flex:1}.cart-row .btn{padding:7px 10px}.cart-panel .field input,.cart-panel .field textarea{background:#211e1c;border-color:#594c41}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-panel{width:min(440px,100%);background:#151b29;border:1px solid #30384b;border-radius:22px;padding:35px}.login-panel h1{font-size:30px;letter-spacing:-.06em;margin:25px 0 5px}.login-panel p{color:#99a3b7;font-size:12px;line-height:1.7}.login-panel .field{margin:14px 0}.login-panel button{width:100%;margin-top:12px}.mobile-nav{display:none}.hide{display:none!important}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:830px){.app{grid-template-columns:1fr}.sidebar{display:none}.mobile-nav{display:flex;overflow-x:auto;gap:8px;background:#121827;padding:12px;position:sticky;top:0;z-index:9}.mobile-nav button{white-space:nowrap;background:#222b3d;color:#c8d0df;border:0;border-radius:10px;padding:10px 13px;font-size:11px}.mobile-nav button.active{background:#594887;color:#fff}.main{padding:21px 15px 60px}.grid2,.providers,.agency-cards{grid-template-columns:1fr}.grid3{grid-template-columns:1fr}.top{margin-bottom:20px}.product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:550px){.metrics{grid-template-columns:repeat(2,1fr);gap:8px}.metric{padding:13px;min-height:110px}.metric strong{font-size:22px;margin-top:22px}.metric .metric-icon{width:28px;height:28px;font-size:13px;right:9px;top:9px}.form-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.table-shell{overflow-x:auto}table{min-width:690px}.product-grid{grid-template-columns:1fr 1fr;gap:9px}.product-info{padding:10px}.product-cover{aspect-ratio:1}.store-hero{min-height:260px;padding:42px 18px}.store-header{padding:13px 16px}.store-body{padding:24px 12px 100px}}