:root{--admin-primary: #2c3e50;--admin-secondary: #3498db;--admin-gradient: linear-gradient(135deg, #2c3e50, #3498db)}body{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg, #f5f7fa 0%, #e4e8ec 100%)}.login-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:20px}.login-container{width:100%;max-width:420px}.login-logo{text-align:center;margin-bottom:30px}.login-logo h1{font-size:1.8rem;font-weight:700;color:var(--admin-primary);margin:0}.login-logo p{color:#6c757d;margin:5px 0 0;font-size:.9rem}.login-card{background:#fff;border:none;box-shadow:0 10px 40px rgba(0,0,0,.1);border-radius:16px;overflow:hidden}.login-card .card-header{background:var(--admin-gradient);color:#fff;text-align:center;padding:30px 20px;border:none}.login-card .card-header h3{margin:0;font-weight:600}.login-card .card-header p{margin:8px 0 0;opacity:.85;font-size:.9rem}.login-card .card-body{padding:35px}.form-label{font-weight:500;color:#495057}.form-control{padding:12px 15px;border-radius:8px;border:1px solid #dee2e6}.form-control:focus{border-color:var(--admin-secondary);box-shadow:0 0 0 .2rem rgba(52,152,219,.15)}.btn-admin{background:var(--admin-gradient);border:none;color:#fff;padding:12px 20px;font-weight:500;border-radius:8px;transition:all .3s ease}.btn-admin:hover{background:linear-gradient(135deg, #1a252f, #2980b9);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(44,62,80,.3)}.login-footer{text-align:center;padding:20px;color:#6c757d;font-size:.85rem}