*{margin:0;padding:0;box-sizing:border-box;font-family:"Poppins",sans-serif}body{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgb(255 140 0 / .18),transparent 25%),radial-gradient(circle at 80% 25%,rgb(138 43 226 / .16),transparent 25%),radial-gradient(circle at 50% 80%,rgb(255 180 71 / .12),transparent 30%),linear-gradient(135deg,#f8f4ff,#fff8f1);display:flex;align-items:center;justify-content:center;padding:30px 15px;overflow-y:auto;position:relative}body::before,body::after{content:"";position:absolute;border-radius:50%;filter:blur(70px);z-index:0}body::before{width:280px;height:280px;background:rgb(255 140 0 / .18);top:40px;left:50px}body::after{width:320px;height:320px;background:rgb(138 43 226 / .16);bottom:30px;right:40px}.login-page{width:100%;max-width:1180px;min-height:680px;background:rgb(255 255 255 / .72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgb(255 255 255 / .5);border-radius:28px;box-shadow:0 20px 60px rgb(31 41 55 / .12);display:grid;grid-template-columns:1.05fr 0.95fr;overflow-y:auto;position:relative;z-index:1}.login-left{padding:34px 38px;position:relative;background:linear-gradient(180deg,rgb(255 255 255 / .75),rgb(255 255 255 / .5))}.brand-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px;gap:15px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{height:44px;width:auto;object-fit:contain}.brand-text h2{font-size:20px;color:#171717;font-weight:700;line-height:1.1}.brand-text p{font-size:12px;color:#6b7280;margin-top:2px}.back-home{text-decoration:none;font-size:14px;font-weight:600;color:#5b6475;padding:10px 16px;border-radius:14px;background:#fff;box-shadow:0 8px 20px rgb(0 0 0 / .05);transition:0.3s}.back-home:hover{transform:translateY(-2px);color:#ff8c00}.login-content{max-width:430px;margin:0 auto;width:100%;padding-top:20px}.login-badge{display:inline-flex;align-items:center;gap:8px;background:#fff3e2;color:#ff8c00;border-radius:30px;padding:8px 14px;font-size:12px;font-weight:600;margin-bottom:18px}.login-content h1{font-size:30px;line-height:1.2;color:#151515;margin-bottom:10px;font-weight:700}.login-content .subtitle{color:#6b7280;font-size:14px;line-height:1.7;margin-bottom:28px}.social-login{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.social-btn{border:none;outline:none;cursor:pointer;background:#fff;border-radius:16px;padding:14px 16px;font-size:14px;font-weight:600;color:#222;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 10px 24px rgb(0 0 0 / .06);transition:0.3s}.social-btn:hover{transform:translateY(-3px)}.divider{display:flex;align-items:center;gap:12px;margin:18px 0 22px;color:#9aa1ad;font-size:13px;font-weight:500}.divider::before,.divider::after{content:"";flex:1;height:1px;background:#e5e7eb}.form-group{margin-bottom:18px}.form-label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:8px}.input-wrap{position:relative}.input-wrap i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:14px}.input-wrap input{width:100%;height:54px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;padding:0 18px 0 46px;font-size:14px;color:#111827;outline:none;transition:0.3s;box-shadow:0 8px 20px rgb(0 0 0 / .03)}.input-wrap input:focus{border-color:#ff8c00;box-shadow:0 0 0 4px rgb(255 140 0 / .09)}.toggle-password{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:#8b93a1;cursor:pointer;font-size:15px}.row-options{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:2px 0 22px;flex-wrap:wrap}.remember-me{display:flex;align-items:center;gap:10px;color:#4b5563;font-size:13px;font-weight:500}.remember-me input{accent-color:#ff8c00;width:16px;height:16px;cursor:pointer}input:-internal-autofill-selected{background:#fff!important}.input-wrap button i{left:-18px}.forgot-link{text-decoration:none;color:#fe3130;font-size:13px;font-weight:600}.forgot-link:hover{color:#ff8c00}.login-btn{width:100%;border:none;cursor:pointer;border-radius:16px;height:56px;color:#fff;font-size:15px;font-weight:600;background:linear-gradient(135deg,#ffb347,#ff8c00 45%,#8a2be2 100%);box-shadow:0 14px 28px rgb(255 140 0 / .25);transition:0.3s}.login-btn:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgb(255 140 0 / .32)}.signup-text{margin-top:20px;text-align:center;font-size:14px;color:#6b7280}.signup-text a{color:#ff8c00;font-weight:600;text-decoration:none}.login-right{position:relative;background:linear-gradient(135deg,rgb(255 140 0 / .96),rgb(138 43 226 / .94)),#111827;color:#fff;padding:42px 38px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.login-right::before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:rgb(255 255 255 / .08);top:-120px;right:-100px}.login-right::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgb(255 255 255 / .07);bottom:-90px;left:-80px}.right-top,.dashboard-card,.right-bottom{position:relative;z-index:2}.mini-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:30px;background:rgb(255 255 255 / .14);border:1px solid rgb(255 255 255 / .14);font-size:12px;font-weight:600;margin-bottom:20px}.login-right h3{font-size:24px;line-height:1.25;margin-bottom:12px;font-weight:700}.login-right p{font-size:13px;color:rgb(255 255 255 / .82);line-height:1.8;max-width:440px}.dashboard-card{margin:24px 0;background:rgb(255 255 255 / .12);border:1px solid rgb(255 255 255 / .18);border-radius:24px;padding:18px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 18px 40px rgb(0 0 0 / .12)}.dash-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px}.dash-top h4{font-size:15px;font-weight:600}.status-live{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:#d1fae5}.status-live span{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 6px rgb(34 197 94 / .12)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.stat-box{background:rgb(255 255 255 / .12);border-radius:18px;padding:16px}.stat-box small{display:block;font-size:11px;letter-spacing:.5px;opacity:.8;margin-bottom:8px}.stat-box h5{font-size:20px;margin-bottom:4px}.stat-box p{font-size:12px;line-height:1.5;color:rgb(255 255 255 / .78)}.mini-chart{display:flex;align-items:flex-end;gap:10px;margin-top:14px;height:80px}.mini-chart span{flex:1;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,#ffe08a,#fff3cd);opacity:.9}.mini-chart span:nth-child(1){height:28px}.mini-chart span:nth-child(2){height:46px}.mini-chart span:nth-child(3){height:38px}.mini-chart span:nth-child(4){height:64px}.mini-chart span:nth-child(5){height:52px}.mini-chart span:nth-child(6){height:72px}.right-bottom{display:flex;gap:14px;flex-wrap:wrap}.info-pill{padding:6px 16px;border-radius:16px;background:rgb(255 255 255 / .12);border:1px solid rgb(255 255 255 / .12);font-size:13px;font-weight:500}@media (max-width:991px){.login-page{grid-template-columns:1fr}.login-right{order:-1;min-height:360px}.login-left{padding:28px 22px 34px}.login-right{padding:28px 22px}.login-right h3{font-size:28px}.login-content h1{font-size:30px}}@media (max-width:576px){.social-login{grid-template-columns:1fr}.login-right::before{display:none!important}.login-content h1{font-size:15px}body{min-height:auto;width:100%;overflow-x:hidden;display:block;padding:15px 10px}.brand-top{align-items:flex-start}.login-right h3{font-size:14px!important}.login-right h3{font-size:24px}.brand-text h2{font-size:13px}.input-wrap input{height:46px;font-size:14px}.login-content .subtitle{font-size:13px;line-height:1.6}.info-pill{padding:5px 5px;font-size:9px}.brand-text p{font-size:8px!important}.signup-text{font-size:13px}.stat-box h5{font-size:14px}.right-bottom{gap:6px;flex-wrap:nowrap}.login-btn{height:46px;font-size:14px}.stats-grid{grid-template-columns:1fr 1fr}.dashboard-card{padding:18px}}