.p-1{padding:.25rem}.pt-1{padding-top:.25rem}.pb-1{padding-bottom:.25rem}.pl-1{padding-left:.25rem}.pr-1{padding-right:.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.m-1{margin:.25rem}.mt-1{margin-top:.25rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.mr-1{margin-right:.25rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.gap-1{gap:.25rem}.p-2{padding:.5rem}.pt-2{padding-top:.5rem}.pb-2{padding-bottom:.5rem}.pl-2{padding-left:.5rem}.pr-2{padding-right:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.m-2{margin:.5rem}.mt-2{margin-top:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.gap-2{gap:.5rem}.p-3{padding:.75rem}.pt-3{padding-top:.75rem}.pb-3{padding-bottom:.75rem}.pl-3{padding-left:.75rem}.pr-3{padding-right:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.m-3{margin:.75rem}.mt-3{margin-top:.75rem}.mb-3{margin-bottom:.75rem}.ml-3{margin-left:.75rem}.mr-3{margin-right:.75rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.gap-3{gap:.75rem}.p-4{padding:1rem}.pt-4{padding-top:1rem}.pb-4{padding-bottom:1rem}.pl-4{padding-left:1rem}.pr-4{padding-right:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-top:1rem;padding-bottom:1rem}.m-4{margin:1rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.mr-4{margin-right:1rem}.mx-4{margin-left:1rem;margin-right:1rem}.my-4{margin-top:1rem;margin-bottom:1rem}.gap-4{gap:1rem}.p-5{padding:1.25rem}.pt-5{padding-top:1.25rem}.pb-5{padding-bottom:1.25rem}.pl-5{padding-left:1.25rem}.pr-5{padding-right:1.25rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.m-5{margin:1.25rem}.mt-5{margin-top:1.25rem}.mb-5{margin-bottom:1.25rem}.ml-5{margin-left:1.25rem}.mr-5{margin-right:1.25rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.gap-5{gap:1.25rem}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-grid{display:grid}.d-none{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.jc-start{justify-content:flex-start}.jc-center{justify-content:center}.jc-end{justify-content:flex-end}.jc-between{justify-content:space-between}.ai-start{align-items:flex-start}.ai-center{align-items:center}.ai-end{align-items:flex-end}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-bold{font-weight:700}.text-normal{font-weight:400}.text-light{font-weight:300}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}:root{--btn-height: 44px}.btn{appearance:none;border:1px solid transparent;border-radius:var(--radius-sm);font-family:inherit;font-size:.95rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),transform var(--transition-base)}.btn.primary{background:var(--color-primary);color:var(--color-text-invert);border-color:var(--color-primary)}.btn.primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px)}.btn.ghost{background:#0f172a4d;color:var(--color-text);border-color:var(--color-outline)}.btn.ghost:hover:not(:disabled){background:#0f172a99}.btn.icon{width:40px;height:40px;min-height:40px;padding:0;border-radius:999px}.btn:disabled{cursor:not-allowed;opacity:.6}.settings-toggle{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem;border-radius:var(--radius-md);background:#0f172a99;border:1px solid var(--color-outline)}.settings-toggle-text{display:flex;flex-direction:column;gap:.25rem}.settings-toggle-title{font-weight:600}.settings-toggle-description{font-size:.85rem;color:var(--color-text-muted)}.settings-toggle .switch{position:relative;display:inline-flex;align-items:center}.settings-toggle .switch-track{width:44px;height:24px;border-radius:999px;background:#94a3b866;display:inline-flex;align-items:center;padding:3px;transition:background-color var(--transition-base)}.settings-toggle .switch-thumb{transition:transform var(--transition-base);width:18px;height:18px;border-radius:50%;background:#fff}.settings-toggle .switch input{position:absolute;opacity:0;pointer-events:none}.settings-toggle .switch input:checked+.switch-track{background:var(--color-primary)}.settings-toggle .switch input:checked+.switch-track .switch-thumb{transform:translate(20px)}:root{--color-background: #020617;--color-surface: rgba(15, 23, 42, .78);--color-surface-strong: rgba(15, 23, 42, .92);--color-primary: #38bdf8;--color-primary-hover: #22d3ee;--color-tertiary: #4dce58;--color-error: #f87171;--color-outline: rgba(148, 163, 184, .2);--color-outline-strong: rgba(148, 163, 184, .35);--color-text: #f8fafc;--color-text-muted: #cbd5f5;--color-text-invert: #0f172a;--radius-sm: 10px;--radius-md: 18px;--radius-lg: 26px;--shadow: 0 6px 36px rgba(2, 6, 23, .3);--backdrop-filter: saturate(180%) blur(26px);--transition-base: .16s cubic-bezier(.4, 0, .2, 1);--font-sans: "Google Sans Code", "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif}:root .material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--color-text);background:radial-gradient(circle at top,rgba(56,189,248,.08),transparent 45%),var(--color-background);display:flex;flex-direction:column;min-height:100%}body *{font-family:var(--font-sans);-webkit-font-smoothing:antialiased}app-root{display:contents}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary-hover);text-decoration:underline}h1,h2,h3{margin:0}.panel{background:var(--color-surface);border:1px solid var(--color-outline);border-radius:var(--radius-md);-webkit-backdrop-filter:var(--backdrop-filter);backdrop-filter:var(--backdrop-filter);box-shadow:var(--shadow)}.form-field{display:flex;flex-direction:column;gap:.35rem}.form-label{font-size:.85rem;letter-spacing:.01em;color:var(--color-text-muted)}.form-control{padding:.75rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--color-outline);background:#0206178c;color:var(--color-text);font-size:.95rem;transition:border-color var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base)}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #38bdf82e}.form-error{color:var(--color-error);font-size:.8rem}.form-success{color:var(--color-tertiary);font-size:.85rem}.text-muted{color:var(--color-text-muted)}.stack{display:flex;flex-direction:column;gap:1.25rem}.auth-layout{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:2.5rem 1.25rem;color:var(--color-text);overflow:hidden}.auth-layout .content{position:relative;z-index:1;width:min(420px,100%)}.auth-layout:before{content:"";position:absolute;inset:0;background-image:var(--auth-bg, none);background-position:center;background-size:cover;filter:blur(5px);z-index:0;opacity:.85}.auth-card{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-outline);-webkit-backdrop-filter:var(--backdrop-filter);backdrop-filter:var(--backdrop-filter);display:flex;flex-direction:column;padding:2rem;gap:1.5rem}.auth-card-header{display:flex;flex-direction:column;gap:.5rem;text-align:center}.auth-card-title{font-size:1.5rem;font-weight:600;margin:0}.auth-card-subtitle{margin:0;font-size:.95rem;color:var(--color-text-muted)}.auth-card-footer{text-align:center;font-size:.9rem;color:var(--color-text-muted)}.auth-card-action{color:var(--color-text-muted);text-align:center;font-size:.9rem}.auth-card-action:hover{color:var(--color-primary)}.spinner{width:16px;height:16px;border-radius:999px;border:2px solid rgba(248,250,252,.25);border-top-color:var(--color-text-invert);animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.link-muted{color:var(--color-text-muted)}.link-muted:hover{color:var(--color-primary)}