:root{--bg-color:#f7f9fb;--text-color:#2c3e50;--card-bg:#ffffffd9;--card-border:#c8d2dc80;--primary:#5c9ead;--primary-hover:#4a8290;--danger:#e27d73;--success:#6ab082;--glass-blur:blur(20px);--shadow:0 8px 32px #0000000d;--border-radius:16px;--font-main:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}[data-theme=dark]{--bg-color:#1e1e24;--text-color:#e0e5ea;--card-bg:#2d2d37cc;--card-border:#50555f80;--primary:#4a8290;--shadow:0 8px 32px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;min-height:100vh;transition:background-color .3s,color .3s}.app-container{flex-direction:column;max-width:600px;min-height:100vh;margin:0 auto;padding:20px;display:flex}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--card-border);border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:20px;padding:20px;transition:transform .2s,background .3s,border-color .3s}input,select,textarea{border:1px solid var(--card-border);background:var(--bg-color);width:100%;color:var(--text-color);font-family:var(--font-main);border-radius:10px;outline:none;margin-bottom:12px;padding:12px 16px;font-size:16px;transition:border-color .2s,background-color .3s}input:focus,select:focus{border-color:var(--primary)}button{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:16px;font-weight:600;transition:background-color .2s,transform .1s;display:inline-flex}button:hover{background-color:var(--primary-hover)}button:active{transform:scale(.98)}button.danger{background-color:var(--danger)}button.danger:hover{background-color:#d32f2f}button.icon-btn{color:var(--text-color);background:0 0;padding:8px}button.icon-btn:hover{background:#8080801a}header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}header h1{letter-spacing:-.5px;font-size:28px;font-weight:800}.auth-container{flex-direction:column;flex:1;justify-content:center;display:flex}.form-group{margin-bottom:16px}.form-group label{opacity:.8;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.text-center{text-align:center}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.flex-row{align-items:center;gap:12px;display:flex}.space-between{justify-content:space-between}