:root{--bg:#e8fbff;--surface:#fffdf8;--surface-muted:#f0fff6;--text:#261f3c;--muted:#6a607f;--border:#302747;--accent:#ff4f7b;--accent-dark:#cc2451;--sun:#ffd166;--mint:#3bd89f;--sky:#35c7ff;--violet:#8b5cf6;--danger:#b42318;--danger-bg:#fff0f0;--success:#087a4f;--success-bg:#e9fff3;--shadow:6px 6px 0 #261f3c24;--soft-shadow:0 18px 50px #261f3c24;--sans:"Avenir Next", "Trebuchet MS", "Gill Sans", ui-rounded, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font:16px/1.5 var(--sans);color:var(--text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:linear-gradient(90deg,#ff4f7b1c 1px,#0000 1px) 0 0/34px 34px,linear-gradient(#35c7ff21 1px,#0000 1px) 0 0/34px 34px,repeating-linear-gradient(135deg,#ff4f7b17 0 14px,#35c7ff1a 14px 28px,#3bd89f17 28px 42px,#ffd16614 42px 56px),linear-gradient(135deg,#eafcff 0%,#fff1f7 52%,#effff5 100%);min-width:320px;margin:0}body:before{content:"";z-index:-1;background:repeating-linear-gradient(90deg, var(--accent) 0 36px, var(--sun) 36px 72px, var(--sky) 72px 108px, var(--mint) 108px 144px);height:12px;position:fixed;inset:0 0 auto}button,input,select{font:inherit}button{border:2px solid var(--border);background:var(--accent);color:#fff;cursor:pointer;border-radius:8px;min-height:38px;padding:8px 14px;font-size:13px;font-weight:900;transition:transform .12s,box-shadow .12s,background .12s;box-shadow:3px 3px #261f3c2e}button:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:5px 5px #261f3c2e}button:active:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px #261f3c2e}button:disabled{cursor:not-allowed;opacity:.55}input,select{width:100%;min-height:38px;color:var(--text);background:#fffdf8;border:2px solid #d8d1e8;border-radius:8px;outline:none;padding:7px 10px;transition:border-color .12s,box-shadow .12s,background .12s}input:focus,select:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px #ff4f7b29}label{gap:6px;display:grid}label span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;vertical-align:middle;border-bottom:2px solid #e2dcf0;padding:12px}th{color:#514667;text-transform:uppercase;background:linear-gradient(#fff6c9 0%,#fff2a8 100%);font-size:11px;font-weight:900}td{background:#fffdf8cc}td strong,td span{display:block}td span{color:var(--muted);font-size:12px}td em{color:#145170;background:#e8f8ff;border:2px solid #35c7ff4d;border-radius:999px;padding:2px 9px;font-size:12px;font-style:normal;font-weight:900;display:inline-flex}.masked-code{min-width:68px;color:var(--text);white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;line-height:28px;display:inline-flex}#app{min-height:100svh}.app-shell{align-content:start;gap:20px;min-height:100svh;padding:30px 24px 24px;display:grid;position:relative}.app-shell.gate-mode{padding:24px;overflow:hidden}.image-gate{z-index:0;background:#e8fbff;position:fixed;inset:0}.image-gate img{object-fit:cover;border:0;width:100%;height:100%;display:block}.gate-mode .topbar,.gate-mode .loading-indicator,.gate-mode .progress,.gate-mode .toast{z-index:2;position:relative}.gate-mode .topbar{align-items:flex-start}.gate-mode .auth-cluster{box-shadow:var(--shadow);background:#fffdf8d1;border:2px solid #ffffff6b;border-radius:8px;padding:10px}.topbar{justify-content:space-between;align-items:center;gap:20px;min-height:64px;display:flex}.eyebrow{border:2px solid var(--border);background:linear-gradient(135deg, #ffffffb3 0 25%, transparent 25% 50%), var(--sun);width:fit-content;box-shadow:var(--shadow);color:#261f3c;letter-spacing:0;text-transform:uppercase;background-size:18px 18px,auto;border-radius:8px;margin:0;padding:10px 14px;font-size:22px;font-weight:1000;line-height:1;transform:rotate(-1deg)}h1,h2,p{margin:0}h1,h2{color:var(--text);letter-spacing:0}h1{font-size:24px;line-height:1.15}h2{font-size:22px;line-height:1.18}.auth-cluster{justify-items:end;gap:8px;min-width:220px;display:grid}.auth-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.account{background:#fffdf8b8;border:2px solid #30274733;border-radius:8px;justify-items:end;gap:1px;max-width:280px;padding:8px 10px;display:grid}.account span,.account strong{overflow-wrap:anywhere}.account span{color:var(--text);font-size:13px;font-weight:900}.account strong{color:var(--muted);font-size:11px}.status{max-width:260px;min-height:18px;color:var(--success);text-align:right;font-size:12px;font-weight:900}.status.error{color:var(--danger)}.loading-indicator{border:2px solid var(--border);width:fit-content;box-shadow:var(--shadow);color:var(--text);background:#fffdf8e0;border-radius:8px;justify-self:center;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:900;display:inline-flex}.loading-spinner{border:4px solid #3027472e;border-block-start-color:var(--accent);border-inline-end-color:var(--sky);border-radius:50%;block-size:22px;inline-size:22px;animation:.72s linear infinite spin}.modal-loading{justify-content:center;justify-self:stretch;min-height:44px}.package-loading{justify-self:center;margin:8px 0}.progress{background:linear-gradient(90deg, var(--accent), var(--sun), var(--mint), transparent) 0 0 / 45% 100% no-repeat, #ffffffb3;border:2px solid #30274729;border-radius:999px;height:5px;animation:1s linear infinite progress}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.summary-card,.panel{border:2px solid var(--border);box-shadow:var(--shadow);background:#fffdf8eb;border-radius:8px}.summary-card{gap:6px;min-height:122px;padding:18px;display:grid;position:relative;overflow:hidden}.summary-card:before{content:"";background:var(--accent);width:10px;position:absolute;inset:0 auto 0 0}.summary-card:after{content:"";border:2px dashed #30274742;border-radius:8px;width:42px;height:42px;position:absolute;inset:auto 18px 14px auto;transform:rotate(8deg)}.summary-card:nth-child(2):before{background:var(--sky)}.summary-card:nth-child(3):before{background:var(--mint)}.summary-card span,.summary-card small,.section-heading span,.package-row span{color:var(--muted)}.summary-card span{text-transform:uppercase;font-size:12px;font-weight:900}.summary-card strong{font-size:30px;line-height:1}.summary-card small{font-weight:800}.panel{gap:18px;padding:20px;display:grid}.section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-heading span{overflow-wrap:anywhere;font-size:13px}.button-row,.table-actions,.package-actions,.pager{align-items:center;gap:8px;display:flex}.secondary-button{border-color:var(--border);color:var(--text);background:#fffdf8}.compact-button{min-height:32px;padding:5px 10px}.mini-button{min-height:28px;padding:4px 8px;font-size:12px}.icon-button{block-size:30px;inline-size:30px;min-height:30px;color:var(--text);background:#fffdf8;place-items:center;padding:0;display:inline-grid}.icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;block-size:16px;inline-size:16px}.theme-toggle svg{block-size:17px;inline-size:17px}.language-toggle{min-width:42px;font-weight:950}.danger-button{border-color:var(--border);background:var(--danger-bg);color:var(--danger)}.filter-grid,.form-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px;display:grid}.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-grid label{grid-template-rows:16px 38px}.filter-grid input,.filter-grid select{height:38px}.table-shell{border:2px solid var(--border);background:#fffdf8;border-radius:8px;overflow-x:auto}.table-shell table{min-width:920px}.access-code-cell{grid-template-columns:minmax(68px,1fr) 30px 30px;align-items:center;gap:6px;min-width:152px;display:inline-grid}tr.selected td{background:#f0fff6}.empty-cell,.empty-state{color:var(--muted);text-align:center}.empty-cell{padding:28px 12px}.empty-state{background:var(--surface-muted);border:2px dashed #30274747;border-radius:8px;padding:18px}.pager{justify-content:flex-end}.pager span{color:var(--muted);font-size:13px;font-weight:900}.toast{z-index:30;border:2px solid var(--success);background:var(--success-bg);width:min(520px,100vw - 40px);color:var(--success);box-shadow:var(--soft-shadow);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;display:flex;position:fixed;inset-block-start:20px;inset-inline-end:20px}.toast.error{border-color:var(--danger);background:var(--danger-bg);color:var(--danger)}.toast p{overflow-wrap:anywhere;max-height:140px;margin:0;font-size:13px;font-weight:800;line-height:1.45;overflow:auto}.toast-close{min-height:24px;box-shadow:none;color:currentColor;background:0 0;border:0;padding:0 2px;font-size:22px;line-height:1}.toast-close:hover:not(:disabled),.toast-close:active:not(:disabled){box-shadow:none;transform:none}.package-list{gap:10px;display:grid}.package-row{background:#fff9dc;border:2px solid #30274747;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.package-row:nth-child(2n){background:#f0fff6}.package-row>div:first-child{min-width:0}.package-row strong,.package-row span{overflow-wrap:anywhere;display:block}.package-actions input{width:160px}.modal-layer{z-index:20;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-backdrop{width:100%;height:100%;min-height:0;box-shadow:none;cursor:default;background:repeating-linear-gradient(135deg,#ffd1663d 0 18px,#0000 18px 36px),#261f3c80;border:0;border-radius:0;padding:0;position:absolute;inset:0}.modal-backdrop:hover,.modal-backdrop:active{box-shadow:none;transform:none}.modal{z-index:1;border:2px solid var(--border);background:var(--surface);border-radius:8px;gap:18px;width:min(520px,100%);padding:20px;display:grid;position:relative;box-shadow:8px 8px #261f3c38}.modal:before{content:"";background:repeating-linear-gradient(90deg, var(--accent) 0 32px, var(--sun) 32px 64px, var(--sky) 64px 96px, var(--mint) 96px 128px);border-radius:6px 6px 0 0;height:8px;position:absolute;inset:0 0 auto}.package-modal{width:min(760px,100%);max-height:min(760px,100svh - 40px);overflow:auto}.modal-header,.modal-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-form{gap:14px;display:grid}.modal-subtitle{color:var(--muted);margin:-8px 0 0;font-size:13px;font-weight:800}.package-form{grid-template-columns:1.25fr 1.25fr 1fr auto}.modal-actions{justify-content:flex-end;padding-top:4px}@keyframes progress{0%{background-position:-45% 0,0 0}to{background-position:145% 0,0 0}}@keyframes spin{to{transform:rotate(1turn)}}:root[data-theme=dark]{--bg:#17111f;--surface:#21182e;--surface-muted:#251f34;--text:#fff8ee;--muted:#c9bdd8;--border:#f3e6ff;--accent:#ff5f89;--accent-dark:#ff9ab6;--sun:#ffd166;--mint:#52e7b0;--sky:#55d6ff;--violet:#b794ff;--danger:#ff8f86;--danger-bg:#3c171b;--success:#67e8b2;--success-bg:#102e27;--shadow:6px 6px 0 #0000006b;--soft-shadow:0 18px 50px #0000006b}:root[data-theme=dark] body{background:linear-gradient(90deg,#ff5f8926 1px,#0000 1px) 0 0/34px 34px,linear-gradient(#55d6ff21 1px,#0000 1px) 0 0/34px 34px,repeating-linear-gradient(135deg,#ff5f891c 0 14px,#55d6ff1a 14px 28px,#52e7b014 28px 42px,#ffd16614 42px 56px),linear-gradient(135deg,#17111f 0%,#24172c 52%,#10261f 100%)}:root[data-theme=dark] button{color:#1b1020;box-shadow:3px 3px #00000061}:root[data-theme=dark] button:hover:not(:disabled){box-shadow:5px 5px #00000061}:root[data-theme=dark] button:active:not(:disabled){box-shadow:1px 1px #00000061}:root[data-theme=dark] input,:root[data-theme=dark] select{color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#21192e;border-color:#675b7a}:root[data-theme=dark] input::placeholder{color:#9d91b0}:root[data-theme=dark] input:focus,:root[data-theme=dark] select:focus{background:#271f36;box-shadow:0 0 0 4px #ff5f893d}:root[data-theme=dark] th,:root[data-theme=dark] td{border-bottom-color:#3b304e}:root[data-theme=dark] th{color:#ffe8a6;background:linear-gradient(#46394e 0%,#352b44 100%)}:root[data-theme=dark] td{background:#20182cd6}:root[data-theme=dark] td em{color:#a7ecff;background:#153344;border-color:#55d6ff73}:root[data-theme=dark] .image-gate{background:#17111f}:root[data-theme=dark] .image-gate:after{content:"";pointer-events:none;background:linear-gradient(135deg,#17111f8f,#ff5f891a),#17111f14;position:absolute;inset:0}:root[data-theme=dark] .image-gate img{filter:brightness(.6)contrast(1.16)saturate(.95)}:root[data-theme=dark] .gate-mode .auth-cluster,:root[data-theme=dark] .account,:root[data-theme=dark] .loading-indicator,:root[data-theme=dark] .summary-card,:root[data-theme=dark] .panel,:root[data-theme=dark] .modal{background:#21182ee6}:root[data-theme=dark] .eyebrow{color:#261f3c}:root[data-theme=dark] .account{border-color:#f3e6ff3d}:root[data-theme=dark] .loading-spinner{border-color:#f3e6ff2e;border-block-start-color:var(--accent);border-inline-end-color:var(--sky)}:root[data-theme=dark] .progress{background:linear-gradient(90deg, var(--accent), var(--sun), var(--mint), transparent) 0 0 / 45% 100% no-repeat, #21182eb8;border-color:#f3e6ff2e}:root[data-theme=dark] .summary-card:after{border-color:#f3e6ff47}:root[data-theme=dark] .secondary-button,:root[data-theme=dark] .icon-button{color:var(--text);background:#251d31}:root[data-theme=dark] .danger-button{background:var(--danger-bg);color:var(--danger)}:root[data-theme=dark] .table-shell{background:#21192e}:root[data-theme=dark] tr.selected td{background:#17312b}:root[data-theme=dark] .empty-state{background:var(--surface-muted);border-color:#f3e6ff47}:root[data-theme=dark] .package-row{background:#2d2434;border-color:#f3e6ff47}:root[data-theme=dark] .package-row:nth-child(2n){background:#1d302d}:root[data-theme=dark] .toast{background:var(--success-bg);color:var(--success)}:root[data-theme=dark] .toast.error{background:var(--danger-bg);color:var(--danger)}:root[data-theme=dark] .modal-backdrop{background:repeating-linear-gradient(135deg,#ffd1661f 0 18px,#0000 18px 36px),#07040cc2}:root[data-theme=dark] .modal{box-shadow:8px 8px #0000006b}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#17111f;--surface:#21182e;--surface-muted:#251f34;--text:#fff8ee;--muted:#c9bdd8;--border:#f3e6ff;--accent:#ff5f89;--accent-dark:#ff9ab6;--sun:#ffd166;--mint:#52e7b0;--sky:#55d6ff;--violet:#b794ff;--danger:#ff8f86;--danger-bg:#3c171b;--success:#67e8b2;--success-bg:#102e27;--shadow:6px 6px 0 #0000006b;--soft-shadow:0 18px 50px #0000006b}:root:not([data-theme]) body{background:linear-gradient(90deg,#ff5f8926 1px,#0000 1px) 0 0/34px 34px,linear-gradient(#55d6ff21 1px,#0000 1px) 0 0/34px 34px,repeating-linear-gradient(135deg,#ff5f891c 0 14px,#55d6ff1a 14px 28px,#52e7b014 28px 42px,#ffd16614 42px 56px),linear-gradient(135deg,#17111f 0%,#24172c 52%,#10261f 100%)}:root:not([data-theme]) button{color:#1b1020;box-shadow:3px 3px #00000061}:root:not([data-theme]) button:hover:not(:disabled){box-shadow:5px 5px #00000061}:root:not([data-theme]) button:active:not(:disabled){box-shadow:1px 1px #00000061}:root:not([data-theme]) input,:root:not([data-theme]) select{color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#21192e;border-color:#675b7a}:root:not([data-theme]) input::placeholder{color:#9d91b0}:root:not([data-theme]) input:focus,:root:not([data-theme]) select:focus{background:#271f36;box-shadow:0 0 0 4px #ff5f893d}:root:not([data-theme]) th,:root:not([data-theme]) td{border-bottom-color:#3b304e}:root:not([data-theme]) th{color:#ffe8a6;background:linear-gradient(#46394e 0%,#352b44 100%)}:root:not([data-theme]) td{background:#20182cd6}:root:not([data-theme]) td em{color:#a7ecff;background:#153344;border-color:#55d6ff73}:root:not([data-theme]) .image-gate{background:#17111f}:root:not([data-theme]) .image-gate:after{content:"";pointer-events:none;background:linear-gradient(135deg,#17111f8f,#ff5f891a),#17111f14;position:absolute;inset:0}:root:not([data-theme]) .image-gate img{filter:brightness(.6)contrast(1.16)saturate(.95)}:root:not([data-theme]) .gate-mode .auth-cluster,:root:not([data-theme]) .account,:root:not([data-theme]) .loading-indicator,:root:not([data-theme]) .summary-card,:root:not([data-theme]) .panel,:root:not([data-theme]) .modal{background:#21182ee6}:root:not([data-theme]) .eyebrow{color:#261f3c}:root:not([data-theme]) .account{border-color:#f3e6ff3d}:root:not([data-theme]) .loading-spinner{border-color:#f3e6ff2e;border-block-start-color:var(--accent);border-inline-end-color:var(--sky)}:root:not([data-theme]) .progress{background:linear-gradient(90deg, var(--accent), var(--sun), var(--mint), transparent) 0 0 / 45% 100% no-repeat, #21182eb8;border-color:#f3e6ff2e}:root:not([data-theme]) .summary-card:after{border-color:#f3e6ff47}:root:not([data-theme]) .secondary-button,:root:not([data-theme]) .icon-button{color:var(--text);background:#251d31}:root:not([data-theme]) .danger-button{background:var(--danger-bg);color:var(--danger)}:root:not([data-theme]) .table-shell{background:#21192e}:root:not([data-theme]) tr.selected td{background:#17312b}:root:not([data-theme]) .empty-state{background:var(--surface-muted);border-color:#f3e6ff47}:root:not([data-theme]) .package-row{background:#2d2434;border-color:#f3e6ff47}:root:not([data-theme]) .package-row:nth-child(2n){background:#1d302d}:root:not([data-theme]) .toast{background:var(--success-bg);color:var(--success)}:root:not([data-theme]) .toast.error{background:var(--danger-bg);color:var(--danger)}:root:not([data-theme]) .modal-backdrop{background:repeating-linear-gradient(135deg,#ffd1661f 0 18px,#0000 18px 36px),#07040cc2}:root:not([data-theme]) .modal{box-shadow:8px 8px #0000006b}}@media (width<=920px){.summary-grid,.filter-grid,.form-grid{grid-template-columns:1fr}}@media (width<=700px){.app-shell{gap:16px;padding:24px 16px 16px}.topbar,.section-heading,.modal-header,.package-row{flex-direction:column;align-items:flex-start}.eyebrow{font-size:18px}.auth-cluster,.account{justify-items:start;width:100%}.auth-actions{flex-wrap:wrap;justify-content:flex-start}.status{text-align:left}.button-row,.table-actions,.package-actions,.modal-actions,.pager{flex-wrap:wrap}.modal-actions{width:100%}.modal-actions button{flex:140px}.package-actions input{width:100%}}