*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,sans-serif}.login-box{width:100%;max-width:380px;background:#fff;padding:35px;border-radius:20px;box-shadow:0 15px 40px #00000026}.logo-area{text-align:center;margin-bottom:25px}.logo-area img{width:100px;height:auto}.logo-area h2{margin-top:15px;font-size:22px;font-weight:700;color:#1f2937}.logo-area p{font-size:13px;color:#777}.input-group{margin-bottom:18px}.input-group label{display:block;font-size:14px;margin-bottom:6px;color:#374151}.input-group input{width:100%;height:42px;padding:0 12px;border:1px solid #ddd;border-radius:10px;font-size:14px;outline:none}.input-group input:focus{border-color:#16a34a}.remember{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:20px}.login-box button{width:100%;height:42px;border:none;border-radius:10px;background:#16a34a;color:#fff;font-size:15px;font-weight:600;cursor:pointer}.login-box button:hover{background:#15803d}.dashboard-wrapper{display:flex;min-height:100vh;background:linear-gradient(135deg,#0f2027,#203a43,#2c5364)}.sidebar{width:280px;margin:20px;padding:25px;background:#ffffff1f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:25px;border:1px solid rgba(255,255,255,.25);box-shadow:0 20px 40px #00000059}.logo-box{text-align:center;margin-bottom:35px}.logo-box img{width:100px;height:100px;-o-object-fit:contain;object-fit:contain}.logo-box h3{color:#fff;font-size:20px;margin-top:15px}.logo-box p{color:#ddd;font-size:14px;margin-top:5px}.menu{list-style:none}.menu li{margin-bottom:12px}.menu a{display:flex;align-items:center;gap:15px;padding:15px;color:#fff;text-decoration:none;border-radius:15px;transition:.3s}.menu a:hover,.menu a.active{background:#ffffff40;transform:translate(8px)}.content{flex:1;padding:35px;color:#fff}@media(max-width:768px){.dashboard-wrapper{flex-direction:column}.sidebar{width:auto;margin:15px}.content{padding:15px}}@media(max-width:480px){.login-box{padding:25px;border-radius:15px}.logo-area img{width:85px}}