:root{--bg-color:#f8fafc;--container-bg:#fff;--text-color:#0f172a;--text-muted:#64748b;--primary-color:#f97316;--primary-hover:#ea580c;--secondary-color:#0f172a;--border-color:#e2e8f0;--success-color:#10b981;--danger-color:#ef4444}@media (prefers-color-scheme:dark){:root{--bg-color:#020617;--container-bg:#0f172a;--text-color:#f8fafc;--text-muted:#94a3b8;--primary-color:#fb923c;--primary-hover:#f97316;--secondary-color:#1e293b;--border-color:#334155;--success-color:#34d399;--danger-color:#f87171}}body{background-color:var(--bg-color);color:var(--text-color);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background-color .3s,color .3s}a{color:var(--primary-color)}button{transition:all .2s ease-in-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.auth-container{background-color:var(--container-bg);border:1px solid var(--border-color);border-radius:12px;max-width:400px;margin:50px auto;padding:30px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.auth-form{flex-direction:column;display:flex}.auth-form input{background-color:var(--bg-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:6px;margin-bottom:15px;padding:12px;font-size:16px}.auth-form input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #f9731633}.auth-form button{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:12px;font-size:16px;font-weight:600}.auth-form button:hover{background-color:var(--primary-hover)}.google-auth-container button{font-weight:600}.google-auth-container button:hover{filter:brightness(1.1)}.error{color:var(--danger-color);margin-top:10px;font-size:14px}.success{color:var(--success-color);margin-top:10px;font-size:14px}.toggle-container{text-align:center;margin-top:20px}.toggle-btn{color:var(--primary-color);cursor:pointer;background:0 0;border:none;font-size:14px}.toggle-btn:hover{text-decoration:underline}