:root{--bg:#f6f6f4;--surface:#fff;--surface-2:#f0efeb;--surface-hover:#ececea;--text:#111;--text-muted:#6b6b66;--text-faint:#9a9a94;--border:#e6e6e1;--border-strong:#d4d4cf;--accent:oklch(58% .18 275);--accent-hover:oklch(52% .18 275);--accent-soft:oklch(95% .04 275);--accent-text:#fff;--success:oklch(58% .14 155);--success-soft:oklch(95% .04 155);--warning:oklch(72% .16 75);--warning-soft:oklch(95% .05 75);--danger:oklch(58% .2 25);--danger-soft:oklch(95% .05 25);--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:28px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--font-sans:"Manrope", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}[data-theme=dark]{--bg:#0c0c0d;--surface:#161618;--surface-2:#1d1d20;--surface-hover:#25252a;--text:#f3f3f1;--text-muted:#9e9e98;--text-faint:#6c6c66;--border:#25252a;--border-strong:#34343a;--accent:oklch(72% .16 275);--accent-hover:oklch(78% .16 275);--accent-soft:oklch(28% .08 275);--accent-text:#0c0c0d;--success:oklch(72% .14 155);--success-soft:oklch(25% .06 155);--warning:oklch(78% .16 75);--warning-soft:oklch(28% .07 75);--danger:oklch(70% .18 25);--danger-soft:oklch(28% .08 25)}*,:before,:after{box-sizing:border-box}html,body,#app{height:100%}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:14.5px;line-height:1.5;transition:background-color .18s,color .18s}button{font:inherit;color:inherit}a{color:inherit}code,.mono{font-family:var(--font-mono)}.shell{grid-template-columns:252px 1fr;min-height:100vh;display:grid}.shell--auth{min-height:100vh;padding:var(--s-6);place-items:center;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:var(--s-5) var(--s-4);gap:var(--s-6);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.sidebar__brand{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);display:flex}.sidebar__brand-mark{background:var(--accent);width:32px;height:32px;color:var(--accent-text);letter-spacing:-.02em;border-radius:10px;place-items:center;font-size:15px;font-weight:700;display:grid}.sidebar__brand-name{letter-spacing:-.02em;font-size:16px;font-weight:700}.sidebar__section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);padding:0 var(--s-3);margin-bottom:var(--s-2);font-size:11px;font-weight:600}.sidebar__nav{flex-direction:column;gap:2px;display:flex}.sidebar__item{align-items:center;gap:var(--s-3);padding:10px var(--s-3);border-radius:var(--r-md);color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:none;width:100%;font-size:14px;font-weight:500;transition:background .12s,color .12s;display:flex}.sidebar__item:hover{background:var(--surface-hover);color:var(--text)}.sidebar__item--active{background:var(--accent-soft);color:var(--accent)}[data-theme=dark] .sidebar__item--active{color:var(--text);background:var(--accent-soft)}.sidebar__item-icon{flex-shrink:0;place-items:center;width:18px;height:18px;display:grid}.sidebar__user{align-items:center;gap:var(--s-3);padding:var(--s-3);border-radius:var(--r-md);background:var(--surface-2);margin-top:auto;display:flex}.sidebar__user-avatar{background:var(--accent);width:32px;height:32px;color:var(--accent-text);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:600;display:grid;overflow:hidden}.sidebar__user-avatar img{object-fit:cover;width:100%;height:100%}.sidebar__user-info{flex:1;min-width:0}.sidebar__user-name{font-size:13.5px;font-weight:600}.sidebar__user-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sidebar__logout{color:var(--text-faint);border-radius:var(--r-sm);cursor:pointer;background:0 0;border:none;place-items:center;padding:6px;display:grid}.sidebar__logout:hover{color:var(--text);background:var(--surface-hover)}.main{padding:var(--s-8) var(--s-10);width:100%}.main__topbar{margin-bottom:var(--s-8);justify-content:space-between;align-items:center;display:flex}.breadcrumb{align-items:center;gap:var(--s-2);color:var(--text-faint);font-size:13px;font-weight:500;display:flex}.breadcrumb__sep{color:var(--text-faint)}.breadcrumb__current{color:var(--text)}.topbar__actions{align-items:center;gap:var(--s-2);display:flex}.h1{letter-spacing:-.025em;margin:0;font-size:32px;font-weight:700;line-height:1.15}.h2{letter-spacing:-.015em;margin:0;font-size:20px;font-weight:600}.h3{letter-spacing:-.01em;margin:0;font-size:16px;font-weight:600}.subtitle{color:var(--text-muted);margin:var(--s-2) 0 0;max-width:64ch;font-size:15px}.section-head{justify-content:space-between;align-items:flex-end;gap:var(--s-4);margin-bottom:var(--s-5);display:flex}.section-head+.section-head{margin-top:var(--s-10)}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.btn{align-items:center;gap:var(--s-2);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);cursor:pointer;white-space:nowrap;border:1px solid #0000;padding:9px 14px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.btn:hover{background:var(--surface-hover)}.btn--primary{background:var(--accent);color:var(--accent-text)}.btn--primary:hover{background:var(--accent-hover)}.btn--ghost{color:var(--text-muted);background:0 0}.btn--ghost:hover{background:var(--surface-hover);color:var(--text)}.btn--outline{border-color:var(--border-strong);background:0 0}.btn--outline:hover{background:var(--surface-2)}.btn--danger{background:var(--danger-soft);color:var(--danger)}.btn--danger:hover{filter:brightness(.97)}.btn--sm{border-radius:var(--r-sm);padding:6px 10px;font-size:12.5px}.btn--icon{padding:8px}.btn--block{justify-content:center;width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s-6)}.card--flat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden}.card__head{padding:var(--s-5) var(--s-6);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--s-4);display:flex}.card__body{padding:var(--s-6)}.tiles{gap:var(--s-4);grid-template-columns:repeat(2,1fr);display:grid}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s-6);gap:var(--s-3);cursor:pointer;text-align:left;font:inherit;color:inherit;flex-direction:column;transition:border-color .12s,background .12s;display:flex}.tile:hover{border-color:var(--border-strong);background:var(--surface-2)}.tile__icon{border-radius:var(--r-md);background:var(--accent-soft);width:36px;height:36px;color:var(--accent);place-items:center;display:grid}[data-theme=dark] .tile__icon{color:var(--text)}.tile__title{font-size:15.5px;font-weight:600}.tile__desc{color:var(--text-muted);font-size:13.5px}.tile__meta{padding-top:var(--s-3);color:var(--text-faint);justify-content:space-between;align-items:center;margin-top:auto;font-size:12px;display:flex}.stats{gap:var(--s-4);margin-bottom:var(--s-8);grid-template-columns:repeat(4,1fr);display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s-5)}.stat__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12.5px;font-weight:500}.stat__value{letter-spacing:-.02em;margin-top:var(--s-2);font-size:26px;font-weight:700}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);overflow:hidden}table.table{border-collapse:collapse;width:100%;font-size:13.5px}.table th{text-align:left;color:var(--text-muted);padding:14px var(--s-5);background:var(--surface-2);letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--border);font-size:12px;font-weight:600}.table td{padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--surface-2)}.table__cell-strong{font-weight:600}.empty{padding:var(--s-10);text-align:center;color:var(--text-muted)}.empty__icon{border-radius:var(--r-md);background:var(--surface-2);width:44px;height:44px;margin-bottom:var(--s-3);color:var(--text-faint);place-items:center;display:inline-grid}.badge{align-items:center;gap:var(--s-1);background:var(--surface-2);color:var(--text-muted);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:500;display:inline-flex}.badge--accent{background:var(--accent-soft);color:var(--accent)}[data-theme=dark] .badge--accent{color:var(--text)}.badge--success{background:var(--success-soft);color:var(--success)}[data-theme=dark] .badge--success{color:var(--text)}.badge--warning{background:var(--warning-soft);color:var(--warning)}[data-theme=dark] .badge--warning{color:var(--text)}.badge--danger{background:var(--danger-soft);color:var(--danger)}[data-theme=dark] .badge--danger{color:var(--text)}.badge__dot{background:currentColor;border-radius:50%;width:6px;height:6px}.pill{font-family:var(--font-mono);background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border);border-radius:6px;align-items:center;padding:3px 9px;font-size:11.5px;display:inline-flex}.perm-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.perm-list li{align-items:center;gap:var(--s-2);font-size:13px;display:flex}.perm-list__dot{background:var(--text-faint);border-radius:50%;flex-shrink:0;width:4px;height:4px}.field{gap:var(--s-2);flex-direction:column;display:flex}.field+.field{margin-top:var(--s-4)}.field__label{color:var(--text);font-size:13px;font-weight:500}.field__hint{color:var(--text-muted);font-size:12.5px}.input,.textarea{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);width:100%;font:inherit;color:var(--text);padding:10px 14px;font-size:14px;transition:border-color .12s,background .12s}.input::placeholder,.textarea::placeholder{color:var(--text-faint)}.input:focus,.textarea:focus{border-color:var(--accent);outline:none}.input--mono,.textarea--mono{font-family:var(--font-mono);font-size:13px}.textarea{resize:vertical;min-height:96px}.input--code{text-align:center;font-family:var(--font-mono);letter-spacing:.15em;padding:var(--s-4);font-size:28px;font-weight:600}.form-grid{gap:var(--s-4) var(--s-6);grid-template-columns:200px 1fr;align-items:start;display:grid}.form-grid>label{padding-top:10px;font-size:13.5px;font-weight:500}.form-grid__field{flex-direction:column;gap:6px;display:flex}@media (width<=700px){.form-grid{grid-template-columns:1fr}}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2xl);width:100%;max-width:420px;padding:var(--s-10) var(--s-8);gap:var(--s-5);flex-direction:column;display:flex}.auth-card--wide{max-width:480px}.auth-card__brand{align-items:center;gap:var(--s-3);margin-bottom:var(--s-2);align-self:center;display:flex}.auth-card__title{letter-spacing:-.02em;text-align:center;font-size:22px;font-weight:700}.auth-card__sub{color:var(--text-muted);text-align:center;margin-top:-8px;margin-bottom:var(--s-3)}.auth-card__divider{background:var(--border);height:1px;margin:var(--s-2) 0}.auth-card__footer{gap:var(--s-2);margin-top:var(--s-2);display:flex}.auth-card__footer .btn{flex:1}.provider-btn{align-items:center;gap:var(--s-3);border:1px solid var(--border-strong);background:var(--surface);border-radius:var(--r-md);width:100%;font:inherit;color:var(--text);cursor:pointer;text-align:left;padding:11px 14px;font-size:14px;font-weight:500;transition:background .12s,border-color .12s;display:flex}.provider-btn:hover{background:var(--surface-2)}.provider-btn__mark{flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.provider-btn__label{flex:1}.provider-btn__chev{color:var(--text-faint)}.or-divider{align-items:center;gap:var(--s-3);color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;margin:var(--s-2) 0;font-size:11.5px;font-weight:500;display:flex}.or-divider:before,.or-divider:after{content:"";background:var(--border);flex:1;height:1px}.otp-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.otp-cell{aspect-ratio:1;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-md);width:100%;font-family:var(--font-mono);text-align:center;color:var(--text);padding:0;font-size:22px;font-weight:600;transition:border-color .12s}.otp-cell:focus{border-color:var(--accent);border-width:2px;outline:none}.otp-cell--filled{border-color:var(--text)}.perm-row{align-items:flex-start;gap:var(--s-3);padding:var(--s-4);background:var(--surface-2);border-radius:var(--r-lg);display:flex}.perm-row__icon{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);width:32px;height:32px;color:var(--text);flex-shrink:0;place-items:center;display:grid}.perm-row__title{font-size:13.5px;font-weight:600}.perm-row__desc{color:var(--text-muted);font-size:12.5px}.redirect-callout{align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);background:var(--surface-2);border-radius:var(--r-md);color:var(--text-muted);font-size:12.5px;display:flex}.redirect-callout code{color:var(--text);font-size:12px}.row{align-items:center;gap:var(--s-2);display:flex}.row--between{justify-content:space-between}.stack{gap:var(--s-2);flex-direction:column;display:flex}.stack--lg{gap:var(--s-4)}.kv-table{width:100%;font-size:13.5px}.kv-table tr td{padding:12px var(--s-5);border-bottom:1px solid var(--border);vertical-align:middle}.kv-table tr:last-child td{border-bottom:none}.kv-table tr td:first-child{width:200px;color:var(--text-muted);font-weight:500}.copy-row{align-items:center;gap:var(--s-2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);font-family:var(--font-mono);width:fit-content;max-width:100%;padding:6px 6px 6px 12px;font-size:12.5px;display:flex}.copy-row code{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.copy-row__btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;color:var(--text-muted);font-size:11.5px;font-family:var(--font-sans);flex-shrink:0;padding:4px 8px}.copy-row__btn:hover{color:var(--text)}.alert{gap:var(--s-3);padding:var(--s-4);border-radius:var(--r-lg);background:var(--warning-soft);border:1px solid color-mix(in oklch, var(--warning) 30%, transparent);display:flex}.alert__icon{color:var(--warning);flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}.alert__body{color:var(--text);font-size:13.5px}.alert__title{margin-bottom:2px;font-weight:600}.danger-card{background:var(--danger-soft);border:1px solid color-mix(in oklch, var(--danger) 25%, transparent);border-radius:var(--r-xl);padding:var(--s-5) var(--s-6);justify-content:space-between;align-items:center;gap:var(--s-4);display:flex}.danger-card__title{font-weight:600}.danger-card__desc{color:var(--text-muted);margin-top:2px;font-size:13px}.theme-toggle{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:3px;display:inline-flex}.theme-toggle button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;place-items:center;width:28px;height:28px;padding:5px 8px;display:grid}.theme-toggle button.is-active{background:var(--surface);color:var(--text)}.search{align-items:center;gap:var(--s-2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);min-width:220px;padding:6px 12px;display:flex}.search input{font:inherit;color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:13px}.search input::placeholder{color:var(--text-faint)}.search__kbd{font-size:10.5px;font-family:var(--font-mono);color:var(--text-faint);background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:2px 6px}.tweaks{bottom:var(--s-5);right:var(--s-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);width:260px;padding:var(--s-4);z-index:100;gap:var(--s-3);flex-direction:column;display:none;position:fixed}.tweaks.is-open{display:flex}.tweaks__head{justify-content:space-between;align-items:center;font-size:13.5px;font-weight:600;display:flex}.tweaks__close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;place-items:center;padding:4px;display:grid}.tweaks__close:hover{background:var(--surface-2);color:var(--text)}.tweaks__row{flex-direction:column;gap:6px;display:flex}.tweaks__label{color:var(--text-muted);font-size:12px;font-weight:500}.tweaks__swatches{gap:6px;display:flex}.tweaks__swatch{border:2px solid var(--surface);outline:1px solid var(--border);cursor:pointer;border-radius:50%;width:28px;height:28px}.tweaks__swatch.is-active{outline:2px solid var(--text)}.logoContainer[data-v-bf2bc8e8]{transition:clip-path .3s;display:inline-flex;overflow:hidden}.logo-svg[data-v-bf2bc8e8]{fill:var(--text);transition:fill .3s}.logoContainer.hideText[data-v-bf2bc8e8]{clip-path:polygon(0 0,26% 0,26% 100%,0% 100%)}