*,*:before,*:after{box-sizing:border-box}:root{--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-secondary: #8b5cf6;--color-background: #0f0f0f;--color-surface: #1a1a1a;--color-surface-hover: #252525;--color-border: #333;--color-text: #e5e5e5;--color-text-muted: #999;--color-error: #ef4444;--color-success: #22c55e;--color-warning: #f59e0b;--font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5)}html,body{margin:0;padding:0;min-height:100vh}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{margin:0 0 1rem;font-weight:600;line-height:1.3}h1{font-size:2.5rem}h2{font-size:1.75rem}h3{font-size:1.25rem}p{margin:0 0 1rem}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-hover)}code{font-family:var(--font-family-mono);font-size:.9em;background-color:var(--color-surface);padding:.2em .4em;border-radius:var(--radius-sm)}.app-layout{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}.header-brand{display:flex;align-items:center;gap:.75rem}.logo{font-size:1.25rem;font-weight:700;color:var(--color-text)}.logo:hover{color:var(--color-primary)}.env-badge{font-size:.75rem;padding:.25rem .5rem;background-color:var(--color-warning);color:#000;border-radius:var(--radius-sm);font-weight:600;text-transform:uppercase}.nav{display:flex;align-items:center;gap:1.5rem}.nav a{color:var(--color-text-muted);font-weight:500}.nav a:hover{color:var(--color-text)}.nav-button{background:none;border:none;color:var(--color-text-muted);font-size:1rem;font-weight:500;cursor:pointer;padding:0}.nav-button:hover{color:var(--color-text)}.main-content{flex:1;padding:2rem;max-width:1200px;width:100%;margin:0 auto}.footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--color-surface);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.875rem}.footer p{margin:0}.button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;background-color:var(--color-surface);color:var(--color-text)}.button:hover{background-color:var(--color-surface-hover)}.button:disabled{opacity:.6;cursor:not-allowed}.button-primary{background-color:var(--color-primary);color:#fff}.button-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.button-full{width:100%}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-text)}.form-group input{width:100%;padding:.75rem 1rem;font-size:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-background);color:var(--color-text);transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f133}.form-group input::placeholder{color:var(--color-text-muted)}.form-group input:disabled{opacity:.6;cursor:not-allowed}.error-message{padding:.75rem 1rem;margin-bottom:1rem;background-color:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);font-size:.875rem}.loading-screen,.error-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center}.loading-content,.error-content{max-width:400px;padding:2rem}.loading-content h1,.error-content h1{color:var(--color-primary);margin-bottom:1rem}.error-details{text-align:left;padding:1rem;background-color:var(--color-surface);border-radius:var(--radius-md);margin:1.5rem 0;font-family:var(--font-family-mono);font-size:.875rem}.error-details p{margin:.5rem 0}.error-hint{color:var(--color-text-muted);font-size:.875rem}.loading-container{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-muted)}.home-page{text-align:center}.hero{padding:4rem 0}.hero h1{font-size:3rem;margin-bottom:1rem}.tagline{font-size:1.25rem;color:var(--color-text-muted);margin-bottom:2rem}.welcome-back,.cta{margin-top:2rem}.features{padding:4rem 0}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.feature{padding:2rem;background-color:var(--color-surface);border-radius:var(--radius-lg);text-align:left}.feature h3{color:var(--color-primary);margin-bottom:.5rem}.feature p{color:var(--color-text-muted);margin:0}.login-page{display:flex;align-items:center;justify-content:center;min-height:60vh}.login-container{width:100%;max-width:400px;padding:2rem;background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.login-container h1{text-align:center;margin-bottom:.5rem}.login-subtitle{text-align:center;color:var(--color-text-muted);margin-bottom:2rem}.login-form{margin-bottom:1.5rem}.login-footer{text-align:center;color:var(--color-text-muted);margin:0}.account-page h1{margin-bottom:2rem}.account-section{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.account-section h2{font-size:1.25rem;margin-bottom:1rem;color:var(--color-text)}.info-grid{display:grid;gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.875rem;color:var(--color-text-muted)}.info-value{font-family:var(--font-family-mono);word-break:break-all}.muted{color:var(--color-text-muted);margin:0}.version-page h1{margin-bottom:2rem}.info-table{width:100%;background-color:var(--color-surface);border-radius:var(--radius-lg);border-collapse:separate;border-spacing:0;overflow:hidden;margin-bottom:2rem}.info-table td{padding:1rem 1.5rem;border-bottom:1px solid var(--color-border)}.info-table tr:last-child td{border-bottom:none}.info-table td:first-child{font-weight:500;color:var(--color-text-muted);width:40%}.config-notes{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:1.5rem}.config-notes h2{font-size:1.25rem;margin-bottom:1rem}.config-notes p{color:var(--color-text-muted);margin:0}.not-found-page{text-align:center;padding:4rem 0}.not-found-page h1{font-size:6rem;margin-bottom:0;color:var(--color-primary)}.not-found-page h2{margin-bottom:1rem}.not-found-page p{color:var(--color-text-muted);margin-bottom:2rem}@media(max-width:768px){.header{flex-direction:column;gap:1rem;padding:1rem}.nav{gap:1rem}.main-content{padding:1rem}.hero h1{font-size:2rem}.footer{flex-direction:column;gap:.5rem;text-align:center}}