:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--cyan:#22d3ee;--cyan-strong:#08b9d5;--cyan-soft:#22d3ee1c;--amber:#f6b72b;--amber-soft:#f6b72b1c;--green:#35d6a0;--red:#fb7185;--ink:#f1f5ff;--muted:#a9b5cc;--dim:#74839e;--line:#263a5c;--bg:#081120;--surface:#101b30;--surface-raised:#142139;--soft:#0d1a2d;--input:#081426;--link:#67e8f9;--shadow:0 18px 45px #0000003d;--radius:14px}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cyan:#087f9b;--cyan-strong:#076c83;--cyan-soft:#087f9b1a;--amber:#b87506;--amber-soft:#b875061a;--green:#087f5b;--red:#c9304c;--ink:#14213a;--muted:#53627a;--dim:#718096;--line:#c9d5e5;--bg:#eef4fa;--surface:#fff;--surface-raised:#f7faff;--soft:#e7eef7;--input:#fff;--link:#086d88;--shadow:0 16px 40px #1f3a5b1c}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:clip}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,Manrope,Segoe UI,Arial,sans-serif;line-height:1.5}body:before{content:"";z-index:-2;background:radial-gradient(circle at 8% 4%,#22d3ee21,#0000 28rem),radial-gradient(circle at 92% 12%,#8b5cf61a,#0000 31rem);position:fixed;inset:0}body:after{content:"";z-index:-1;opacity:.18;pointer-events:none;background-image:linear-gradient(#74839e29 1px,#0000 1px),linear-gradient(90deg,#74839e29 1px,#0000 1px);background-size:36px 36px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}button,input,textarea{font:inherit;max-width:100%}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5;filter:saturate(.5)}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}a{color:var(--link);text-underline-offset:4px;font-weight:700;text-decoration-thickness:1px}a:hover{color:var(--cyan)}.shell{min-height:100vh}.topbar{z-index:20;background:color-mix(in srgb,var(--soft) 88%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 80%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:10px max(20px,50vw - 610px);display:flex;position:sticky;top:0;box-shadow:0 8px 28px #0000001f}.topbar>div{white-space:nowrap;align-items:center;gap:12px;display:flex}.brand-logo{object-fit:contain;width:48px;height:48px;box-shadow:none;border-radius:0;flex:none;display:block;background:0 0!important;border:0!important}.topbar b{letter-spacing:-.02em;color:var(--ink);font-size:21px}.topbar span{color:var(--dim);border-left:1px solid var(--line);padding-left:12px;font-size:13px}nav{background:color-mix(in srgb,var(--surface-raised) 80%,transparent);border:1px solid var(--line);border-radius:12px;gap:5px;padding:4px;display:flex}nav button{min-height:38px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;padding:8px 13px;font-weight:750;transition:all .16s}nav button:hover{color:var(--ink);background:var(--surface)}nav .active{background:var(--cyan-soft);color:var(--cyan);border-color:#22d3ee80;box-shadow:0 0 18px #22d3ee1a}.ghost{color:var(--muted);background:0 0}.page{width:min(1220px,100%);margin:auto;padding:46px 24px 72px}.access-card{width:min(480px,100%);margin:32px auto}.card{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 97%,var(--cyan) 3%),var(--surface));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;position:relative}.card:before{content:"";background:var(--cyan);width:58px;height:1px;box-shadow:0 0 14px var(--cyan);position:absolute;inset:0 auto auto 24px}.access-card{overflow:hidden}.access-card:after{content:"";filter:blur(6px);pointer-events:none;background:#22d3ee1a;border-radius:50%;width:180px;height:180px;position:absolute;top:-90px;right:-80px}.access-card h1{z-index:1;letter-spacing:-.02em;max-width:none;font-family:Inter,Manrope,Segoe UI,Arial,sans-serif;font-size:clamp(25px,2.5vw,28px);font-weight:700;line-height:1.25;position:relative}.access-card form{z-index:1;margin-top:24px;position:relative}.access-card label{margin-top:0}.access-card input{letter-spacing:.015em;font-family:ui-monospace,Cascadia Code,monospace;font-size:14px}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.11em;align-items:center;gap:7px;margin:0 0 13px;font:800 11px/1.2 ui-monospace,Cascadia Code,monospace;display:inline-flex}.eyebrow:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px}h1,h2{letter-spacing:-.025em;font-family:Arial Narrow,Roboto Condensed,Inter,sans-serif}h1{max-width:850px;margin:0;font-size:clamp(32px,5vw,50px);line-height:1.02}h2{margin:0 0 16px;font-size:24px;line-height:1.15}.muted{color:var(--muted);line-height:1.65}label{color:var(--muted);margin:17px 0 7px;font-size:13px;font-weight:750;display:block}input,textarea{border:1px solid var(--line);background:var(--input);width:100%;min-height:48px;color:var(--ink);border-radius:9px;padding:11px 13px;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:var(--dim)}input:hover,textarea:hover{border-color:color-mix(in srgb,var(--line) 55%,var(--cyan))}input:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-soft)}textarea{resize:vertical;min-height:82px}form>button,.card>button:not(.batch-item):not(.ghost),.title-row button{border:1px solid color-mix(in srgb,var(--cyan) 72%,white);background:linear-gradient(135deg,var(--cyan),var(--cyan-strong));color:#03131d;border-radius:9px;min-height:42px;padding:9px 15px;font-weight:850;transition:transform .15s,filter .15s;box-shadow:0 0 20px #22d3ee21}form>button{width:100%;min-height:48px;margin-top:18px}form>button:hover,.card>button:hover,.title-row button:hover{filter:brightness(1.08);transform:translateY(-1px)}.access-card>a{z-index:1;margin-top:18px;font-size:14px;display:inline-block;position:relative}.access-card>.notice{z-index:1;margin:16px 0 0;font-size:13px;position:relative}.warning,.notice{border:1px solid color-mix(in srgb,var(--amber) 55%,var(--line));background:var(--amber-soft);color:color-mix(in srgb,var(--amber) 82%,var(--ink));border-radius:10px;padding:12px 14px;line-height:1.5}.warning{margin-top:18px;font-size:13px}.notice{margin:0 0 20px}.notice.error{border-color:color-mix(in srgb,var(--red) 60%,var(--line));background:color-mix(in srgb,var(--red) 10%,transparent);color:color-mix(in srgb,var(--red) 80%,var(--ink))}.title-row{justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;display:flex}.title-row>div{min-width:0}.title-row h1{font-size:clamp(30px,4vw,44px)}.title-row small{color:var(--dim);overflow-wrap:anywhere;margin-top:5px;font-family:ui-monospace,Cascadia Code,monospace;display:block}.title-row>div:last-child:not(:first-child){flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.pill{border:1px solid var(--line);background:var(--soft);min-height:30px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:999px;align-items:center;padding:5px 10px;font:750 11px/1 ui-monospace,Cascadia Code,monospace;display:inline-flex}.pill.success{color:var(--green);border-color:color-mix(in srgb,var(--green) 55%,var(--line));background:color-mix(in srgb,var(--green) 10%,transparent)}.page>.card,.admin-page>.card{margin-bottom:18px}.admin-grid{grid-template-columns:minmax(290px,.78fr) minmax(0,1.22fr);align-items:start;gap:18px;display:grid}.branding-card{grid-template-columns:minmax(240px,.8fr) minmax(320px,1.2fr);align-items:center;gap:24px;display:grid}.branding-upload{grid-template-columns:112px 1fr;align-items:center;gap:18px;display:grid}.logo-preview{object-fit:contain;border:1px solid var(--line);background:repeating-conic-gradient(#d6deea 0 25%,#fff 0 50%) 50%/16px 16px;border-radius:12px;width:112px;height:112px}.branding-upload label{margin-top:0}.branding-upload button{width:100%;margin-top:12px}.admin-grid>.card{min-width:0}.batch-item{text-align:left;border:1px solid var(--line);background:var(--input);width:100%;color:var(--ink);border-radius:10px;margin:8px 0;padding:13px 14px;transition:all .15s;display:block}.batch-item:hover{border-color:var(--cyan);background:var(--cyan-soft);transform:translate(2px)}.batch-item b,.card code{color:var(--cyan);font-family:ui-monospace,Cascadia Code,monospace}small{color:var(--dim)}.empty{border:1px dashed var(--line);color:var(--dim);text-align:center;background:color-mix(in srgb,var(--soft) 55%,transparent);border-radius:10px;padding:30px 18px}table{border-collapse:separate;border-spacing:0;border:1px solid var(--line);background:var(--input);border-radius:10px;width:100%;display:block;overflow-x:auto}thead,tbody{table-layout:auto;width:100%;min-width:760px;display:table}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 13px;font-size:13px}th{background:var(--soft);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font:800 11px/1.25 ui-monospace,Cascadia Code,monospace;position:sticky;top:0}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:var(--cyan-soft)}td button{border:1px solid var(--line);background:var(--surface-raised);color:var(--ink);border-radius:7px;margin:2px;padding:6px 9px;font-size:12px;font-weight:700}td button:hover{border-color:var(--cyan);color:var(--cyan)}video,img{border:1px solid var(--line);background:#030816;border-radius:10px;max-width:100%;display:block}.admin-page>article>.title-row{border-top:1px solid var(--line);margin:0;padding:13px 0}.admin-page>article>.title-row:first-of-type{border-top:0}.admin-page>article>.title-row button{min-width:86px}::selection{color:var(--ink);background:#22d3ee47}@media (max-width:820px){.topbar{flex-direction:column;align-items:flex-start;gap:10px;padding:13px 16px;position:relative}.topbar>div{width:100%}.topbar span{margin-left:auto}nav{width:100%;overflow-x:auto}nav button{white-space:nowrap;flex:1;padding-inline:10px}.page{padding:30px 16px 52px}.access-card{margin:10px auto}.card{padding:20px}.admin-grid,.branding-card{grid-template-columns:1fr}.title-row{flex-direction:column;align-items:flex-start}.title-row>div:last-child:not(:first-child){justify-content:flex-start}.title-row button{width:auto}}@media (max-width:520px){.topbar span{display:none}.page{padding-inline:12px}.card{border-radius:12px;padding:18px}nav button{padding-inline:8px;font-size:12px}h1{font-size:32px}h2{font-size:21px}.access-card{margin-top:10px;padding:22px 20px}.access-card h1{font-size:23px;line-height:1.3}.access-card form{margin-top:20px}.access-card input{letter-spacing:0;font-size:16px}.admin-page>article>.title-row button,.title-row>div:last-child:not(:first-child) button{width:100%}.branding-upload{grid-template-columns:1fr}.logo-preview{width:96px;height:96px}th,td{padding:10px}.pill{white-space:normal}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.admin-shell{color:#f1f5f9;background:#0b1020;min-height:100vh}.admin-sidebar{z-index:30;background:#090d16;border-right:1px solid #202a3d;width:246px;padding:18px 14px;position:fixed;inset:0 auto 0 0}.admin-brand{align-items:center;gap:11px;padding:2px 8px 23px;font-size:20px;display:flex}.admin-brand span{background:linear-gradient(135deg,#7c3aed,#2563eb);border-radius:10px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.admin-sidebar>p{color:#64748b;letter-spacing:.14em;margin:14px 12px 8px;font-size:10px;font-weight:800}.admin-sidebar>button{color:#aeb9ca;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;padding:12px;font-weight:700;display:flex}.admin-sidebar>button:hover,.admin-sidebar>button.active{color:#fff;background:#20293a}.admin-sidebar i,.admin-bottom-nav i{text-align:center;width:22px;font-style:normal}.admin-main{min-height:100vh;margin-left:246px}.admin-header{z-index:20;background:#101626;border-bottom:1px solid #293247;justify-content:space-between;align-items:center;min-height:66px;padding:10px 24px;display:flex;position:sticky;top:0}.admin-header>div{flex-direction:column;display:flex}.admin-header small{margin-top:2px}.admin-avatar{color:#c4bfff;background:#29235b;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.admin-content{width:min(1180px,100%);margin:auto;padding:25px 24px 72px}.admin-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.admin-heading h1{font-size:30px}.admin-heading p,.admin-section-title p{color:#94a3b8;margin:5px 0 0}.admin-stats{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px;display:grid}.admin-stats article{background:#141a2a;border:1px solid #293247;border-radius:11px;padding:18px}.admin-stats span,.admin-stats small{color:#94a3b8;display:block}.admin-stats strong{margin:9px 0 4px;font-size:28px;display:block}.admin-stats .alert strong{color:#f97066}.admin-welcome{margin-top:0}.admin-quick{flex-wrap:wrap;gap:10px;display:flex}.admin-quick button,.admin-job button,.admin-control button{color:#e2e8f0;background:#1a2234;border:1px solid #34405a;border-radius:8px;min-height:42px;padding:9px 14px;font-weight:750}.admin-quick button:first-child{color:#fff;background:#7c6cff;border-color:#7c6cff}.admin-section-title,.admin-control,.admin-job{justify-content:space-between;align-items:center;gap:18px;display:flex}.admin-job,.admin-control{border-top:1px solid #293247;padding:15px 0}.admin-job>div:first-child,.admin-control>div{flex-direction:column;gap:4px;display:flex}.admin-job>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.admin-credit-summary{color:#94a3b8}.admin-job button:hover,.admin-control button:hover{border-color:#8b7dff}.admin-job button.danger{color:#ff9aac;border-color:#6b2836}.admin-control small,.admin-job small{margin-top:4px;display:block}.admin-count{background:#20293a;border-radius:9px;place-items:center;min-width:34px;height:34px;font-weight:900;display:grid}.admin-count.danger{color:#ff9aac;background:#50202c}.admin-credit-summary{color:#aeb9ca;background:#101626;border-radius:8px;padding:11px 13px}.admin-credit-summary b{color:#fff}.button-link{color:#fff;background:#6d5dfc;border-radius:8px;align-items:center;padding:9px 14px;text-decoration:none;display:inline-flex}.text-button{display:block}.danger-link{color:#ff9aac!important}.admin-bottom-nav{display:none}.service-settings-list{gap:18px;display:grid}.service-settings-card{padding:26px}.service-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:22px;display:grid}.service-settings-grid label{background:#101626;border:1px solid #293247;border-radius:10px;margin:0;padding:16px}.service-settings-grid label>span{color:#f1f5f9;font-size:14px;display:block}.service-settings-grid label>small{color:#aeb9ca;min-height:40px;margin:5px 0 12px;line-height:1.4;display:block}.service-settings-grid input{font-size:18px;font-weight:800}.toggle-field{flex-direction:column;display:flex!important}.toggle{color:#aeb9ca;background:#171e2e;border:1px solid #374155;border-radius:9px;align-items:center;gap:10px;width:100%;min-height:48px;margin-top:auto;padding:8px 11px;display:flex}.toggle i{background:#465066;border-radius:999px;width:38px;height:22px;position:relative}.toggle i:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .15s;position:absolute;top:3px;left:3px}.toggle.on{color:#63e6be;border-color:#2b8f71}.toggle.on i{background:#18815e}.toggle.on i:after{transform:translate(16px)}.settings-footer{border-top:1px solid #293247;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;padding-top:18px;display:flex}.settings-footer button{color:#fff;background:#6d5dfc;border:0;border-radius:8px;min-height:44px;padding:10px 18px;font-weight:800}@media (max-width:1050px){.service-settings-grid{grid-template-columns:1fr 1fr}}@media (max-width:800px){.admin-sidebar{display:none}.admin-main{margin:0}.admin-header{min-height:58px;padding:8px 14px}.admin-content{padding:16px 13px 88px}.admin-heading{align-items:flex-start}.admin-heading h1{font-size:23px}.admin-heading p{font-size:13px}.admin-heading .pill{font-size:9px}.admin-stats{grid-template-columns:1fr 1fr;gap:10px}.admin-stats article{padding:14px}.admin-stats strong{font-size:23px}.admin-grid{grid-template-columns:1fr}.admin-job,.admin-control{flex-direction:column;align-items:flex-start}.admin-job>div:last-child{justify-content:flex-start;width:100%}.admin-job button,.admin-control button{width:100%}.admin-bottom-nav{z-index:40;background:#101626;border:0;border-top:1px solid #293247;border-radius:0;grid-template-columns:repeat(4,1fr);height:66px;padding:0;display:grid;position:fixed;bottom:0;left:0;right:0}.admin-bottom-nav button{color:#94a3b8;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:10px;font-weight:750;display:flex}.admin-bottom-nav button.active{color:#9f95ff}.admin-bottom-nav i{font-size:18px}.codes-panel .table-wrap{overflow-x:auto}.codes-panel table{min-width:720px}.admin-bottom-nav{grid-template-columns:repeat(5,1fr)}.admin-bottom-nav button span{text-overflow:ellipsis;white-space:nowrap;max-width:64px;overflow:hidden}.service-settings-grid{grid-template-columns:1fr}.service-settings-card{padding:18px}.settings-footer{flex-direction:column;align-items:stretch}.settings-footer button{width:100%}}.admin-mobile-fab,.admin-mobile-menu{display:none}@media (max-width:800px){.admin-bottom-nav{display:none}.admin-header{padding-left:68px}.admin-content{padding-bottom:36px}.admin-mobile-fab{z-index:42;color:#fff;background:linear-gradient(135deg,#8b5cf6,#5b5ce2);border:0;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;font-size:22px;transition:all .18s;display:grid;position:fixed;top:8px;left:14px;box-shadow:0 8px 22px #0009}.admin-mobile-fab.open{background:#ef6461;transform:rotate(45deg)}.admin-mobile-menu{z-index:41;opacity:0;transform-origin:0 0;pointer-events:none;flex-direction:column;align-items:flex-start;gap:9px;transition:all .18s;display:flex;position:fixed;top:60px;left:14px;transform:translateY(-10px)scale(.96)}.admin-mobile-menu.open{opacity:1;pointer-events:auto;transform:none}.admin-mobile-menu button{color:#e8edf6;background:#171e30;border:1px solid #35405a;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-weight:700;display:flex;box-shadow:0 7px 20px #0007}.admin-mobile-menu button.active{color:#fff;background:#302961;border-color:#796cff}.admin-mobile-menu i{background:#252d42;border-radius:50%;place-items:center;width:28px;height:28px;font-style:normal;display:grid}}
