: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 rgba(38, 31, 60, .14);--soft-shadow: 0 18px 50px rgba(38, 31, 60, .14);--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);color-scheme:light dark;background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;margin:0;background:linear-gradient(90deg,rgba(255,79,123,.11) 1px,transparent 1px) 0 0 / 34px 34px,linear-gradient(rgba(53,199,255,.13) 1px,transparent 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,#fff1f7 52%,#effff5)}body:before{content:"";position:fixed;inset:0 0 auto;z-index:-1;height:12px;background:repeating-linear-gradient(90deg,var(--accent) 0 36px,var(--sun) 36px 72px,var(--sky) 72px 108px,var(--mint) 108px 144px)}button,input,select{font:inherit}button{min-height:38px;border:2px solid var(--border);border-radius:8px;background:var(--accent);box-shadow:3px 3px #261f3c2e;color:#fff;font-size:13px;font-weight:900;cursor:pointer;padding:8px 14px;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}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;border:2px solid #d8d1e8;border-radius:8px;background:#fffdf8;color:var(--text);padding:7px 10px;outline:none;transition:border-color .12s ease,box-shadow .12s ease,background .12s ease}input:focus,select:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px #ff4f7b29}label{display:grid;gap:6px}label span{color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase}table{width:100%;border-collapse:collapse;font-size:14px}th,td{border-bottom:2px solid #e2dcf0;padding:12px;text-align:left;vertical-align:middle}th{background:linear-gradient(180deg,#fff6c9,#fff2a8);color:#514667;font-size:11px;font-weight:900;text-transform:uppercase}td{background:#fffdf8cc}td strong,td span{display:block}td span{color:var(--muted);font-size:12px}td em{display:inline-flex;border:2px solid rgba(53,199,255,.3);border-radius:999px;background:#e8f8ff;color:#145170;font-size:12px;font-style:normal;font-weight:900;padding:2px 9px}.masked-code{display:inline-flex;min-width:68px;color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;line-height:28px;white-space:nowrap}#app{min-height:100svh}.app-shell{position:relative;min-height:100svh;display:grid;align-content:start;gap:20px;padding:30px 24px 24px}.app-shell.gate-mode{overflow:hidden;padding:24px}.image-gate{position:fixed;inset:0;z-index:0;background:#e8fbff}.image-gate img{display:block;width:100%;height:100%;object-fit:cover;border:0}.gate-mode .topbar,.gate-mode .loading-indicator,.gate-mode .progress,.gate-mode .toast{position:relative;z-index:2}.gate-mode .topbar{align-items:flex-start}.gate-mode .auth-cluster{border:2px solid rgba(255,255,255,.42);border-radius:8px;background:#fffdf8d1;box-shadow:var(--shadow);padding:10px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px}.eyebrow{width:fit-content;margin:0;border:2px solid var(--border);border-radius:8px;background:linear-gradient(135deg,rgba(255,255,255,.7) 0 25%,transparent 25% 50%),var(--sun);background-size:18px 18px,auto;box-shadow:var(--shadow);color:#261f3c;font-size:22px;font-weight:1000;letter-spacing:0;line-height:1;padding:10px 14px;text-transform:uppercase;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{display:grid;justify-items:end;gap:8px;min-width:220px}.auth-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.account{display:grid;justify-items:end;gap:1px;max-width:280px;border:2px solid rgba(48,39,71,.2);border-radius:8px;background:#fffdf8b8;padding:8px 10px}.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);font-size:12px;font-weight:900;text-align:right}.status.error{color:var(--danger)}.loading-indicator{width:fit-content;display:inline-flex;align-items:center;justify-self:center;gap:10px;border:2px solid var(--border);border-radius:8px;background:#fffdf8e0;box-shadow:var(--shadow);color:var(--text);font-size:13px;font-weight:900;padding:9px 12px}.loading-spinner{inline-size:22px;block-size:22px;border:4px solid rgba(48,39,71,.18);border-block-start-color:var(--accent);border-inline-end-color:var(--sky);border-radius:50%;animation:spin .72s linear infinite}.modal-loading{justify-self:stretch;justify-content:center;min-height:44px}.package-loading{justify-self:center;margin:8px 0}.progress{height:5px;border:2px solid rgba(48,39,71,.16);border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--sun),var(--mint),transparent) 0 0 / 45% 100% no-repeat,#ffffffb3;animation:progress 1s linear infinite}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.summary-card,.panel{border:2px solid var(--border);border-radius:8px;background:#fffdf8eb;box-shadow:var(--shadow)}.summary-card{position:relative;overflow:hidden;display:grid;gap:6px;min-height:122px;padding:18px}.summary-card:before{content:"";position:absolute;inset:0 auto 0 0;width:10px;background:var(--accent)}.summary-card:after{content:"";position:absolute;inset:auto 18px 14px auto;width:42px;height:42px;border:2px dashed rgba(48,39,71,.26);border-radius:8px;transform:rotate(8deg)}.summary-card:nth-child(2):before{background:var(--sky)}.summary-card:nth-child(3):before{background:var(--mint)}.summary-card:nth-child(4):before{background:var(--sun)}.summary-card span,.summary-card small,.section-heading span,.package-row span{color:var(--muted)}.summary-card span{font-size:12px;font-weight:900;text-transform:uppercase}.summary-card strong{font-size:30px;line-height:1;overflow-wrap:anywhere}.summary-card small{font-weight:800}.panel{display:grid;gap:18px;padding:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-heading span{font-size:13px;overflow-wrap:anywhere}.button-row,.table-actions,.package-actions,.pager{display:flex;align-items:center;gap:8px}.secondary-button{border-color:var(--border);background:#fffdf8;color:var(--text)}.compact-button{min-height:32px;padding:5px 10px}.mini-button{min-height:28px;padding:4px 8px;font-size:12px}.icon-button{inline-size:30px;block-size:30px;min-height:30px;display:inline-grid;place-items:center;background:#fffdf8;color:var(--text);padding:0}.icon-button svg{inline-size:16px;block-size:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.theme-toggle svg{inline-size:17px;block-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{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px}.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-grid label{grid-template-rows:max-content 38px;align-content:end;min-height:62px}.filter-grid label>span{min-height:16px;display:flex;align-items:flex-end;line-height:1}.filter-grid input,.filter-grid select{height:38px}.table-shell{position:relative;overflow-x:auto;border:2px solid var(--border);border-radius:8px;background:#fffdf8}.table-loading-overlay{position:absolute;z-index:3;inset:0;display:grid;place-items:center;min-width:100%;background:repeating-linear-gradient(135deg,#ffd1662e 0 14px,#fffdf82e 14px 28px),#fffdf8b8}.table-loading{justify-self:center}.table-shell table{min-width:1060px}.access-code-cell{display:inline-grid;grid-template-columns:minmax(68px,1fr) 30px 30px;align-items:center;gap:6px;min-width:152px}tr.selected td{background:#f0fff6}.empty-cell,.empty-state{color:var(--muted);text-align:center}.empty-cell{padding:28px 12px}.empty-state{border:2px dashed rgba(48,39,71,.28);border-radius:8px;background:var(--surface-muted);padding:18px}.pager{justify-content:flex-end}.pager span{color:var(--muted);font-size:13px;font-weight:900}.toast{position:fixed;inset-block-start:20px;inset-inline-end:20px;z-index:30;width:min(520px,calc(100vw - 40px));display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border:2px solid var(--success);border-radius:8px;background:var(--success-bg);color:var(--success);box-shadow:var(--soft-shadow);padding:12px 14px}.toast.error{border-color:var(--danger);background:var(--danger-bg);color:var(--danger)}.toast p{max-height:140px;overflow:auto;margin:0;font-size:13px;font-weight:800;line-height:1.45;overflow-wrap:anywhere}.toast-close{min-height:24px;border:0;background:transparent;box-shadow:none;color:currentColor;padding:0 2px;font-size:22px;line-height:1}.toast-close:hover:not(:disabled),.toast-close:active:not(:disabled){transform:none;box-shadow:none}.package-list{display:grid;gap:10px}.package-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:2px solid rgba(48,39,71,.28);border-radius:8px;background:#fff9dc;padding:14px}.package-row:nth-child(2n){background:#f0fff6}.package-row>div:first-child{min-width:0}.package-row strong,.package-row span{display:block;overflow-wrap:anywhere}.package-actions input{width:160px}.modal-layer{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px}.confirm-modal-layer{z-index:30}.modal-backdrop{position:absolute;inset:0;width:100%;height:100%;min-height:0;border:0;border-radius:0;background:repeating-linear-gradient(135deg,rgba(255,209,102,.24) 0 18px,transparent 18px 36px),#261f3c80;box-shadow:none;cursor:default;padding:0}.modal-backdrop:hover,.modal-backdrop:active{transform:none;box-shadow:none}.modal{position:relative;z-index:1;width:min(520px,100%);display:grid;gap:18px;border:2px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:8px 8px #261f3c38;padding:20px}.modal:before{content:"";position:absolute;inset:0 0 auto;height:8px;border-radius:6px 6px 0 0;background:repeating-linear-gradient(90deg,var(--accent) 0 32px,var(--sun) 32px 64px,var(--sky) 64px 96px,var(--mint) 96px 128px)}.package-modal{width:min(760px,100%);max-height:min(760px,calc(100svh - 40px));overflow:auto}.confirm-modal{width:min(620px,100%)}.modal-header,.modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-form{display:grid;gap:14px}.modal-subtitle{margin:-8px 0 0;color:var(--muted);font-size:13px;font-weight:800}.confirm-copy{margin:0;color:var(--text);font-size:14px;font-weight:800;line-height:1.55}.conflict-list{display:grid;gap:10px}.conflict-row{display:grid;gap:4px;border:2px dashed rgba(48,39,71,.28);border-radius:8px;background:#fff9dc;padding:12px}.conflict-row strong{color:var(--text);font-size:14px;overflow-wrap:anywhere}.conflict-row span,.conflict-row small{color:var(--muted);font-size:12px;font-weight:800;overflow-wrap:anywhere}.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 rgba(0, 0, 0, .42);--soft-shadow: 0 18px 50px rgba(0, 0, 0, .42)}:root[data-theme=dark] body{background:linear-gradient(90deg,rgba(255,95,137,.15) 1px,transparent 1px) 0 0 / 34px 34px,linear-gradient(rgba(85,214,255,.13) 1px,transparent 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,#24172c 52%,#10261f)}:root[data-theme=dark] button{box-shadow:3px 3px #00000061;color:#1b1020}: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{border-color:#675b7a;background:#21192e;color:var(--text);color-scheme:dark}: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{background:linear-gradient(180deg,#46394e,#352b44);color:#ffe8a6}:root[data-theme=dark] td{background:#20182cd6}:root[data-theme=dark] td em{border-color:#55d6ff73;background:#153344;color:#a7ecff}:root[data-theme=dark] .image-gate{background:#17111f}:root[data-theme=dark] .image-gate:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#17111f8f,#ff5f891a),#17111f14;pointer-events:none}: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{border-color:#f3e6ff2e;background:linear-gradient(90deg,var(--accent),var(--sun),var(--mint),transparent) 0 0 / 45% 100% no-repeat,#21182eb8}:root[data-theme=dark] .summary-card:after{border-color:#f3e6ff47}:root[data-theme=dark] .secondary-button,:root[data-theme=dark] .icon-button{background:#251d31;color:var(--text)}: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] .table-loading-overlay{background:repeating-linear-gradient(135deg,#ffd1661a 0 14px,#21182e38 14px 28px),#17111fa8}:root[data-theme=dark] tr.selected td{background:#17312b}:root[data-theme=dark] .empty-state{border-color:#f3e6ff47;background:var(--surface-muted)}:root[data-theme=dark] .package-row{border-color:#f3e6ff47;background:#2d2434}:root[data-theme=dark] .package-row:nth-child(2n){background:#1d302d}:root[data-theme=dark] .conflict-row{border-color:#f3e6ff47;background:#2d2434}: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,rgba(255,209,102,.12) 0 18px,transparent 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 rgba(0, 0, 0, .42);--soft-shadow: 0 18px 50px rgba(0, 0, 0, .42)}:root:not([data-theme]) body{background:linear-gradient(90deg,rgba(255,95,137,.15) 1px,transparent 1px) 0 0 / 34px 34px,linear-gradient(rgba(85,214,255,.13) 1px,transparent 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,#24172c 52%,#10261f)}:root:not([data-theme]) button{box-shadow:3px 3px #00000061;color:#1b1020}: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{border-color:#675b7a;background:#21192e;color:var(--text);color-scheme:dark}: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{background:linear-gradient(180deg,#46394e,#352b44);color:#ffe8a6}:root:not([data-theme]) td{background:#20182cd6}:root:not([data-theme]) td em{border-color:#55d6ff73;background:#153344;color:#a7ecff}:root:not([data-theme]) .image-gate{background:#17111f}:root:not([data-theme]) .image-gate:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#17111f8f,#ff5f891a),#17111f14;pointer-events:none}: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{border-color:#f3e6ff2e;background:linear-gradient(90deg,var(--accent),var(--sun),var(--mint),transparent) 0 0 / 45% 100% no-repeat,#21182eb8}:root:not([data-theme]) .summary-card:after{border-color:#f3e6ff47}:root:not([data-theme]) .secondary-button,:root:not([data-theme]) .icon-button{background:#251d31;color:var(--text)}: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]) .table-loading-overlay{background:repeating-linear-gradient(135deg,#ffd1661a 0 14px,#21182e38 14px 28px),#17111fa8}:root:not([data-theme]) tr.selected td{background:#17312b}:root:not([data-theme]) .empty-state{border-color:#f3e6ff47;background:var(--surface-muted)}:root:not([data-theme]) .package-row{border-color:#f3e6ff47;background:#2d2434}:root:not([data-theme]) .package-row:nth-child(2n){background:#1d302d}:root:not([data-theme]) .conflict-row{border-color:#f3e6ff47;background:#2d2434}: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,rgba(255,209,102,.12) 0 18px,transparent 18px 36px),#07040cc2}:root:not([data-theme]) .modal{box-shadow:8px 8px #0000006b}}@media(max-width:920px){.summary-grid,.filter-grid,.form-grid{grid-template-columns:1fr}}@media(max-width:700px){.app-shell{gap:16px;padding:24px 16px 16px}.topbar,.section-heading,.modal-header,.package-row{align-items:flex-start;flex-direction:column}.eyebrow{font-size:18px}.auth-cluster,.account{justify-items:start;width:100%}.auth-actions{justify-content:flex-start;flex-wrap:wrap}.status{text-align:left}.button-row,.table-actions,.package-actions,.modal-actions,.pager{flex-wrap:wrap}.modal-actions{width:100%}.modal-actions button{flex:1 1 140px}.package-actions input{width:100%}}