:root{--bg-dark: #0b0f19;--bg-card: rgba(18, 24, 38, .75);--bg-card-hover: rgba(26, 35, 56, .85);--border-color: rgba(255, 255, 255, .08);--border-glow: rgba(59, 130, 246, .3);--primary-blue: #2563eb;--primary-cyan: #06b6d4;--primary-purple: #8b5cf6;--accent-green: #10b981;--accent-yellow: #f59e0b;--accent-red: #ef4444;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);background-image:radial-gradient(at 0% 0%,rgba(37,99,235,.15) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(139,92,246,.15) 0px,transparent 50%);background-attachment:fixed;color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em}.glass-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 32px #0000005e;transition:all .25s ease-in-out}.glass-card:hover{border-color:#ffffff26;box-shadow:0 12px 40px #2563eb26}.gradient-text{background:linear-gradient(135deg,#60a5fa,#a78bfa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-active{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-attention{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-danger{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;font-family:var(--font-body)}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 4px 14px #2563eb66}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2563eb99}.btn-secondary{background:#ffffff14;color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background:#ffffff24}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 14px #ef444466}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ef444499}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0b0f1980}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.touch-target{min-height:44px;min-width:44px}.input-field{width:100%;min-height:44px;padding:12px 14px;border-radius:10px;background:#0f172acc;border:1px solid rgba(255,255,255,.1);color:#f8fafc;font-size:16px;font-family:var(--font-body);outline:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-field:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640}.auth-card{width:100%;margin:0 auto;padding:24px 16px;background:#121826d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 16px 40px #00000080;transition:all .3s ease}@media (max-width: 480px){body{padding:12px 8px}.auth-card{padding:20px 14px;border-radius:16px}.grid-2col{grid-template-columns:1fr!important}.btn{width:100%;min-height:46px}}@media (min-width: 481px) and (max-width: 768px){.auth-card{max-width:520px;padding:28px 24px}.grid-2col{grid-template-columns:repeat(2,1fr);gap:12px}}@media (min-width: 769px) and (max-width: 1024px){.auth-card{max-width:580px;padding:32px 28px}.grid-2col{grid-template-columns:repeat(2,1fr);gap:16px}}@media (min-width: 1025px){.auth-card{max-width:640px;padding:36px 32px}.grid-2col{grid-template-columns:repeat(2,1fr);gap:16px}}