@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#020617;--bg-card:#0f172ab3;--border:#ffffff0f;--border-hover:#3b82f64d;--blue:#3b82f6;--purple:#8b5cf6;--green:#10b981;--yellow:#f59e0b;--red:#ef4444;--cyan:#06b6d4;--text:#f1f5f9;--text-dim:#64748b;--text-mid:#94a3b8}body{background:var(--bg-deep);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradient-x{0%,to{background-position:0%}50%{background-position:100%}}@keyframes logo-rotate{0%{opacity:.8;transform:rotate(0)scale(.9)}50%{opacity:1;transform:rotate(180deg)scale(1.1)}to{opacity:.8;transform:rotate(360deg)scale(.9)}}@keyframes logo-pulse{0%,to{filter:drop-shadow(0 0 10px #3b82f64d);transform:scale(1)}50%{filter:drop-shadow(0 0 25px #3b82f699);transform:scale(1.05)}}@keyframes blob{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-up{animation:.6s ease-out forwards fadeUp}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.animate-slide-in{animation:.4s ease-out forwards slideIn}.animate-scale-in{animation:.3s ease-out forwards scaleIn}.animate-spin{animation:1s linear infinite spin}.animate-logo-rotate{animation:2s cubic-bezier(.4,0,.2,1) infinite logo-rotate}.animate-logo-pulse{animation:2s ease-in-out infinite logo-pulse}.animate-float{animation:4s ease-in-out infinite float}.animate-pulse{animation:2s ease-in-out infinite pulse}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:20px}.gradient-text{background:linear-gradient(135deg,#60a5fa,#a78bfa,#34d399);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.shimmer{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}input,select,textarea{color:var(--text);font-family:Inter,sans-serif}input::placeholder,textarea::placeholder{color:var(--text-dim)}input:focus,select:focus,textarea:focus{outline:none}.table-row:hover{background:#ffffff06!important}.login-container{background:var(--bg-deep);min-height:100vh;display:flex;position:relative;overflow:hidden}.login-left{border-right:1px solid #ffffff0a;flex-direction:column;flex:1.2;justify-content:center;align-items:center;padding:4rem;display:flex;position:relative}.login-right{z-index:10;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative}@media (width<=1024px){.login-left{display:none}.login-right{flex:1;width:100%}}.login-card{-webkit-backdrop-filter:blur(24px);background:#0f172abf;border:1px solid #ffffff1a;border-radius:28px;width:100%;max-width:420px;padding:2.5rem 2rem;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,inset 0 1px #ffffff1a}.login-input-group{margin-bottom:1.5rem;position:relative}.login-input{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;width:100%;padding:.875rem 1rem .875rem 3rem;font-size:.9rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.login-input:focus{border-color:var(--blue);background:#ffffff0d;box-shadow:0 0 0 4px #3b82f626}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:.6rem;width:100%;height:52px;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 8px 20px -6px #3b82f680}.login-btn:hover:not(:disabled){transform:translateY(-3px)scale(1.02);box-shadow:0 20px 40px -10px #2563eb99}.login-btn:active:not(:disabled){transform:translateY(0)scale(.98)}.login-btn-shimmer{background:linear-gradient(120deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%}.login-btn:hover .login-btn-shimmer{left:100%}.role-pill{letter-spacing:.02em;cursor:default;border-radius:999px;padding:.35rem .75rem;font-size:.7rem;font-weight:700;transition:all .2s}