:root,html[data-theme=light]{--bg:#f4f6f9;--panel:#fff;--panel-2:#f8f9fc;--border:#1618201a;--text:#17191f;--muted:#5c6474;--accent:#c98912;--accent-2:#0e7a84;--danger:#c2414e;--ok:#187a43;--shadow:0 14px 40px #16182014;--input-bg:#fff;--aside-bg:#fffffff0;--badge-bg:#eef0f4;--row-hover:#c9891214;--nested:#f3f5f8;--empty-bg:#ffffffb8;--switch-off:#d8dce6;--switch-knob:#fff;--switch-knob-on:#2a1606;--meter-track:#e4e7ee;--tab-bg:#fff;--wordmark:#17191f;--banner-error-bg:#c2414e14;--banner-error-border:#c2414e38;--banner-error-text:#9f1239;--banner-ok-bg:#187a4314;--banner-ok-border:#187a4338;--nav-label:#8b93a6;--nav-active:#c989121f;--group-row:#0e7a8412;--drawer-dim:#1618206b;--code-bg:#f3f5f8;--danger-btn-bg:#fff1f2;--danger-btn-text:#9f1239;--danger-btn-border:#fecdd3;--pill-bg:#eef0f4;--glow-1:#c9891224;--glow-2:#0e7a8414;--glow-3:#ff8a3d14;--stat-hover:#c9891261;--badge-ok-bg:#187a431f;--badge-warn-bg:#c9891224;--badge-danger-bg:#c2414e1f;--badge-info-bg:#0e7a841f;--badge-accent-bg:#ff8a3d29;--badge-accent-text:#c05612;--display:"Unbounded", ui-sans-serif, system-ui, sans-serif;--serif:"Cormorant Garamond", "Times New Roman", serif;--sans:"Outfit", ui-sans-serif, system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--bg:#07080d;--panel:#10121cd1;--panel-2:#161924;--border:#f5d76e29;--text:#f4efe4;--muted:#9aa0b4;--accent:#f5d76e;--accent-2:#7cf7ff;--danger:#fb7185;--ok:#86efac;--shadow:0 24px 80px #00000073;--input-bg:#07080db8;--aside-bg:#08090ee0;--badge-bg:#1c2430;--row-hover:#f5d76e0d;--nested:#07080d73;--empty-bg:#10121c73;--switch-off:#1c2130;--switch-knob:#c9c3b4;--switch-knob-on:#2a1606;--meter-track:#1c2130;--tab-bg:#10121cb8;--wordmark:#fff6e6;--banner-error-bg:#fb71851a;--banner-error-border:#fb718547;--banner-error-text:#fecdd3;--banner-ok-bg:#86efac1a;--banner-ok-border:#86efac3d;--nav-label:#6d7388;--nav-active:#f5d76e24;--group-row:#7cf7ff0d;--drawer-dim:#00000085;--code-bg:#ffffff0a;--danger-btn-bg:#3b151c;--danger-btn-text:#fecdd3;--danger-btn-border:#7f1d1d;--pill-bg:#1c2430;--glow-1:#f5d76e29;--glow-2:#7cf7ff1a;--glow-3:#ff8a3d14;--stat-hover:#f5d76e6b;--badge-ok-bg:#86efac24;--badge-warn-bg:#f5d76e29;--badge-danger-bg:#fb718529;--badge-info-bg:#7cf7ff24;--badge-accent-bg:#ff8a3d29;--badge-accent-text:#ffb36a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--sans);color:var(--text);background:radial-gradient(900px 420px at 8% -8%, var(--glow-1), transparent 55%), radial-gradient(800px 480px at 100% 0%, var(--glow-2), transparent 50%), radial-gradient(700px 500px at 50% 120%, var(--glow-3), transparent 45%), var(--bg);margin:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.04em;margin:0;font-weight:700}h1{font-size:1.7rem}h2{font-size:1.05rem}h3{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.92rem;font-weight:600}p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{background:var(--input-bg);border:1px solid var(--border);border-radius:12px;width:100%;padding:.75rem .9rem}textarea{resize:vertical}button{color:#2a1606;cursor:pointer;background:linear-gradient(135deg,#f5d76e,#ff8a3d);border:0;border-radius:12px;padding:.75rem 1.05rem;font-weight:700}button:disabled{opacity:.55;cursor:not-allowed}button.ghost,a.ghost{color:var(--muted);border:1px solid var(--border);background:0 0}button.danger{background:var(--danger-btn-bg);color:var(--danger-btn-text);border:1px solid var(--danger-btn-border)}button.sm,a.ghost.sm{border-radius:10px;padding:.4rem .7rem;font-size:.82rem}a.ghost{align-items:center;font-weight:700;display:inline-flex}.muted{color:var(--muted)}.error{color:var(--danger)}.ok{color:var(--ok)}.boot{min-height:100vh;color:var(--muted);font-family:var(--display);place-items:center;display:grid}.brand-mark{align-items:center;gap:.85rem;display:flex}.brand-badge{object-fit:cover;background:#f3eee4;flex:none;box-shadow:0 1px #16182014}.brand-copy{min-width:0}.wordmark{white-space:nowrap;margin:0;line-height:.9}.wordmark .digital{font-family:var(--serif);letter-spacing:-.03em;color:var(--wordmark);font-size:1.18em;font-style:italic;font-weight:700}.wordmark .four,.wordmark .you{font-family:var(--display);letter-spacing:-.07em;font-weight:800}.wordmark .four{color:var(--accent);margin:0 .04em;display:inline-block;transform:translateY(.02em)scale(1.12)}.wordmark .you{color:var(--wordmark)}.brand-tag{color:var(--muted);letter-spacing:.22em;text-transform:uppercase;margin-top:.28rem;font-size:.68rem;font-weight:600;display:block}.brand-mark-sm .brand-badge{border-radius:13px;width:42px;height:42px;font-size:1.15rem}.brand-mark-sm .wordmark{font-size:1.22rem}.brand-mark-md .brand-badge{border-radius:16px;width:54px;height:54px;font-size:1.45rem}.brand-mark-md .wordmark{font-size:1.85rem}.brand-mark-hero{text-align:center;flex-direction:column;gap:1.1rem}.brand-mark-hero .brand-badge{border-radius:24px;width:76px;height:76px;font-size:2.1rem}.brand-mark-hero .wordmark{font-size:clamp(3.1rem,9vw,6.4rem)}.brand-mark-hero .brand-tag{font-size:.78rem}.login-wrap{place-items:center;min-height:100vh;padding:1.5rem;display:grid;position:relative;overflow:hidden}.login-orbs{background:radial-gradient(circle at 20% 20%, var(--glow-1), transparent 28%), radial-gradient(circle at 80% 30%, var(--glow-2), transparent 26%), radial-gradient(circle at 50% 80%, var(--glow-3), transparent 30%);filter:blur(8px);animation:16s ease-in-out infinite alternate drift;position:absolute;inset:-20%}.login-stage{z-index:1;justify-items:center;gap:1.6rem;width:min(520px,100%);display:grid;position:relative}.card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px;padding:1.15rem}.card>h2+.muted{margin:.35rem 0 .2rem}.card>h3{margin:1.15rem 0 .15rem}section>.card,section>.empty,section>.table-wrap{margin-bottom:1rem}.login-card{width:100%}.login-card h1{margin-bottom:.45rem}@keyframes drift{0%{transform:translate(-2%,-1%)scale(1)}to{transform:translate(3%,2%)scale(1.06)}}label{color:var(--muted);gap:.4rem;margin:.9rem 0;font-size:.88rem;display:grid}.check{align-items:center;gap:.6rem;display:flex}.check input{width:auto}.switch{color:var(--text);cursor:pointer;align-items:center;gap:.7rem;margin:.9rem 0;font-size:.92rem;display:flex}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch-ui{background:var(--switch-off);border:1px solid var(--border);border-radius:999px;flex:none;width:42px;height:24px;transition:background .16s,border-color .16s;position:relative}.switch-ui:after{content:"";background:var(--switch-knob);border-radius:50%;width:18px;height:18px;transition:transform .16s,background .16s;position:absolute;top:2px;left:2px}.switch input:checked+.switch-ui{background:linear-gradient(135deg,#f5d76e,#ff8a3d);border-color:#0000}.switch input:checked+.switch-ui:after{background:var(--switch-knob-on);transform:translate(18px)}.switch input:focus-visible+.switch-ui{outline:2px solid var(--accent-2);outline-offset:2px}.badge{letter-spacing:.02em;white-space:nowrap;background:var(--badge-bg);color:var(--muted);border-radius:999px;align-items:center;gap:.3rem;padding:.28rem .58rem;font-size:.72rem;font-weight:700;display:inline-flex}.badge-ok{background:var(--badge-ok-bg);color:var(--ok)}.badge-warn{background:var(--badge-warn-bg);color:var(--accent)}.badge-danger{background:var(--badge-danger-bg);color:var(--danger)}.badge-info{background:var(--badge-info-bg);color:var(--accent-2)}.badge-accent{background:var(--badge-accent-bg);color:var(--badge-accent-text)}.badge-muted{background:var(--badge-bg);color:var(--muted)}.banner{border:1px solid var(--border);border-radius:14px;margin:0 0 1rem;padding:.8rem 1rem}.banner-error{background:var(--banner-error-bg);border-color:var(--banner-error-border);color:var(--banner-error-text)}.banner-ok{background:var(--banner-ok-bg);border-color:var(--banner-ok-border);color:var(--ok)}.empty{text-align:center;border:1px dashed var(--border);background:var(--empty-bg);border-radius:18px;place-items:center;gap:.35rem;padding:2.4rem 1.2rem;display:grid}.nav-toggle,.nav-backdrop{display:none}.shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}aside{border-right:1px solid var(--border);background:var(--aside-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-direction:column;gap:1.1rem;height:100vh;padding:1.25rem .9rem 1rem;display:flex;position:sticky;top:0;overflow:auto}.nav-group{gap:.25rem;display:grid}.nav-label{letter-spacing:.16em;text-transform:uppercase;color:var(--nav-label);margin:.55rem .7rem .2rem;font-size:.68rem;font-weight:700}nav{gap:.55rem;display:grid}nav a{color:var(--muted);border-radius:12px;align-items:center;gap:.65rem;padding:.62rem .8rem;display:flex}nav a svg{opacity:.8;flex:none}nav a.active,nav a:hover{background:linear-gradient(90deg, var(--nav-active), transparent);color:var(--text)}nav a.active svg,nav a:hover svg{opacity:1}.nav-count{color:#2a1606;background:linear-gradient(135deg,#f5d76e,#ff8a3d);border-radius:999px;place-items:center;min-width:1.35rem;height:1.35rem;margin-left:auto;padding:0 .35rem;font-size:.72rem;font-style:normal;font-weight:800;display:grid}.aside-foot{gap:.5rem;margin-top:auto;display:grid}main{min-width:0;padding:1.5rem 1.8rem 3rem}.page-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.2rem;display:flex}.page-head>div{min-width:0}.page-head .muted{margin-top:.35rem}.page-head select{width:auto;min-width:180px}.card-head{justify-content:space-between;align-items:flex-start;gap:.8rem;margin-bottom:.6rem;display:flex}.stats,.grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.stat-card{transition:border-color .16s,transform .16s;display:block}.stat-card:hover{border-color:var(--stat-hover);transform:translateY(-1px)}.stat-card span,.stats .card span{color:var(--muted);font-size:.88rem}.stats .card strong,.stat-card strong,.balance{font-family:var(--display);letter-spacing:-.04em;margin-top:.45rem;font-size:1.7rem;display:block}.toolbar{flex-wrap:wrap;gap:.7rem;margin-bottom:1rem;display:flex}.toolbar input,.toolbar select{flex:1;min-width:160px}.field-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 1rem;display:grid}.stack{gap:1rem;display:grid}.status-tabs{flex-wrap:wrap;gap:.45rem;margin-bottom:1rem;display:flex}.status-tabs button{background:var(--tab-bg);color:var(--muted);border:1px solid var(--border);padding:.45rem .75rem;font-size:.82rem;font-weight:600}.status-tabs button.active{color:#2a1606;background:linear-gradient(135deg,#f5d76e,#ff8a3d);border-color:#0000}.table-wrap{border:1px solid var(--border);border-radius:16px;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.75rem .9rem}th{color:var(--muted);font-size:.8rem;font-weight:600}tr.group td{background:var(--group-row);color:var(--accent-2);font-weight:700}tr.group.hidden-cat td{color:var(--muted)}tr.group td .ghost{padding:.25rem .6rem;font-size:.78rem;font-weight:600}tbody tr:not(.group):not(.static){cursor:pointer}tbody tr.active,tbody tr:not(.group):not(.static):hover{background:var(--row-hover)}.drawer{z-index:40;background:var(--drawer-dim);cursor:pointer;place-items:end;display:grid;position:fixed;inset:0}.drawer-card{cursor:default;border-radius:16px 0 0 16px;width:min(520px,100%);height:100%;overflow:auto}.original-instruction{white-space:pre-wrap;font:inherit;color:var(--muted);background:var(--code-bg);border:1px solid var(--border);border-radius:10px;margin:0 0 1rem;padding:.75rem .9rem;font-size:.9rem;line-height:1.45}.order-list{gap:1rem;display:grid}.table-wrap.compact th,.table-wrap.compact td{vertical-align:middle;padding:.45rem .7rem;font-size:.9rem}.table-wrap.compact tbody tr.static{cursor:pointer}.table-wrap.compact .clip{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:220px;display:-webkit-box;overflow:hidden}.table-wrap.compact .nowrap{white-space:nowrap}.order-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.35rem;display:flex}.order-actions .reason-input{width:9.5rem;min-width:0;margin:0;padding:.35rem .55rem;font-size:.8rem}.order-detail td{background:var(--panel-2);padding:.45rem .7rem .7rem}.order-detail-grid{color:var(--muted);flex-wrap:wrap;gap:.45rem 1rem;font-size:.82rem;display:flex}.shot{border:1px solid var(--border);border-radius:12px;max-width:100%;max-height:320px;margin-top:.8rem}.shot-lightbox{z-index:50;cursor:pointer;background:#080a10b8;place-items:center;gap:.8rem;padding:1.5rem;display:grid;position:fixed;inset:0}.shot-lightbox img{border:1px solid var(--border);cursor:default;border-radius:12px;max-width:min(720px,100%);max-height:80vh}.actions{flex-wrap:wrap;gap:.6rem;margin-top:.9rem;display:flex}.pay-qr{justify-items:start;gap:.6rem;display:grid}.pay-qr img{object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:12px;width:160px;height:160px}.pill{background:var(--pill-bg);color:var(--muted);white-space:nowrap;border-radius:999px;padding:.3rem .55rem;font-size:.75rem}.pager{flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:1rem;display:flex}.pager-active{color:#2a1606!important;background:linear-gradient(135deg,#f5d76e,#ff8a3d)!important;border-color:#0000!important}.cell-meta{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.nested-card{background:var(--nested);margin-top:.8rem;padding:.95rem}.key-url{word-break:break-all;color:var(--muted);background:var(--code-bg);border:1px solid var(--border);border-radius:10px;margin:.45rem 0 .65rem;padding:.55rem .7rem;font-size:.78rem;line-height:1.4;display:block}.dot{background:var(--muted);border-radius:50%;width:.55rem;height:.55rem;margin-right:.4rem;display:inline-block}.dot-ok{background:var(--ok);box-shadow:0 0 8px #86efac8c}.dot-danger{background:var(--danger);box-shadow:0 0 8px #fb718573}.meter{background:var(--meter-track);border-radius:99px;width:min(140px,100%);height:8px;overflow:hidden}.meter>span{background:linear-gradient(90deg,#7cf7ff,#86efac);height:100%;display:block}.meter.warn>span{background:linear-gradient(90deg,#f5d76e,#ff8a3d)}.meter.danger>span{background:var(--danger)}.monitor-meta{color:var(--muted);flex-wrap:wrap;gap:.45rem .9rem;margin:.35rem 0 .8rem;font-size:.88rem;display:flex}.vpn-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.vpn-card .monitor-meta{margin:.15rem 0 0}.vpn-card:hover,.active-card{border-color:var(--stat-hover)}button.stat-card{text-align:left;width:100%;font-weight:inherit;background:var(--panel);color:inherit;border:1px solid var(--border);box-shadow:var(--shadow)}.drawer-wide{width:min(880px,100%)}.plan-table th,.plan-table td{vertical-align:middle;padding:.4rem .45rem}.plan-table .col-name{width:28%}.plan-table .col-num{width:4.6rem}.plan-table .col-price{width:6.2rem}.plan-table .col-sale{width:5.2rem}.plan-table .col-act{width:8.5rem}.plan-table input{width:100%;min-width:0;padding:.42rem .5rem;font-size:.88rem}.plan-table .switch{gap:.4rem;margin:0;font-size:.78rem}.plan-act{white-space:nowrap;gap:.35rem;display:flex}.card .table-wrap{margin-bottom:0}.broadcast-layout{grid-template-columns:minmax(0,1fr) minmax(260px,320px);align-items:start;gap:1.2rem;display:grid}.tg-phone{background:var(--nested);border:1px solid var(--border);border-radius:22px;padding:.85rem}.tg-phone-label{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .65rem;font-size:.72rem;font-weight:700}.tg-card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;overflow:hidden}.tg-card img,.tg-card-banner{object-fit:cover;width:100%;height:148px;display:block}.tg-card-banner{color:#1b1712;font-family:var(--serif);letter-spacing:-.04em;background:#f3eee4 url(/brand/digital4u-banner.jpg) 50%/cover no-repeat;place-items:center;font-weight:700;display:grid}.tg-card-body{gap:.45rem;padding:.85rem .95rem .7rem;display:grid}.tg-brand{font-size:1.05rem}.tg-brand em{font-family:var(--serif);font-style:italic}.tg-title{font-weight:700}.tg-text{white-space:pre-wrap;color:var(--text);font-size:.92rem;line-height:1.45}.tg-actions{grid-template-columns:1fr 1fr;gap:.4rem;padding:0 .75rem .85rem;display:grid}.tg-actions span{text-align:center;background:var(--badge-bg);color:var(--muted);border-radius:10px;padding:.42rem .3rem;font-size:.75rem;font-weight:600}@media (width<=860px){.broadcast-layout{grid-template-columns:1fr}.nav-toggle{z-index:50;display:inline-flex;position:fixed;top:.85rem;right:.85rem}.nav-backdrop{z-index:30;background:var(--drawer-dim);display:none;position:fixed;inset:0}.shell.nav-open .nav-backdrop{display:block}.shell{grid-template-columns:1fr}aside{z-index:40;border-right:1px solid var(--border);width:min(280px,86vw);height:100vh;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.shell.nav-open aside{transform:translate(0)}main{padding:4.2rem 1rem 2.4rem}.page-head{flex-direction:column}.page-head select,.toolbar{width:100%}.brand-mark-sm .wordmark{font-size:1.35rem}}