:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--background:#f4f6f8;--surface:#fbfcfd;--surface-strong:#fefefe;--surface-muted:#edf0f3;--text:#171b20;--text-muted:#5d6671;--text-faint:#66707b;--line:#d9dee4;--line-strong:#c3cad2;--accent:#315bd6;--accent-hover:#264bb8;--accent-soft:#e7ecfc;--accent-text:#2346aa;--button-text:#f8f9fb;--danger:#b43d39;--danger-soft:#fae9e7;--warning:#95620a;--warning-soft:#f8efd8;--success:#1d7555;--success-soft:#e3f3eb;--shadow:0 18px 50px #2c38471a;--radius:12px;--radius-control:8px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--background:#101317;--surface:#161a1f;--surface-strong:#1b2026;--surface-muted:#20262d;--text:#eef1f4;--text-muted:#aab2bc;--text-faint:#89939e;--line:#303741;--line-strong:#424b56;--accent:#7595f1;--accent-hover:#91aaf4;--accent-soft:#202b4b;--accent-text:#a9bdf7;--button-text:#101317;--danger:#ee8d86;--danger-soft:#3f2425;--warning:#e2b45a;--warning-soft:#3c321f;--success:#76caa9;--success-soft:#1d382f;--shadow:0 22px 65px #00000047}}*{box-sizing:border-box}html{background:var(--background)}body{background:var(--background);min-width:320px;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.5}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 38%, transparent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.62}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}.dashboard-shell{width:min(1180px,100% - 48px);min-height:100dvh;margin:0 auto;padding:0 0 72px}.app-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:72px;display:flex}.brand-link{color:var(--text);letter-spacing:-.02em;align-items:center;gap:11px;font-weight:720;text-decoration:none;display:inline-flex}.brand-mark{border-radius:var(--radius);background:var(--accent);justify-content:center;align-items:flex-end;gap:6px;width:52px;height:52px;padding:10px;display:inline-flex;position:relative}.brand-mark span{background:#f8f9fb;border-radius:3px 3px 1px 1px;width:10px;height:30px}.brand-mark span:last-child{height:21px}.brand-mark-small{border-radius:8px;gap:3px;width:32px;height:32px;padding:7px}.brand-mark-small span{border-radius:2px 2px 1px 1px;width:6px;height:18px}.brand-mark-small span:last-child{height:13px}.account-menu{align-items:center;gap:12px;display:flex}.account-email{color:var(--text-muted);font-size:13px}.icon-button,.modal-close,.notice button{cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.icon-button{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);width:38px;height:38px}.icon-button:hover{border-color:var(--line-strong);background:var(--surface-strong)}.access-control{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);box-shadow:var(--shadow);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;margin:40px 0 24px;padding:30px;display:grid}.access-control-open{border-color:color-mix(in srgb, var(--accent) 52%, var(--line));background:color-mix(in srgb, var(--accent-soft) 58%, var(--surface-strong))}.access-copy{align-items:flex-start;gap:18px;display:flex}.access-icon,.modal-icon{border-radius:var(--radius);background:var(--accent-soft);width:48px;height:48px;color:var(--accent-text);flex:none;place-items:center;display:grid}.access-control h1{margin-bottom:5px;font-size:clamp(23px,3vw,31px);line-height:1.12}.access-control p:last-child{max-width:640px;color:var(--text-muted);margin-bottom:0}.section-kicker{color:var(--text-faint);letter-spacing:.11em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:760}.access-switch{border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);cursor:pointer;justify-content:center;align-items:center;gap:10px;min-width:178px;padding:12px 14px;font-size:13px;font-weight:700;display:flex}.access-switch:hover:not(:disabled){background:var(--surface-muted)}.switch-track{background:var(--line-strong);border-radius:10px;align-items:center;width:34px;height:19px;padding:2px;transition:background .16s;display:flex}.switch-track span{background:var(--surface-strong);border-radius:50%;width:15px;height:15px;transition:transform .16s;box-shadow:0 1px 3px #141c2538}.access-switch[aria-checked=true] .switch-track{background:var(--accent)}.access-switch[aria-checked=true] .switch-track span{transform:translate(15px)}.notice{border-radius:var(--radius-control);border:1px solid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:24px;padding:12px 14px;font-size:14px;display:grid}.notice-success{color:var(--success);border-color:color-mix(in srgb, var(--success) 28%, transparent);background:var(--success-soft)}.notice-error,.inline-error{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 28%, transparent);background:var(--danger-soft)}.notice button{border-radius:6px;width:28px;height:28px}.dashboard-grid{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);align-items:start;gap:24px;display:grid}.create-section,.codes-section{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.create-section{padding:26px;position:sticky;top:24px}.section-heading h2,.codes-header h2{margin-bottom:7px;font-size:23px;line-height:1.2}.section-heading>p:last-child{color:var(--text-muted);margin-bottom:0;font-size:14px}.create-form{gap:18px;margin-top:26px;display:grid}.create-form label{gap:7px;display:grid}.create-form label>span{font-size:13px;font-weight:720}.create-form input{border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface-strong);width:100%;min-height:44px;color:var(--text);padding:10px 12px}.create-form input::placeholder{color:var(--text-faint);opacity:1}.create-form input:hover{border-color:color-mix(in srgb, var(--text-muted) 60%, var(--line))}.create-form input:focus{border-color:var(--accent)}.create-form small{color:var(--text-muted);font-size:12px}.button{border-radius:var(--radius-control);white-space:nowrap;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 14px;font-size:13px;font-weight:760;transition:transform .12s,background .12s,border-color .12s;display:inline-flex}.button:active:not(:disabled),.google-button:active:not(:disabled),.access-switch:active:not(:disabled){transform:translateY(1px)}.button-primary{background:var(--accent);color:var(--button-text)}.button-primary:hover:not(:disabled){background:var(--accent-hover)}.button-danger{border-color:color-mix(in srgb, var(--danger) 28%, var(--line));min-height:36px;color:var(--danger);background:0 0;padding:7px 10px}.button-danger:hover:not(:disabled){background:var(--danger-soft)}.button-full{width:100%}.api-note{border-radius:var(--radius-control);background:var(--surface-muted);color:var(--text-muted);gap:12px;margin-top:24px;padding:15px;display:flex}.api-note>svg{color:var(--accent-text);flex:none;margin-top:1px}.api-note div{gap:4px;min-width:0;font-size:12px;display:grid}.api-note strong{color:var(--text);font-size:13px}.api-note code,.created-code code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.api-note code{overflow-wrap:anywhere;color:var(--text)}.storage-note{color:var(--text-faint);margin:11px 2px 0;font-size:11px}.codes-section{min-width:0;overflow:hidden}.codes-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:100px;padding:23px 26px;display:flex}.codes-header h2,.codes-header p{margin-bottom:0}.code-counts{color:var(--text-muted);grid-template-columns:auto auto;align-items:baseline;gap:5px;font-size:12px;display:grid}.code-counts strong{color:var(--text);letter-spacing:-.04em;font-size:22px}.code-list{display:grid}.code-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:22px 26px;display:grid}.code-row+.code-row{border-top:1px solid var(--line)}.code-main{min-width:0}.code-title-line{align-items:center;gap:10px;margin-bottom:4px;display:flex}.code-title-line h3{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-bottom:0;font-size:16px;line-height:1.3;overflow:hidden}.status{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;flex:none;padding:3px 7px;font-size:10px;font-weight:780}.status-active{background:var(--success-soft);color:var(--success)}.status-expired{background:var(--warning-soft);color:var(--warning)}.status-revoked{background:var(--danger-soft);color:var(--danger)}.code-hint{color:var(--text-muted);margin-bottom:14px;font-size:13px}.code-hint strong{color:var(--text);letter-spacing:.06em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.code-meta{flex-wrap:wrap;gap:10px 24px;margin:0;display:flex}.code-meta div{gap:5px;font-size:11px;display:flex}.code-meta dt{color:var(--text-faint)}.code-meta dd{color:var(--text-muted);margin:0}.empty-state{text-align:center;min-height:350px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.empty-state svg{color:var(--accent-text);margin-bottom:16px}.empty-state h3{color:var(--text);margin-bottom:5px;font-size:17px}.empty-state p{max-width:300px;margin-bottom:0;font-size:13px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c10169e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.code-modal{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-strong);width:min(100%,480px);padding:32px;position:relative;box-shadow:0 30px 90px #05090f59}.modal-close{border-radius:var(--radius-control);width:36px;height:36px;color:var(--text-muted);position:absolute;top:16px;right:16px}.modal-close:hover{background:var(--surface-muted);color:var(--text)}.modal-icon{margin-bottom:20px}.code-modal h2{margin-bottom:8px;font-size:26px}.code-modal>p:not(.section-kicker){color:var(--text-muted);margin-bottom:22px}.created-code{border:1px solid color-mix(in srgb, var(--accent) 48%, var(--line));border-radius:var(--radius-control);background:var(--accent-soft);width:100%;color:var(--accent-text);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:17px 16px;display:flex}.created-code code{letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(14px,4vw,18px);font-weight:760;overflow:hidden}.login-shell,.error-shell{place-items:center;min-height:100dvh;padding:24px;display:grid}.login-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);width:min(100%,465px);box-shadow:var(--shadow);padding:42px}.product-name{color:var(--text-muted);margin:18px 0 26px;font-size:13px;font-weight:760}.login-panel h1{max-width:360px;margin-bottom:14px;font-size:clamp(34px,7vw,48px);line-height:1.02}.login-copy{max-width:370px;color:var(--text-muted);margin-bottom:28px;font-size:16px}.login-action{gap:12px;display:grid}.inline-error{border-radius:var(--radius-control);border:1px solid;padding:11px 12px;font-size:13px}.google-button{border:1px solid var(--line-strong);border-radius:var(--radius-control);background:var(--surface);min-height:48px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-weight:720;display:flex}.google-button:hover:not(:disabled){border-color:color-mix(in srgb, var(--text-muted) 60%, var(--line));background:var(--surface-muted)}.login-footnote{color:var(--text-faint);margin:18px 0 0;font-size:12px}.error-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);width:min(100%,500px);padding:36px}.error-panel h1{margin-bottom:10px;font-size:30px}.error-panel>p:not(.section-kicker){color:var(--text-muted);margin-bottom:24px}.skeleton{border-radius:var(--radius);background:var(--surface-muted)}.skeleton-header{border-bottom:1px solid var(--line);border-radius:0;height:72px}.skeleton-access{height:160px;margin:40px 0 24px}.skeleton-form,.skeleton-list{min-height:460px}@media (prefers-reduced-motion:no-preference){.skeleton{background:linear-gradient(100deg, var(--surface-muted) 30%, var(--surface-strong) 45%, var(--surface-muted) 60%);background-size:220% 100%;animation:1.5s ease-in-out infinite shimmer}.spin{animation:.8s linear infinite spin}}@keyframes shimmer{to{background-position-x:-220%}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:800px){.dashboard-shell{width:min(100% - 32px,680px)}.access-control{grid-template-columns:1fr}.access-switch{width:100%}.dashboard-grid{grid-template-columns:1fr}.create-section{position:static}}@media (max-width:560px){.dashboard-shell{width:100%;padding:0 16px 48px}.app-header{min-height:64px}.account-email{display:none}.access-control{margin-top:24px;padding:22px}.access-copy{display:grid}.create-section{padding:22px}.codes-header{min-height:88px;padding:20px}.code-row{grid-template-columns:1fr;gap:16px;padding:20px}.code-row .button-danger{width:100%}.code-meta{gap:5px;display:grid}.login-panel{padding:30px 24px}.code-modal{padding:28px 22px 22px}}@media (prefers-reduced-transparency:reduce){.modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}