body{min-height:100vh;background:linear-gradient(135deg,#066,#004d4d);font-family:Poppins,sans-serif}.main-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-box{width:100%;max-width:380px;padding:35px 30px;border-radius:20px;background:#fff;box-shadow:0 15px 50px #00000040;animation:fadeIn .6s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.logo{width:65px;height:auto}.brand-title{font-weight:700;color:#066}.username-group{position:relative;display:flex;align-items:center;background:#fff;border:2px solid #004d4d;border-radius:10px;transition:all .3s ease}.username-group:focus-within{box-shadow:0 0 10px #00666640}body.dark-only .form-control{background-color:var(--sidebar-border)!important}body.dark-only .text-muted{color:var(--bs-gray)!important}.username-group .form-control{border:none!important;box-shadow:none!important;padding:12px;background:transparent;flex:1}.toggle-pin-btn{border:none;background:none;color:#888;padding:0 15px;cursor:pointer;display:flex;align-items:center;height:100%;transition:color .2s ease,transform .2s ease}.toggle-pin-btn:hover{color:#fe6a49;transform:scale(1.1)}.toggle-pin-btn svg{width:22px;height:22px}.pin-container{display:flex;justify-content:space-between;align-items:center;margin:25px 0 20px;gap:6px;width:100%;max-width:100%;box-sizing:border-box}.pin-input{width:100%;max-width:45px;height:45px;border-radius:50%;border:2px solid #ddd;text-align:center;font-size:18px;font-weight:700;transition:all .3s ease}.pin-input:focus{border-color:#066;box-shadow:0 0 10px #0066664d;transform:scale(1.08);outline:none}.pin-input.filled{background:#066;color:#fff;border-color:#066}.remember-me-container{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px;font-size:14px;color:#555;-webkit-user-select:none;user-select:none}.remember-me-container input[type=checkbox]{accent-color:#006666;width:16px;height:16px;cursor:pointer;margin:0}.remember-me-container label{cursor:pointer;font-weight:500;margin:0;padding:0;display:inline-flex;align-items:center}.btn-login{width:100%;padding:12px;border-radius:12px;border:none;background:#fe6a49;color:#fff;font-weight:600;transition:.3s}.btn-login:hover{transform:translateY(-2px);box-shadow:0 5px 20px #fe6a4966}.company{margin-top:15px;font-size:13px;color:#888}.alert{margin-top:10px;font-size:14px}.outlet-card{border-radius:20px}.bg-pulse{box-shadow:0 0 #51bb25b3;animation:pulse-green 2s infinite}.dark-only .welcome{color:#ffa117!important}body.dark-only .outlet-address{color:#000!important}@keyframes pulse-green{0%{box-shadow:0 0 #51bb25b3}70%{box-shadow:0 0 0 10px #51bb2500}to{box-shadow:0 0 #51bb2500}}