:root{--sidebar-width:280px;--sidebar-collapsed-width:70px;--sidebar-icon-left:20px;--sidebar-icon-width:30px}body{font-family:inter,sans-serif;background:linear-gradient(135deg,#6b6c73 0%,#525f71 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;margin:0;padding:16px;box-sizing:border-box;overflow:hidden;position:relative}.login-card{background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.25);overflow:hidden;width:100%;max-width:420px;max-height:95vh;display:flex;flex-direction:column;animation:fadeInUp .8s ease-out}.card-header{background:linear-gradient(135deg,#667eea,#0d6efd);color:#fff;text-align:center;padding:1.5rem 1rem;flex-shrink:0}.card-header h2{margin:0;font-weight:600;font-size:1.6rem}.card-header p{margin:.5rem 0 0;opacity:.9;font-size:.9rem}.card-body{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto}.form-control{border-radius:12px;padding:.65rem 1rem;border:1px solid #e0e0e0;transition:all .3s ease;font-size:1rem}.form-control:focus{border-color:#667eea;box-shadow:0 0 0 .2rem rgba(102,126,234,.25)}.btn-login{background:linear-gradient(135deg,#667eea,#0d6efd);border:none;border-radius:12px;padding:.85rem;font-weight:600;font-size:1.1rem;transition:transform .2s ease;margin-top:1rem}.btn-login:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(102,126,234,.3)}.alert{border-radius:12px;border:none;margin-bottom:1rem}@media(max-height:600px){.card-header{padding:1rem}.card-header h2{font-size:1.4rem}.card-header p{font-size:.85rem}.card-body{padding:1rem}.mb-4{margin-bottom:1rem!important}.form-control{padding:.55rem .9rem;font-size:.95rem}.btn-login{padding:.75rem;font-size:1rem;margin-top:.5rem}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}