.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0e1a;padding:20px;position:relative}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}.login-box{background:#151b2d;border:1px solid #1e2740;border-radius:4px;box-shadow:0 4px 24px #0006;padding:48px;width:100%;max-width:440px;position:relative;z-index:1}.login-header{margin-bottom:40px;border-bottom:1px solid #1e2740;padding-bottom:24px}.logo-section{display:flex;align-items:center;gap:12px;margin-bottom:8px}.logo-icon{width:40px;height:40px;background:#1a3d5c;border:1px solid #2d5a7b;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#3b82f6;letter-spacing:-.5px}.login-header h1{font-size:24px;font-weight:600;margin:0;color:#e2e8f0;letter-spacing:-.5px}.login-header p{color:#64748b;font-size:13px;margin:0;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:500;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.form-group input{padding:12px 14px;border:1px solid #1e2740;background:#0f1523;border-radius:2px;font-size:15px;transition:all .15s;font-family:inherit;color:#e2e8f0}.form-group input::placeholder{color:#475569}.form-group input:focus{outline:none;border-color:#3b82f6;background:#1a1f2e}.form-group input:disabled{opacity:.5;cursor:not-allowed}.error-message{background-color:#1e1517;color:#ef4444;padding:12px 14px;border-radius:2px;font-size:13px;border-left:3px solid #dc2626;border:1px solid #3d1a1a}.login-button{background:#3b82f6;color:#fff;border:none;padding:13px 24px;border-radius:2px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s;margin-top:8px;text-transform:uppercase;letter-spacing:.5px}.login-button:hover:not(:disabled){background:#2563eb}.login-button:active:not(:disabled){background:#1d4ed8}.login-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.login-box{padding:32px 24px}.login-header h1{font-size:20px}.logo-icon{width:36px;height:36px;font-size:20px}}:root{--bg: #0f172a;--card-bg: #1e293b;--card-border: #334155;--text: #f1f5f9;--text-muted: #94a3b8;--primary: #3b82f6;--accent-green: #10b981;--accent-yellow: #f59e0b;--accent-orange: #f97316;--accent-red: #ef4444;--preset-color: #ffc107;--input-color: #4caf50;--proj-color: #ef4444;--calc-color: #ff9800;--state-input-bg: rgba(16, 185, 129, .1);--state-input-border: rgba(16, 185, 129, .3);--state-preset-bg: rgba(245, 158, 11, .1);--state-calc-bg: rgba(249, 115, 22, .05);--state-proj-bg: rgba(239, 68, 68, .05);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--radius: 8px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--text);min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b}