:root{--color-bg: #f4f6f8;--color-surface: #ffffff;--color-surface-sunken: #eef1f4;--color-border: #d8dde4;--color-border-strong: #b6bfcb;--color-text: #14171c;--color-text-muted: #656d7a;--color-primary: #f8a839;--color-primary-hover: #e0942b;--color-on-primary: #14171c;--color-link: #1f6f54;--color-success: #1f6f54;--color-error: #b91c1c;--color-error-bg: #fef2f2;--color-on-error: #ffffff;--color-grid: rgba(20, 23, 28, .045);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: .9375rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem;--leading-tight: 1.25;--leading-normal: 1.55;--tracking-label: .09em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-sm: 3px;--radius: 5px;--radius-lg: 8px;--radius-pill: 999px;--border-width: 1px;--transition: .15s ease;--shadow-popup: 0 8px 24px rgba(20, 23, 28, .12);--focus-ring-width: 2px;--focus-ring-offset: 2px;--spacing: 1rem}:root.dark{--color-bg: #0d1117;--color-surface: #161b22;--color-surface-sunken: #0d1117;--color-border: #30363d;--color-border-strong: #484f58;--color-text: #e6edf3;--color-text-muted: #8b949e;--color-primary: #f8a839;--color-primary-hover: #fbb85c;--color-on-primary: #14171c;--color-link: #3fb68b;--color-success: #3fb68b;--color-error: #f87171;--color-error-bg: #2d1216;--color-on-error: #14171c;--color-grid: rgba(230, 237, 243, .03);--shadow-popup: 0 8px 24px rgba(0, 0, 0, .4)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-family);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);background-image:radial-gradient(var(--color-grid) 1px,transparent 1px);background-size:24px 24px;-webkit-font-smoothing:antialiased}h1,h2,h3{line-height:var(--leading-tight);letter-spacing:-.011em;text-wrap:balance}p{line-height:var(--leading-normal)}a{color:var(--color-link)}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition)}select{appearance:none;padding-right:var(--space-7);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:12px}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--color-border-strong)}input:disabled,select:disabled,textarea:disabled{color:var(--color-text-muted);background:var(--color-surface-sunken);cursor:not-allowed}textarea{resize:vertical;min-height:4.5rem;line-height:var(--leading-normal)}input::placeholder,textarea::placeholder{color:var(--color-text-muted);opacity:.7}code{font-family:var(--font-mono);font-size:.875em;background:var(--color-surface-sunken);border-radius:var(--radius-sm);padding:.125rem var(--space-1)}:focus-visible{outline:var(--focus-ring-width) solid var(--color-primary);outline-offset:var(--focus-ring-offset)}::selection{background:color-mix(in srgb,var(--color-primary) 35%,transparent)}.card{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);padding:var(--space-5);margin-bottom:var(--space-5)}.card>:last-child{margin-bottom:0}.card h2{display:flex;align-items:center;gap:var(--space-3);margin:0 0 var(--space-4);font-size:var(--text-md);font-weight:600}.card h2:before{content:"";flex:none;width:3px;align-self:stretch;min-height:1.1em;border-radius:var(--radius-pill);background:var(--color-primary)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.card-header h2{margin:0}.btn-primary{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;font-weight:600;padding:var(--space-2) var(--space-5);border:var(--border-width) solid transparent;border-radius:var(--radius);background:var(--color-primary);color:var(--color-on-primary);text-decoration:none;cursor:pointer;transition:background var(--transition)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-label);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);text-decoration:none;cursor:pointer;transition:border-color var(--transition),color var(--transition)}.btn-secondary:hover:not(:disabled){border-color:var(--color-border-strong)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-label);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-error);border-radius:var(--radius);background:var(--color-error-bg);color:var(--color-error);cursor:pointer;transition:background var(--transition),color var(--transition)}.btn-danger:hover:not(:disabled){background:var(--color-error);color:var(--color-on-error)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-danger-text{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-label);padding:var(--space-1) var(--space-2);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-error);cursor:pointer;transition:background var(--transition)}.btn-danger-text:hover:not(:disabled){background:var(--color-error-bg)}.btn-danger-text:disabled{opacity:.5;cursor:not-allowed}.form-row{display:flex;gap:var(--space-3)}.form-field{flex:1;display:flex;flex-direction:column;min-width:0}.form-field-sm{flex:0 0 140px}.form-field label,.auth-card label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-muted);margin-bottom:var(--space-1)}.form-field input,.form-field select,.form-field textarea{width:100%}.password-field{position:relative;display:flex;align-items:stretch}.password-field input{flex:1;min-width:0;padding-right:3.5rem}.btn-toggle-password{position:absolute;right:0;top:0;bottom:0;padding:0 var(--space-2);font:inherit;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-muted);background:transparent;border:none;cursor:pointer;transition:color var(--transition)}.btn-toggle-password:hover{color:var(--color-text)}.success-msg{color:var(--color-success);background:color-mix(in srgb,var(--color-success) 8%,transparent);border:var(--border-width) solid color-mix(in srgb,var(--color-success) 30%,transparent);border-radius:var(--radius);padding:var(--space-2) var(--space-3);font-size:var(--text-base);margin:0 0 var(--space-3)}.form-error{color:var(--color-error);background:var(--color-error-bg);border:var(--border-width) solid color-mix(in srgb,var(--color-error) 25%,transparent);border-radius:var(--radius);padding:var(--space-2) var(--space-3);font-size:var(--text-base)}.field-error{color:var(--color-error);font-size:var(--text-sm);margin:var(--space-1) 0 0}.muted{color:var(--color-text-muted);font-size:var(--text-base);margin:0}.back-link{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-muted);text-decoration:none;margin-bottom:var(--space-3);transition:color var(--transition)}.back-link:hover{color:var(--color-text)}.eyebrow{margin:0 0 var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-muted)}.badge{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-label);padding:0 var(--space-2);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-primary) 16%,transparent);color:var(--color-text)}.placeholder{border:var(--border-width) dashed var(--color-border-strong);border-radius:var(--radius);padding:var(--space-5);color:var(--color-text-muted);text-align:center}.skeleton{border-radius:var(--radius-sm);background:var(--color-surface-sunken);animation:skeleton-pulse 1.4s ease-in-out infinite}@keyframes skeleton-pulse{50%{opacity:.55}}.auth-page{min-height:100vh;display:flex;align-items:center;align-items:safe center;justify-content:center;padding:var(--space-4) var(--space-4) var(--space-6)}.auth-card{width:100%;max-width:380px;background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-1)}.auth-card h1{margin:0 0 var(--space-5);font-size:var(--text-lg);font-weight:600}.auth-card p{margin:0}.auth-card label{display:block;margin-top:var(--space-4)}.auth-card input{display:block;width:100%;margin-top:var(--space-1)}.auth-card button[type=submit],.auth-card>button{font-weight:600;margin-top:var(--space-5);padding:var(--space-3);border:var(--border-width) solid transparent;border-radius:var(--radius);background:var(--color-primary);color:var(--color-on-primary);cursor:pointer;transition:background var(--transition)}.auth-card button[type=submit]:hover:not(:disabled),.auth-card>button:hover:not(:disabled){background:var(--color-primary-hover)}.auth-card button[type=submit]:disabled,.auth-card>button:disabled{opacity:.5;cursor:not-allowed}.divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-4) 0;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-muted)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-card .auth-links{margin-top:var(--space-5);font-size:var(--text-base);color:var(--color-text-muted);text-align:center}.auth-links a{color:var(--color-link);text-decoration:none}.auth-links a:hover{text-decoration:underline}.config-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.config-card{max-width:560px;background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius);padding:var(--space-6)}.config-card h1{margin:0 0 var(--space-4);font-size:var(--text-xl);font-weight:600}.config-card p{margin:0 0 var(--space-4)}.config-card a{color:var(--color-link)}.config-status{margin:0 0 var(--space-5);padding:var(--space-3);border:var(--border-width) dashed var(--color-border-strong);border-radius:var(--radius);background:var(--color-bg);font-size:var(--text-base)}.config-status p{margin:0}.config-command{margin:var(--space-2) 0;padding:var(--space-3);border-radius:var(--radius);background:var(--color-bg);border:var(--border-width) solid var(--color-border-strong);font-family:var(--font-mono, ui-monospace, monospace);font-size:var(--text-sm, .875rem);white-space:pre;overflow-x:auto}.config-steps{margin:0;padding:0;list-style:none;counter-reset:config-step;display:flex;flex-direction:column;gap:var(--space-4)}.config-steps li{counter-increment:config-step;display:flex;align-items:flex-start;gap:var(--space-3)}.config-steps li:before{content:counter(config-step);flex:none;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted)}.config-steps strong{display:block;font-weight:500;margin-bottom:var(--space-1)}.config-steps p{margin:0;font-size:var(--text-base);color:var(--color-text-muted)}@media(max-width:560px){.form-row{flex-direction:column}.form-field-sm{flex:1}.card{padding:var(--space-4)}}@media(max-width:480px){.auth-card{padding:var(--space-5)}.auth-card label{margin-top:var(--space-3)}.divider{margin:var(--space-3) 0}.auth-card button[type=submit],.auth-card>button{margin-top:var(--space-4)}.auth-card .auth-links{margin-top:var(--space-4)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}