*{box-sizing:border-box;margin:0;padding:0}body{color:#171744;background:#f5f6ff;font-family:Poppins,Arial,sans-serif}.login-container{background:#f7f7ff;min-height:100vh;display:flex}.login-left{color:#fff;background:linear-gradient(145deg,#241b73 0%,#4934d4 45%,#8b55e8 75%,#d36fd5 100%);width:48%;min-height:100vh;padding:45px 55px;position:relative;overflow:hidden}.login-left:after{content:"";background:#ffffff14;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-180px;right:-180px}.brand{z-index:2;align-items:center;gap:12px;display:flex;position:relative}.brand h2{font-size:28px}.brand-logo{color:#5034d8;background:#fff;border-radius:14px;justify-content:center;align-items:center;width:45px;height:45px;font-size:25px;font-weight:800;display:flex;box-shadow:0 8px 25px #00000026}.left-content{z-index:2;max-width:480px;margin-top:130px;position:relative}.left-content h1{margin-bottom:18px;font-size:48px;line-height:1.15}.left-content>p{opacity:.9;margin-bottom:55px;font-size:18px}.feature{align-items:center;gap:18px;margin-bottom:28px;display:flex}.feature>span{background:#ffffff29;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:20px;display:flex}.feature h4{margin-bottom:4px;font-size:16px}.feature p{opacity:.75;font-size:13px}.login-right{justify-content:center;align-items:center;width:52%;min-height:100vh;padding:40px;display:flex}.login-card{background:#fff;border-radius:24px;width:100%;max-width:470px;padding:42px;box-shadow:0 20px 60px #3127821f}.logo-small{justify-content:center;align-items:center;gap:10px;margin-bottom:28px;display:flex}.logo-small .brand-logo{width:42px;height:42px}.logo-small h2{color:#33208f;font-size:27px}.login-card h1{text-align:center;margin-bottom:8px;font-size:28px}.subtitle{text-align:center;color:#777795;margin-bottom:32px;font-size:14px}.login-card form{flex-direction:column;display:flex}.login-card label{color:#29275a;margin-bottom:8px;font-size:13px;font-weight:600}.login-card input[type=email],.login-card input[type=password]{border:1px solid #dddff0;border-radius:10px;outline:none;width:100%;height:50px;margin-bottom:20px;padding:0 15px;font-size:14px;transition:all .3s}.login-card input[type=email]:focus,.login-card input[type=password]:focus{border-color:#5b3ee4;box-shadow:0 0 0 3px #5b3ee41a}.login-options{color:#5a4ad2;justify-content:space-between;align-items:center;margin-bottom:22px;font-size:12px;display:flex}.login-options .remember{color:#777795;align-items:center;gap:7px;margin:0;font-weight:400;display:flex}.login-options .remember input{width:15px;height:15px}.login-options span{cursor:pointer}.login-card button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#5034d8,#713fe6);border:none;border-radius:10px;height:50px;font-size:15px;font-weight:600;transition:all .3s}.login-card button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #5034d840}.login-card button:disabled{opacity:.7;cursor:not-allowed}.error-message{color:#e63946;background:#fff0f1;border:1px solid #ffd2d5;border-radius:9px;margin-top:-5px;margin-bottom:18px;padding:12px;font-size:13px}.signup{text-align:center;color:#777795;margin-top:25px;font-size:13px}.signup span{color:#5034d8;cursor:pointer;font-weight:600}.footer-text{text-align:center;color:#aaaabd;margin-top:28px;font-size:12px}.dashboard{background:#f6f7ff;min-height:100vh;display:flex}.sidebar{color:#fff;background:#17144b;flex-direction:column;width:245px;min-height:100vh;padding:28px 18px;display:flex}.dashboard-logo{align-items:center;gap:10px;margin-bottom:45px;padding:0 10px;display:flex}.dashboard-logo .brand-logo{width:38px;height:38px;font-size:21px}.dashboard-logo h2{font-size:21px}.sidebar nav{flex-direction:column;gap:8px;display:flex}.sidebar nav div{cursor:pointer;border-radius:9px;padding:14px 15px;font-size:14px;transition:all .3s}.sidebar nav div:hover,.sidebar nav .active{background:#5a42df}.logout{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;margin-top:auto;padding:15px;font-size:14px}.dashboard-content{flex:1;padding:35px 45px;overflow-x:hidden}.dashboard-content header{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.dashboard-content header h1{margin-bottom:6px;font-size:28px}.dashboard-content header p{color:#8888a5;font-size:13px}.profile{align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.profile span{color:#fff;background:#5b42dc;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stats{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px;display:grid}.stat-card{background:#fff;border-radius:15px;padding:22px;box-shadow:0 8px 30px #2a246e0f}.stat-card>span{margin-bottom:15px;font-size:22px;display:block}.stat-card p{color:#8888a5;font-size:12px}.stat-card h2{margin:5px 0;font-size:27px}.stat-card small{color:#18a875;font-size:11px}.activity{grid-template-columns:2fr 1fr;gap:20px;display:grid}.activity-card,.welcome-card{background:#fff;border-radius:15px;padding:25px;box-shadow:0 8px 30px #2a246e0f}.activity-card h2{margin-bottom:22px;font-size:18px}.activity-card p{color:#666680;border-bottom:1px solid #f0f0f7;padding:14px 0;font-size:13px}.welcome-card{color:#fff;background:linear-gradient(135deg,#5540dc,#8a55e7);align-items:center;min-height:230px;display:flex}.welcome-card h2{font-size:25px;line-height:1.4}@media (width<=1000px){.login-left{width:42%;padding:35px}.login-right{width:58%}.left-content h1{font-size:38px}.stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.login-container{display:block}.login-left{width:100%;min-height:auto;padding:25px}.left-content{margin-top:50px;padding-bottom:30px}.left-content h1{font-size:35px}.feature{display:none}.login-right{width:100%;min-height:auto;padding:25px 18px}.login-card{padding:30px 22px}.sidebar{width:75px;padding:25px 10px}.dashboard-logo h2,.sidebar nav div,.logout{font-size:0}.dashboard-logo{justify-content:center;padding:0}.dashboard-content{padding:25px 18px}.dashboard-content header h1{font-size:21px}.stats{grid-template-columns:1fr 1fr}.activity{grid-template-columns:1fr}}@media (width<=500px){.stats{grid-template-columns:1fr}.dashboard-content header{align-items:flex-start;gap:15px}.profile{display:none}.login-card h1{font-size:24px}}.demo-login{text-align:center;background:#f4f1ff;border:1px solid #ddd5ff;border-radius:10px;margin-top:20px;padding:14px}.demo-login p{color:#5034d8;margin-bottom:8px;font-size:13px;font-weight:600}.demo-login span{color:#666680;margin:4px 0;font-size:12px;display:block}