.login-logo-wrapper[data-v-d4add156]{width:60%;display:flex;justify-content:center;align-items:center}.login-logo[data-v-d4add156]{text-align:center}.logo-img[data-v-d4add156]{max-width:150px;height:auto;margin:0 auto;display:block}@media(max-width:768px){.logo-img[data-v-d4add156]{max-width:160px}.login-logo-wrapper[data-v-d4add156]{width:65%!important;display:flex;justify-content:center;align-items:center}}@media only screen and (min-width:1024px)and (max-width:1800px){.logo-img[data-v-d4add156]{max-width:140px}.login-logo-wrapper[data-v-d4add156]{width:40%!important;display:flex;justify-content:center;align-items:center}}.loading-overlay[data-v-d4add156]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fffc;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dark .loading-overlay[data-v-d4add156]{background-color:#000000b3}.spinner[data-v-d4add156]{width:60px;height:60px;border:6px solid #ddd;border-top-color:#0d6efd;border-radius:50%;animation:spin-d4add156 .9s linear infinite}.loading-text[data-v-d4add156]{margin-top:1rem;font-weight:500;color:#333}.dark .loading-text[data-v-d4add156]{color:#fff}@keyframes spin-d4add156{to{transform:rotate(360deg)}}.pin-display-container[data-v-d4add156]{margin:30px 0}.pin-dots[data-v-d4add156]{display:flex;justify-content:center;gap:10px;margin-bottom:10px}.pin-dot[data-v-d4add156]{width:50px;height:50px;border:2px solid #ddd;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:32px;background:#f8f9fa;transition:all .3s ease}.dark .pin-dot[data-v-d4add156]{border-color:#444;background:#1e1e1e;color:#fff}.pin-dot.filled[data-v-d4add156]{border-color:#0d6efd;background:#e7f1ff;transform:scale(1.05)}.dark .pin-dot.filled[data-v-d4add156]{border-color:#0d6efd;background:#1a3a5c}.numeric-keypad[data-v-d4add156]{max-width:300px;margin:0 auto}.keypad-row[data-v-d4add156]{display:flex;gap:24px;margin-bottom:15px;justify-content:center}.keypad-btn[data-v-d4add156]{width:60px;height:60px;border:none;border-radius:50%;background:#f8f9fa;font-size:24px;font-weight:600;color:#333;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.keypad-btn[data-v-d4add156]:hover{background:#e9ecef;transform:scale(1.05);box-shadow:0 4px 12px #00000026}.keypad-btn[data-v-d4add156]:active{transform:scale(.95)}.dark .keypad-btn[data-v-d4add156]{background:#2a2a2a;color:#fff}.dark .keypad-btn[data-v-d4add156]:hover{background:#3a3a3a}.keypad-clear[data-v-d4add156],.keypad-delete[data-v-d4add156]{background:#fff3cd!important;color:#856404;font-size:20px}.dark .keypad-clear[data-v-d4add156],.dark .keypad-delete[data-v-d4add156]{background:#3a3a2a!important;color:#ffc107}.btn-link-switch[data-v-d4add156]{background:none;border:none;color:#0d6efd;text-decoration:none;cursor:pointer;padding:10px 20px;font-size:14px;transition:all .3s ease;border-radius:8px}.btn-link-switch[data-v-d4add156]:hover{background:#e7f1ff;color:#0a58ca}.dark .btn-link-switch[data-v-d4add156]{color:#6ea8fe}.dark .btn-link-switch[data-v-d4add156]:hover{background:#1a3a5c;color:#9ec5fe}.email-login-container[data-v-d4add156]{padding:20px 0}.form-login[data-v-d4add156]{margin-bottom:20px}.form-label[data-v-d4add156]{display:block;margin-bottom:8px;font-weight:500;color:#333}.dark .form-label[data-v-d4add156]{color:#fff!important}.form-addons[data-v-d4add156]{position:relative}.form-addons input[data-v-d4add156]{width:100%;padding:12px 45px 12px 15px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:all .3s ease}.form-addons input[data-v-d4add156]:focus{outline:none;border-color:#0d6efd;box-shadow:0 0 0 3px #0d6efd1a}.form-addons img[data-v-d4add156]{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:20px;opacity:.5}.pass-group[data-v-d4add156]{position:relative}.pass-input[data-v-d4add156]{width:100%;padding:12px 45px 12px 15px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:all .3s ease}.pass-input[data-v-d4add156]:focus{outline:none;border-color:#0d6efd;box-shadow:0 0 0 3px #0d6efd1a}.toggle-password[data-v-d4add156]{cursor:pointer;position:absolute;top:50%;right:15px;transform:translateY(-50%);color:#888;transition:color .3s ease}.toggle-password[data-v-d4add156]:hover{color:#0d6efd}.dark h3[data-v-d4add156]{color:#fff!important}.dark h4[data-v-d4add156],.dark p[data-v-d4add156]{color:#b0b0b0!important}.dark h4 a[data-v-d4add156]{color:#6ea8fe!important}.dark .login-wrapper[data-v-d4add156]{background-color:#121212}.dark input[data-v-d4add156],.dark .form-control[data-v-d4add156]{background-color:#1e1e1e;color:#fff;border-color:#444}.dark input[data-v-d4add156]:focus,.dark .form-control[data-v-d4add156]:focus{background-color:#2a2a2a;border-color:#0d6efd}.btn-login[data-v-d4add156]{width:100%;padding:14px;border:none;border-radius:8px;background:#0d6efd;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-login[data-v-d4add156]:hover:not(:disabled){background:#0b5ed7;transform:translateY(-2px);box-shadow:0 4px 12px #0d6efd4d}.btn-login[data-v-d4add156]:disabled{opacity:.6;cursor:not-allowed}.login-img img[data-v-d4add156]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.login-overlay[data-v-d4add156]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0009,#0000004d);display:flex;align-items:center;justify-content:center}.overlay-content[data-v-d4add156]{color:#fff;padding:20px}.restaurant-name[data-v-d4add156]{font-size:3rem;font-weight:700;text-shadow:2px 2px 8px rgba(0,0,0,.8);margin-bottom:1rem;color:#fff}.restaurant-desc[data-v-d4add156]{font-size:1.25rem;color:#fffc;text-shadow:1px 1px 4px rgba(0,0,0,.6);max-width:600px;margin:0 auto}.text-sm[data-v-d4add156]{font-size:.875rem}.alreadyuser h4[data-v-d4add156]{font-size:14px;margin:0}.hover-a[data-v-d4add156]{transition:color .3s ease}.hover-a[data-v-d4add156]:hover{color:#0d6efd!important}@media(max-width:768px){.keypad-btn[data-v-d4add156]{width:60px;height:60px;font-size:20px}.pin-dot[data-v-d4add156]{width:45px;height:45px;font-size:28px}.restaurant-name[data-v-d4add156]{font-size:2rem}.restaurant-desc[data-v-d4add156]{font-size:1rem}}