#auth-modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:16px;background:#000000bf;backdrop-filter:blur(6px)}
#auth-modal.show{display:flex}
#verify-screen{display:none}
#verify-screen.show{display:flex}
.auth-card{width:100%;max-width:400px;background:#0f172afa;border:1px solid rgba(99,102,241,.25);border-radius:24px;padding:28px 28px 24px;box-shadow:0 24px 64px #000000b3;backdrop-filter:blur(16px);animation:scaleIn .3s ease both}
.auth-logo{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:24px}
.auth-logo-icon{width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #6366f180}
.auth-tabs{display:flex;gap:0;margin-bottom:20px;background:#ffffff0d;border-radius:12px;padding:4px}
.auth-tab{flex:1;padding:9px 4px;border-radius:9px;border:none;font-weight:700;font-size:12px;cursor:pointer;transition:all .2s;background:transparent;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.auth-tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 12px #6366f166}
.auth-field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}
.auth-divider{display:flex;align-items:center;gap:10px;margin:14px 0}
.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}
.auth-divider span{color:#4b5563;font-size:12px;white-space:nowrap}
.auth-error{background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:10px 14px;color:#f87171;font-size:13px;display:none;margin-bottom:12px}
.auth-error.show{display:block}
.pw-wrap{position:relative}
.pw-wrap .inp{padding-right:40px}
.pw-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;padding:4px}
.prof-empty{padding:22px 20px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}
.prof-empty:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,rgba(165,180,252,.45),transparent)}
.prof-empty-orb{position:relative;width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899 110%);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 32px -4px #8b5cf68c,0 0 0 1px #ffffff1f inset;margin-bottom:14px}
.prof-empty-orb svg{position:relative;z-index:2;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
.prof-empty-pulse{position:absolute;inset:-6px;border-radius:22px;border:1px solid rgba(165,180,252,.4);animation:profOrbPulse 2.4s ease-out infinite;pointer-events:none}
.prof-empty-title{color:#fff;font-size:16px;font-weight:800;letter-spacing:.01em;margin:0 0 4px}
.prof-empty-sub{color:#94a3b8;font-size:12px;line-height:1.5;margin:0 0 16px;max-width:230px}
.prof-empty-primary{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 14px;border-radius:12px;border:none;cursor:pointer;color:#fff;font-weight:700;font-size:13px;letter-spacing:.01em;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 8px 22px -6px #6366f199,0 0 0 1px #ffffff14 inset;transition:transform .15s ease,box-shadow .2s ease}
.prof-empty-primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px -6px #6366f1bf,0 0 0 1px #ffffff24 inset}
.prof-empty-ghost{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:8px;padding:9px 14px;border-radius:12px;cursor:pointer;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#cbd5e1;font-weight:600;font-size:12px;transition:background .15s,border-color .15s,color .15s}
.prof-empty-ghost:hover{background:#ffffff14;border-color:#ffffff2e;color:#fff}
#auth-modal{background:radial-gradient(80% 60% at 50% 0%,rgba(99,102,241,.18),transparent 60%),#040612c7!important;backdrop-filter:blur(14px) saturate(1.2)!important}
.auth-card{max-width:420px!important;background:radial-gradient(120% 60% at 100% 0%,rgba(139,92,246,.18),transparent 55%),radial-gradient(120% 60% at 0% 100%,rgba(99,102,241,.14),transparent 60%),#0d1126d9!important;border:1px solid rgba(140,130,255,.22)!important;border-radius:26px!important;padding:30px 28px 26px!important;box-shadow:0 40px 100px -20px #000000bf,0 1px #c8b4ff1f inset!important;position:relative;overflow:hidden}
.auth-card:before{content:"";position:absolute;top:-1px;left:18%;right:18%;height:1px;background:linear-gradient(90deg,transparent,rgba(165,180,252,.55),transparent);pointer-events:none}
.auth-logo-icon{width:64px!important;height:64px!important;border-radius:20px!important;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899 110%)!important;box-shadow:0 14px 40px -8px #8b5cf6a6,0 0 0 1px #ffffff24 inset!important;position:relative}
.auth-logo-icon:after{content:"";position:absolute;inset:-8px;border-radius:24px;border:1px solid rgba(165,180,252,.35);animation:profOrbPulse 2.6s ease-out infinite;pointer-events:none}
.auth-tabs{background:#ffffff09!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:14px!important;padding:5px!important}
.auth-tab{border-radius:10px!important;font-size:12px!important;transition:color .15s ease,background .2s ease,box-shadow .2s ease!important}
.auth-tab:hover:not(.active){color:#cbd5e1!important;background:#ffffff0a!important}
.auth-tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;box-shadow:0 6px 18px -4px #6366f18c,0 0 0 1px #ffffff1a inset!important}
.auth-card .inp{background:#ffffff0b!important;border:1px solid rgba(255,255,255,.09)!important;padding:11px 14px!important;border-radius:12px!important;font-size:13.5px!important;transition:border-color .15s,background .15s,box-shadow .15s!important}
.auth-card .inp:focus{border-color:#8b5cf68c!important;background:#ffffff12!important;box-shadow:0 0 0 4px #6366f126!important;outline:none!important}
.auth-card .lbl{font-size:10.5px!important;letter-spacing:.08em!important;color:#8390a8!important}
.auth-card .auth-field{margin-bottom:14px!important}
.auth-card #btn-login,.auth-card #btn-register{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border:none!important;color:#fff!important;border-radius:13px!important;font-weight:700!important;letter-spacing:.01em!important;box-shadow:0 12px 28px -6px #6366f199,0 0 0 1px #ffffff1a inset!important;transition:transform .15s ease,box-shadow .2s ease!important}
.auth-card #btn-login:hover,.auth-card #btn-register:hover{transform:translateY(-1px);box-shadow:0 16px 36px -6px #6366f1bf,0 0 0 1px #ffffff29 inset!important}
.auth-divider span{color:#5b647a!important;font-size:11px!important;letter-spacing:.08em!important;text-transform:uppercase}
.auth-divider:before,.auth-divider:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)!important;height:1px!important}
#auth-modal{background:radial-gradient(60% 50% at 20% 0%,rgba(99,102,241,.22),transparent 60%),radial-gradient(50% 50% at 100% 100%,rgba(236,72,153,.18),transparent 60%),#030510d1!important;backdrop-filter:blur(18px) saturate(1.25)!important;-webkit-backdrop-filter:blur(18px) saturate(1.25)!important}
.auth-card{max-width:430px!important;background:radial-gradient(120% 70% at 100% 0%,rgba(139,92,246,.22),transparent 55%),radial-gradient(110% 60% at 0% 100%,rgba(99,102,241,.18),transparent 60%),linear-gradient(180deg,#14162eeb,#0b0d1ef0)!important;border:1px solid rgba(165,180,252,.18)!important;border-radius:28px!important;padding:34px 30px 28px!important;box-shadow:0 50px 120px -24px #000000d9,0 0 0 1px #c8b4ff0f inset,0 1px #dcd2ff1a inset!important}
.auth-card:before{top:-1px;left:14%!important;right:14%!important;height:1.5px!important;background:linear-gradient(90deg,transparent,rgba(196,181,253,.7),rgba(244,114,182,.55),transparent)!important;filter:blur(.3px)}
.auth-card:after{content:"";position:absolute;pointer-events:none;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.28),transparent 65%);top:-90px;right:-70px;filter:blur(6px)}
#auth-modal .auth-card>button[onclick="closeAuthModal()"]{top:16px!important;right:16px!important;width:34px!important;height:34px!important;border-radius:11px!important;background:#ffffff0f!important;border:1px solid rgba(255,255,255,.08)!important;color:#cbd5e1!important;font-size:18px!important;transition:background .15s,border-color .15s,color .15s,transform .15s!important}
#auth-modal .auth-card>button[onclick="closeAuthModal()"]:hover{background:#ffffff1f!important;border-color:#ffffff2e!important;color:#fff!important;transform:rotate(90deg)!important}
.auth-logo{margin-bottom:26px!important;gap:14px!important}
.auth-logo-icon{width:68px!important;height:68px!important;border-radius:22px!important;background:radial-gradient(120% 120% at 20% 0%,rgba(255,255,255,.28),transparent 50%),linear-gradient(135deg,#6366f1,#8b5cf6 50%,#ec4899 110%)!important;box-shadow:0 18px 44px -10px #8b5cf6b3,0 0 0 1px #ffffff2e inset,0 -2px 8px #ec489966 inset!important}
.auth-logo-icon:after{inset:-10px!important;border-radius:28px!important;border:1px solid rgba(196,181,253,.4)!important}
.auth-logo h1{font-size:22px!important;letter-spacing:-.01em!important;background:linear-gradient(90deg,#fff,#e0e7ff)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}
.auth-logo p{color:#a5b4fc!important;font-size:10.5px!important;letter-spacing:.16em!important;text-transform:uppercase!important}
.auth-tabs{background:#ffffff08!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:16px!important;padding:5px!important;margin-bottom:22px!important;box-shadow:inset 0 1px #ffffff0a}
.auth-tab{border-radius:12px!important;font-size:12px!important;padding:10px 6px!important;color:#7c8ba3!important;letter-spacing:.01em!important}
.auth-tab:hover:not(.active){background:#ffffff0a!important;color:#cbd5e1!important}
.auth-tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6 55%,#ec4899)!important;color:#fff!important;box-shadow:0 8px 22px -6px #8b5cf6b3,0 0 0 1px #ffffff2e inset,0 -1px #0003 inset!important}
.auth-card .lbl{font-size:10px!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#7c8ba3!important;font-weight:700!important;margin-bottom:2px!important}
.auth-card .auth-field{margin-bottom:16px!important}
.auth-card .inp{background:#ffffff09!important;border:1px solid rgba(255,255,255,.08)!important;padding:13px 15px!important;border-radius:13px!important;font-size:14px!important;color:#f1f5f9!important;transition:border-color .18s,background .18s,box-shadow .18s!important}
.auth-card .inp::placeholder{color:#4b5468!important}
.auth-card .inp:hover{border-color:#ffffff24!important}
.auth-card .inp:focus{border-color:#a5b4fc99!important;background:#ffffff0f!important;box-shadow:0 0 0 4px #6366f12e,0 8px 24px -8px #6366f166!important;outline:none!important}
#auth-login-form>div[style*="text-align:right"] button{color:#a5b4fc!important;font-size:12px!important;font-weight:600!important;padding:4px 2px!important;border-radius:6px!important;transition:color .15s!important}
#auth-login-form>div[style*="text-align:right"] button:hover{color:#c7d2fe!important;text-decoration:underline!important}
.auth-card #btn-login,.auth-card #btn-register,.auth-card .btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899 110%)!important;border:none!important;color:#fff!important;border-radius:14px!important;padding:14px!important;font-size:14px!important;font-weight:800!important;letter-spacing:.02em!important;box-shadow:0 16px 36px -10px #8b5cf6b3,0 0 0 1px #ffffff24 inset,0 -2px 8px #ec48994d inset!important;transition:transform .18s ease,box-shadow .22s ease,filter .18s!important;position:relative;overflow:hidden}
.auth-card #btn-login:before,.auth-card #btn-register:before,.auth-card .btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease;pointer-events:none}
.auth-card #btn-login:hover,.auth-card #btn-register:hover,.auth-card .btn-primary:hover{transform:translateY(-1px)!important;filter:brightness(1.06)!important;box-shadow:0 22px 44px -8px #8b5cf6d9,0 0 0 1px #fff3 inset!important}
.auth-card #btn-login:hover:before,.auth-card #btn-register:hover:before,.auth-card .btn-primary:hover:before{transform:translate(100%)}
.auth-divider{margin:18px 0!important}
#auth-cloud-extra>button[onclick="authLoginWithGoogle()"]{background:#ffffff0a!important;border:1px solid rgba(255,255,255,.1)!important;color:#e5e7eb!important;border-radius:13px!important;padding:12px!important;font-size:13px!important;box-shadow:0 8px 24px -10px #0009,0 1px #ffffff0d inset!important;transition:background .18s,border-color .18s,transform .18s!important}
#auth-cloud-extra>button[onclick="authLoginWithGoogle()"]:hover{background:#ffffff14!important;border-color:#fff3!important;transform:translateY(-1px)!important}
#auth-cloud-extra>button[onclick="authLoginWithGoogle()"] svg{background:#fff;padding:3px;border-radius:50%;width:22px!important;height:22px!important;box-sizing:content-box}
#auth-cloud-extra>p{color:#4b5468!important;font-size:10.5px!important;margin-top:16px!important;letter-spacing:.02em!important}
#auth-local-form>div:first-child>div:first-child{background:linear-gradient(135deg,#f59e0b2e,#ec489924)!important;border:1px solid rgba(251,191,36,.35)!important;box-shadow:0 12px 32px -10px #f59e0b66!important;width:60px!important;height:60px!important;border-radius:18px!important}
#auth-local-form>div:first-child>p{color:#94a3b8!important;font-size:12.5px!important;line-height:1.65!important}