:root{--brand: #0d9488;--brand2: #0f766e;--brand3: #134e4a;--brand-dark: #134e4a;--brand-light: #99f6e4;--brand-soft: #f0fdfa;--soft: #f0fdfa;--primary: #0d9488;--primary-dark: #0f766e;--gold: #d97706;--accent: #f59e0b;--amber: #f59e0b;--ok: #166534;--success: #166534;--green: #16a34a;--warn: #b45309;--orange: #ea580c;--danger: #b91c1c;--error: #dc2626;--red: #ef4444;--blue: #3b82f6;--purple: #8b5cf6;--ink: #1f2937;--muted: #64748b;--bg: #f8fafc;--panel: #ffffff;--card: #ffffff;--line: #e5e7eb;--border:#e2e8f0;--r: 14px;--radius: 14px}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 15%,#dbeafe 0,transparent 32%),var(--bg);color:var(--ink);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.login-card{width:min(420px,92vw);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 18px 46px #0f172a1f}h1{margin:0;font-size:20px;line-height:1.35;text-align:center}.subtitle{margin:8px 0 18px;color:#6b7280;text-align:center;font-size:14px}input,button{width:100%;margin-top:10px;padding:10px;border-radius:8px;border:1px solid var(--line);box-sizing:border-box;font-size:14px}button{background:var(--brand);color:#fff;border:none;cursor:pointer;font-weight:600}button.alt{background:#0f766e}.muted{color:#6b7280;font-size:13px;text-align:center;margin-top:12px}.pwd-wrap{position:relative;margin-top:10px}.pwd-wrap input{margin-top:0;width:100%;padding-right:42px;box-sizing:border-box}.pwd-wrap button{position:absolute;right:0;top:0;height:100%;width:40px;margin:0;padding:0;background:none;border:none;border-radius:0 8px 8px 0;cursor:pointer;color:#9ca3af;display:flex;align-items:center;justify-content:center}.pwd-wrap button:hover{color:#374151}