.confirmation-overlay{-webkit-backdrop-filter:blur(6px);z-index:10000;box-sizing:border-box;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.confirmation-modal{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:420px;max-height:calc(100dvh - 40px);position:relative;overflow-y:auto;box-shadow:0 24px 48px #0f172a2e,0 8px 16px #0f172a14}[data-theme=dark] .confirmation-modal{background:#1e293b;border-color:#334155;box-shadow:0 24px 48px #00000073,0 8px 16px #00000040}.confirmation-modal--danger{border-top:4px solid #ef4444}.confirmation-icon{border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:24px auto 0;font-size:24px;line-height:1;display:flex}.confirmation-icon--default{background:#eff6ff}.confirmation-icon--danger{background:#fef2f2}[data-theme=dark] .confirmation-icon--default{background:#3b82f633}[data-theme=dark] .confirmation-icon--danger{background:#ef444433}.confirmation-header{text-align:center;border-bottom:none;padding:16px 24px 0}.confirmation-header h2{color:#1e293b;margin:0;font-size:20px;font-weight:700;line-height:1.3}[data-theme=dark] .confirmation-header h2{color:#f1f5f9}.confirmation-body{text-align:center;padding:12px 24px 20px}.confirmation-body p{color:#64748b;margin:0;font-size:15px;line-height:1.55}[data-theme=dark] .confirmation-body p{color:#cbd5e1}.confirmation-footer{border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:center;gap:12px;padding:16px 24px 24px;display:flex}[data-theme=dark] .confirmation-footer{border-top-color:#334155}.confirmation-footer .btn{cursor:pointer;border:none;border-radius:8px;min-width:110px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s,transform .15s}.confirmation-footer .btn:active{transform:scale(.98)}.confirmation-footer .btn-secondary{color:#334155;background:#f1f5f9}[data-theme=dark] .confirmation-footer .btn-secondary{color:#f1f5f9;background:#334155}.confirmation-footer .btn-secondary:hover{background:#e2e8f0}[data-theme=dark] .confirmation-footer .btn-secondary:hover{background:#475569}.confirmation-footer .btn-success{color:#fff;background:#10b981}.confirmation-footer .btn-success:hover{background:#059669}.confirmation-footer .btn-danger{color:#fff;background:#ef4444}.confirmation-footer .btn-danger:hover{background:#dc2626}.confirmation-footer .btn-warning{color:#fff;background:#f59e0b}.confirmation-footer .btn-warning:hover{background:#d97706}.confirmation-modal--success{border-top:4px solid #10b981}.confirmation-modal--error{border-top:4px solid #ef4444}.confirmation-modal--warning{border-top:4px solid #f59e0b}.confirmation-modal--info{border-top:4px solid #3b82f6}.confirmation-icon--success{color:#10b981;background:#d1fae5}.confirmation-icon--error{color:#ef4444;background:#fee2e2}.confirmation-icon--warning{color:#f59e0b;background:#fef3c7}.confirmation-icon--info,.confirmation-icon--confirm{color:#3b82f6;background:#dbeafe}[data-theme=dark] .confirmation-icon--success{color:#6ee7b7;background:#10b98133}[data-theme=dark] .confirmation-icon--error{color:#fca5a5;background:#ef444433}[data-theme=dark] .confirmation-icon--warning{color:#fcd34d;background:#f59e0b33}[data-theme=dark] .confirmation-icon--info,[data-theme=dark] .confirmation-icon--confirm{color:#93c5fd;background:#3b82f633}@media (width<=480px){.confirmation-overlay{align-items:center;padding:16px}.confirmation-modal{border-radius:14px;max-width:100%}.confirmation-footer{flex-direction:column-reverse}.confirmation-footer .btn{width:100%;min-width:unset}}.auth-container{--auth-radius:24px;box-sizing:border-box;background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);justify-content:center;align-items:center;height:auto;min-height:100dvh;padding:24px 20px;display:flex;overflow:hidden auto}.auth-wrapper{border-radius:var(--auth-radius);box-shadow:var(--shadow-xl);isolation:isolate;background:#fff;grid-template-columns:1fr 1fr;gap:0;width:100%;max-width:1100px;height:auto;max-height:min(850px,100dvh - 48px);display:grid;overflow:hidden}.auth-visual{border-right:1px solid var(--border-color);box-sizing:border-box;border-radius:var(--auth-radius) 0 0 var(--auth-radius);background:linear-gradient(135deg,#fffffff2 0%,#ffffffe6 100%);justify-content:center;align-items:center;height:auto;min-height:0;padding:48px 32px;display:flex}.visual-content{text-align:center;max-width:320px}.visual-icon{border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;margin:0 auto 30px;font-size:60px;display:flex}.visual-icon.manager-icon{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%)}.visual-title{color:var(--text-primary);margin-bottom:16px;font-size:28px;font-weight:700}.feature{box-shadow:var(--shadow-sm);background:#fff;border-radius:10px;align-items:center;gap:12px;padding:12px;display:flex}.auth-form-container{box-sizing:border-box;border-radius:0 var(--auth-radius) var(--auth-radius) 0;flex-direction:column;justify-content:flex-start;align-items:stretch;height:auto;min-height:0;max-height:min(850px,100dvh - 48px);padding:36px 40px;scroll-padding-top:24px;display:flex;overflow:hidden auto}.auth-form-inner{box-sizing:border-box;width:100%;max-width:440px;margin:0 auto;padding:4px 0 20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form{flex-direction:column;gap:18px;margin-bottom:20px;display:flex}.form-input{border:2px solid var(--border-color);color:var(--text-primary);background:#fff;border-radius:10px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .3s}.password-input-wrapper{align-items:center;display:flex;position:relative}.btn-login,.btn-register{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-family:inherit;font-size:15px;font-weight:600;transition:all .3s;display:flex}.btn-login{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);color:#fff;box-shadow:var(--shadow-md)}.btn-login:hover:not(:disabled){box-shadow:var(--shadow-lg)}.btn-register{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);color:#fff;box-shadow:var(--shadow-md)}.btn-register:hover:not(:disabled){box-shadow:var(--shadow-lg)}.btn-login:disabled,.btn-register:disabled{opacity:.6;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.form-footer{border-top:1px solid var(--border-color);flex-direction:column;align-items:center;gap:16px;padding-top:24px;display:flex}.footer-buttons{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}.footer-link-btn{border:2px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:all .3s;display:flex}.footer-link-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#2563eb0d;transform:translateY(-2px)}.auth-container.employee-auth .footer-link-btn:hover{border-color:var(--secondary-color);color:var(--secondary-color);background:#10b9810d}.footer-back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-family:inherit;font-size:14px;font-weight:600;transition:all .3s}.footer-back-btn:hover{color:var(--text-primary);transform:translate(-4px)}@media (width<=1024px){.auth-wrapper{grid-template-columns:1fr;max-height:none}.auth-visual{border-right:none;border-bottom:1px solid var(--border-color);border-radius:var(--auth-radius) var(--auth-radius) 0 0;min-height:auto;padding:40px 32px}.auth-form-container{border-radius:0 0 var(--auth-radius) var(--auth-radius);max-height:none}.visual-content{max-width:100%}.auth-form-container{padding:32px}.form-title{font-size:28px}}@media (width<=768px){.auth-wrapper{--auth-radius:20px;border-radius:20px;max-height:none;overflow:hidden}.auth-visual{border-radius:20px 20px 0 0;padding:30px 24px}.auth-form-container{border-radius:0 0 20px 20px}.visual-title{font-size:24px}.visual-icon{width:100px;height:100px}.visual-icon svg{width:60px;height:60px}.auth-form-container{padding:28px 24px}.auth-form-inner{padding:0 0 16px}.form-title{font-size:24px}.form-subtitle{font-size:14px}.visual-features{gap:12px}.feature{padding:10px;font-size:12px}.feature-icon{font-size:20px}.form-input{padding:10px 12px;font-size:13px}.btn-login,.btn-register{padding:12px 20px;font-size:14px}}@media (width<=480px){.auth-container{padding:12px}.auth-wrapper{--auth-radius:16px;border-radius:16px}.auth-visual{border-bottom:1px solid var(--border-color);border-radius:16px 16px 0 0;padding:24px 20px}.auth-form-container{border-radius:0 0 16px 16px}.visual-title{font-size:20px}.visual-description{font-size:13px}.visual-features{gap:8px}.feature{padding:8px}.auth-form-container{padding:24px 20px}.form-header{margin-bottom:24px}.form-title{font-size:20px}.form-subtitle{font-size:13px}.form{gap:14px}.form-group{gap:6px}.form-group label{font-size:13px}.form-input{padding:10px 12px;font-size:13px}.info-banner{font-size:13px}.btn-login,.btn-register{padding:11px 16px;font-size:13px}.form-footer p,.link-btn,.back-btn{font-size:13px}}.login-container{background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-box{background:var(--card-bg);box-shadow:var(--shadow-xl);border-radius:16px;width:100%;max-width:450px;padding:40px;animation:.5s slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:30px}.login-icon{margin-bottom:16px;font-size:48px;display:block}.login-title{color:var(--text-primary);margin-bottom:8px;font-size:28px;font-weight:700}.login-subtitle{color:var(--text-secondary);font-size:14px}.login-footer{text-align:center;border-top:1px solid var(--border-color);margin-top:24px;padding-top:20px}.login-footer-text{color:var(--text-secondary);margin-bottom:8px;font-size:14px}.login-footer-link{color:var(--primary-color);cursor:pointer;font-weight:600;text-decoration:none;transition:color .3s}.login-footer-link:hover{color:var(--primary-dark);text-decoration:underline}.remember-me{align-items:center;gap:8px;margin-bottom:20px;display:flex}.remember-me input[type=checkbox]{cursor:pointer;accent-color:var(--primary-color)}.remember-me label{cursor:pointer;color:var(--text-secondary);margin:0;font-size:14px}.forgot-password{text-align:right;margin-bottom:20px}.forgot-password a{color:var(--primary-color);font-size:13px;font-weight:500;text-decoration:none;transition:color .3s}.forgot-password a:hover{color:var(--primary-dark);text-decoration:underline}.forgot-password-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.forgot-password-modal{background:#fff;border-radius:16px;width:100%;max-width:420px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.forgot-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.forgot-modal-title{color:var(--text-primary);margin:0;font-size:22px;font-weight:700}.modal-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px 8px;font-size:24px;transition:color .3s;display:flex}.modal-close-btn:hover{color:var(--text-primary)}.forgot-form{flex-direction:column;gap:18px;padding:24px;display:flex}.forgot-description{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.forgot-modal-footer{justify-content:flex-end;gap:12px;padding-top:8px;display:flex}.btn-cancel{border:2px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:10px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .3s}.btn-cancel:hover{border-color:var(--primary-color);color:var(--primary-color);background:#2563eb0d}.btn-forgot-submit{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #2563eb4d}.btn-forgot-submit:hover:not(:disabled){box-shadow:0 6px 16px #2563eb66}.btn-forgot-submit:disabled{opacity:.6;cursor:not-allowed}.btn-forgot-submit.btn-success{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 12px #10b9814d}.btn-forgot-submit.btn-success:hover:not(:disabled){box-shadow:0 6px 16px #10b98166}.btn-back{color:var(--primary-color);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .3s}.btn-back:hover{background:#2563eb1a}@media (width<=480px){.login-box{padding:30px 20px}.login-title{font-size:24px}.form-input{font-size:16px}.btn{padding:14px 20px;font-size:16px}.forgot-password-modal{max-width:calc(100% - 40px)}.forgot-modal-header{padding:20px 20px 12px}.forgot-modal-title{font-size:18px}.forgot-form{gap:14px;padding:20px}.forgot-description{font-size:13px}.btn-cancel,.btn-forgot-submit,.btn-back{padding:9px 16px;font-size:13px}.forgot-modal-footer{gap:8px}}@media (width<=430px){.auth-container,.login-container{padding:10px}.auth-wrapper{--auth-radius:12px;border-radius:12px}.auth-visual{border-radius:12px 12px 0 0;padding:20px 16px}.visual-icon{width:80px;height:80px;margin-bottom:16px;font-size:36px}.visual-icon svg{width:40px;height:40px}.visual-title{margin-bottom:8px;font-size:18px}.visual-description{margin-bottom:20px;font-size:12px;line-height:1.4}.auth-form-container,.login-box{border-radius:0 0 12px 12px;padding:20px 16px}.login-box{border-radius:12px}.form-header,.login-header{margin-bottom:18px}.form-title,.login-title{letter-spacing:-.5px;font-size:18px}.form-subtitle,.login-subtitle{font-size:12px}.form{gap:12px}.form-group{gap:4px;margin-bottom:14px}.form-group label{font-size:12px}.form-input{border-radius:6px;padding:10px 12px;font-size:14px}.btn,.btn-login,.btn-register,.btn-forgot-submit,.btn-cancel,.btn-back{border-radius:6px;padding:10px 14px;font-size:13px}.footer-buttons{grid-template-columns:1fr;gap:10px}.footer-link-btn{border-radius:6px;padding:10px;font-size:13px}.info-banner,.alert,.error-message,.success-message{border-radius:6px;margin-bottom:14px;padding:10px 12px;font-size:12px}.forgot-password-modal{max-width:100%}.forgot-modal-header{padding:16px 16px 10px}.forgot-modal-title{font-size:16px}.forgot-form{gap:12px;padding:16px}.forgot-description{font-size:12px}}html,body{scroll-behavior:smooth;width:100%;min-height:100%;overflow:hidden auto}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s,color .3s}.auth-container{--auth-radius:24px;scroll-behavior:smooth;box-sizing:border-box;justify-content:center;align-items:center;height:auto;min-height:100dvh;padding:24px 20px;display:flex;position:relative;overflow:hidden auto}.auth-container.manager-auth{background:radial-gradient(circle at 0 0,#3b82f640,#0000 30%),radial-gradient(circle at 100% 100%,#2563eb40,#0000 30%),linear-gradient(135deg,#0f172a 0%,#1e3a8a 50%,#2563eb 100%)}.auth-container.employee-auth{background:radial-gradient(circle at 0 0,#10b98140,#0000 30%),radial-gradient(circle at 100% 100%,#05966940,#0000 30%),linear-gradient(135deg,#0f172a 0%,#1e3a8a 50%,#2563eb 100%)}.auth-wrapper{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:var(--auth-radius);isolation:isolate;background:#ffffff14;border:1px solid #ffffff26;grid-template-columns:1fr 1fr;width:100%;max-width:1250px;height:auto;max-height:min(850px,100dvh - 48px);display:grid;overflow:hidden;box-shadow:0 20px 60px #00000059,inset 0 1px #ffffff1a}.auth-visual{box-sizing:border-box;border-radius:var(--auth-radius) 0 0 var(--auth-radius);background:linear-gradient(#ffffff1f,#ffffff0a);border-right:1px solid #ffffff14;justify-content:center;align-items:center;height:auto;min-height:0;padding:40px 32px;display:flex;position:relative}.auth-container.manager-auth .auth-visual{background:linear-gradient(135deg,#2563eb0d 0%,#1e40af0d 100%)}.auth-container.employee-auth .auth-visual{background:linear-gradient(135deg,#10b9810d 0%,#0596690d 100%)}.visual-content{text-align:center;width:100%;max-width:420px}.visual-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 20px;font-size:50px;display:flex}.visual-icon.manager-icon{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 40%,#1d4ed8 100%);animation:4s ease-in-out infinite floating;box-shadow:0 12px 30px #2563eb59,inset 0 2px 10px #ffffff40}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.visual-icon.chef-icon{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.visual-icon svg{width:55px;height:55px}.visual-title{color:#fff;letter-spacing:-1px;margin-bottom:14px;font-size:36px;font-weight:800;line-height:1.2}.visual-description{color:#ffffffbf;margin-bottom:30px;font-size:15px;line-height:1.6}.launch-badge{color:#ffffffe6;background:#ffffff1f;border:1px solid #fff3;border-radius:999px;margin-bottom:16px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-block}.visual-features{text-align:left;flex-direction:column;gap:12px;display:flex}.feature{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:12px;padding:14px 18px;transition:all .3s;display:flex}.feature:hover{background:#ffffff1f;transform:translateY(-2px);box-shadow:0 8px 20px #0003}.feature-icon{flex-shrink:0;font-size:22px}.feature-text{color:#fff;font-size:14px;font-weight:600}.auth-form-container{box-sizing:border-box;border-radius:0 var(--auth-radius) var(--auth-radius) 0;background:#fffffffa;flex-direction:column;justify-content:flex-start;align-items:stretch;height:auto;min-height:0;max-height:min(850px,100dvh - 48px);padding:36px 40px;scroll-padding-top:24px;display:flex;overflow:hidden auto}.auth-form-inner{box-sizing:border-box;flex-direction:column;width:100%;max-width:440px;margin:0 auto;padding:4px 0 20px;display:flex}.form-header{text-align:center;margin-bottom:32px}.form-title{color:var(--text-primary);margin-bottom:8px;font-size:32px;font-weight:700}.form-subtitle{color:var(--text-secondary);font-size:16px}.info-banner{border-left:4px solid var(--warning-color);color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-radius:8px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;font-size:14px;display:flex}.info-banner span:first-child{flex-shrink:0;font-size:18px}.alert{border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:14px 16px;animation:.3s slideDown;display:flex}.alert-error{border-left:4px solid var(--danger-color);color:#7f1d1d;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%)}.alert-success{border-left:4px solid var(--success-color);color:#065f46;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%)}.alert span:first-child{flex-shrink:0;font-size:18px}.form{flex-direction:column;gap:18px;width:100%;margin-bottom:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-primary);font-size:14px;font-weight:600}.form-input{box-sizing:border-box;background:#f8fafc;border:1px solid #dbe4f0;border-radius:14px;width:100%;padding:16px 18px;font-size:15px;transition:all .25s}.form-input:focus{background:#fff;border-color:#2563eb;outline:none;transform:translateY(-1px);box-shadow:0 0 0 5px #2563eb1a,0 8px 20px #2563eb14}.auth-container.employee-auth .form-input:focus{border-color:var(--secondary-color);box-shadow:0 0 0 4px #10b9811a}.form-input:disabled{cursor:not-allowed;background:#f1f5f9}.password-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.password-toggle{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:4px 8px;font-size:18px;transition:color .3s;position:absolute;right:12px}.password-toggle:hover{color:var(--text-primary)}.password-toggle:disabled{cursor:not-allowed}.remember-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-primary);align-items:center;gap:8px;font-size:14px;display:flex}.remember-checkbox input{cursor:pointer;width:18px;height:18px}.hint{color:var(--text-secondary);margin-top:4px;font-size:12px}.btn-login,.btn-register,.btn-payment{cursor:pointer;letter-spacing:.3px;color:#fff;background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);width:100%;height:56px;box-shadow:var(--shadow-md);-webkit-user-select:none;user-select:none;box-sizing:border-box;border:none;border-radius:16px;outline:none;justify-content:center;align-items:center;gap:8px;font-family:inherit;font-size:16px;font-weight:700;transition:all .3s;display:flex}.btn-login:hover:not(:disabled),.btn-register:hover:not(:disabled),.btn-payment:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-3px)}.btn-login:active:not(:disabled),.btn-register:active:not(:disabled),.btn-payment:active:not(:disabled){transform:translateY(-1px)}.btn-login:disabled,.btn-register:disabled,.btn-payment:disabled{opacity:.6;cursor:not-allowed}.auth-container.employee-auth .btn-login,.auth-container.employee-auth .btn-register{background:linear-gradient(135deg, var(--secondary-color) 0%, var(--secondary-dark) 100%)}.btn-payment.completed{color:#fff!important;opacity:1!important;cursor:not-allowed!important;box-shadow:var(--shadow-md)!important;background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;transform:none!important}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.form-footer{text-align:center;border-top:1px solid var(--border-color);padding-top:20px}.form-footer p{color:var(--text-secondary);margin-bottom:12px;font-size:14px}.link-btn{color:var(--primary-color);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:color .3s}.auth-container.employee-auth .link-btn{color:var(--secondary-color)}.link-btn:hover{text-decoration:underline}.back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin-top:12px;font-family:inherit;font-size:14px;font-weight:500;transition:color .3s}.back-btn:hover{color:var(--text-primary)}@media (width<=200px){.auth-wrapper{max-width:90vw}.visual-icon{width:100px;height:100px}.visual-title{font-size:36px}.auth-form-container{padding:50px 45px}.form-title{font-size:28px}}@media (width<=1024px){.auth-wrapper{grid-template-columns:1fr;max-width:100%;max-height:none}.auth-visual{border-radius:var(--auth-radius) var(--auth-radius) 0 0;border-bottom:1px solid #ffffff26;border-right:none;padding:40px 32px}.auth-form-container{border-radius:0 0 var(--auth-radius) var(--auth-radius);max-height:none}.visual-content{max-width:100%}.visual-icon{width:100px;height:100px}.visual-title{font-size:32px}.visual-description{font-size:15px}.auth-form-container{padding:32px}.form-title{font-size:26px}.form-input{padding:14px 16px;font-size:14px}.btn-login,.btn-register{height:50px;font-size:15px}}@media (width<=768px){.auth-container{align-items:flex-start;padding:16px}.auth-wrapper{border-radius:20px;grid-template-columns:1fr;margin:0}.auth-visual{border-radius:20px 20px 0 0}.auth-form-container{border-radius:0 0 20px 20px}.auth-visual{border-bottom:1px solid #ffffff26;padding:35px 25px}.visual-title{margin-bottom:15px;font-size:26px}.visual-description{margin-bottom:30px;font-size:14px}.visual-icon{width:90px;height:90px;margin-bottom:20px}.visual-icon svg{width:50px;height:50px}.visual-features{gap:12px}.feature{gap:12px;padding:12px;font-size:13px}.feature-icon{font-size:20px}.auth-form-container{padding:28px 24px}.auth-form-inner{padding:0 0 16px}.form-header{margin-bottom:28px}.form-title{margin-bottom:8px;font-size:22px}.form-subtitle{font-size:13px}.form{gap:16px;margin-bottom:20px}.form-group{gap:7px}.form-group label{font-size:13px;font-weight:500}.form-input{border-radius:10px;padding:12px 14px;font-size:14px}.alert{margin-bottom:18px;padding:12px 14px;font-size:13px}.info-banner{padding:11px 14px;font-size:13px}.btn-login,.btn-register{border-radius:12px;height:48px;font-size:14px}.form-footer{margin-top:20px;padding-top:18px}.form-footer p{margin-bottom:10px;font-size:13px}.link-btn,.back-btn{font-size:13px}.password-toggle{font-size:16px;right:10px}}@media (width<=600px){.auth-container{min-height:auto;padding:12px}.auth-wrapper{--auth-radius:16px;border-radius:16px}.auth-visual{border-radius:16px 16px 0 0}.auth-form-container{border-radius:0 0 16px 16px}.auth-visual{padding:30px 20px}.launch-badge{margin-bottom:15px;padding:6px 12px;font-size:12px}.visual-title{margin-bottom:12px;font-size:22px}.visual-description{margin-bottom:25px;font-size:13px;line-height:1.6}.visual-icon{width:80px;height:80px;margin-bottom:18px;font-size:50px}.visual-features{gap:10px}.feature{border-radius:10px;gap:10px;padding:10px}.feature-icon{font-size:18px}.feature-text{font-size:12px}.auth-form-container{padding:24px 20px}.form-header{text-align:center;margin-bottom:24px}.form-title{margin-bottom:6px;font-size:20px;font-weight:700}.form-subtitle{font-size:12px}.form{gap:14px;margin-bottom:16px}.form-group{gap:6px}.form-group label{font-size:12px;font-weight:600}.form-input{border-radius:10px;padding:11px 12px;font-size:13px}.form-input:focus{transform:translateY(-1px)}.password-input-wrapper{position:relative}.password-toggle{padding:4px 8px;font-size:16px;right:10px}.alert{gap:8px;margin-bottom:16px;padding:10px 12px;font-size:12px}.alert span:first-child{font-size:16px}.info-banner{gap:10px;padding:10px 12px;font-size:12px}.btn-login,.btn-register{border-radius:10px;width:100%;height:44px;margin-top:6px;font-size:13px}.spinner{border:2px solid #ffffff4d;width:14px;height:14px}.form-footer{border-top:1px solid var(--border-color);margin-top:18px;padding-top:16px}.form-footer p{margin-bottom:10px;font-size:12px}.link-btn{font-size:12px}.back-btn{margin-top:10px;font-size:12px}.hint{font-size:11px}}@media (width<=380px){.auth-container{padding:10px}.auth-wrapper{border-radius:14px}.auth-visual{padding:25px 16px}.visual-title{font-size:18px;line-height:1.3}.visual-description{margin-bottom:20px;font-size:12px}.visual-icon{width:70px;height:70px;margin-bottom:16px;font-size:40px}.feature{padding:8px;font-size:11px}.feature-icon{font-size:16px}.feature-text{font-size:11px}.auth-form-container{padding:24px 16px}.form-header{margin-bottom:20px}.form-title{margin-bottom:5px;font-size:18px}.form-subtitle{font-size:11px}.form{gap:12px}.form-group{gap:5px}.form-group label{font-size:11px}.form-input{padding:10px 11px;font-size:12px}.btn-login,.btn-register{height:42px;margin-top:4px;font-size:12px}.form-footer p{font-size:11px}}html{scroll-behavior:smooth}.auth-form-container::-webkit-scrollbar{width:8px}.auth-form-container::-webkit-scrollbar-track{background:0 0}.auth-form-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.auth-form-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.register-container{background:linear-gradient(135deg,#10b981 0%,#059669 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.register-box{background:var(--card-bg);box-shadow:var(--shadow-xl);border-radius:16px;width:100%;max-width:500px;padding:40px;animation:.5s slideUp}.register-header{text-align:center;margin-bottom:30px}.register-icon{margin-bottom:16px;font-size:48px;display:block}.register-title{color:var(--text-primary);margin-bottom:8px;font-size:28px;font-weight:700}.register-subtitle{color:var(--text-secondary);font-size:14px}.form-input{border:1px solid var(--border-color);color:var(--text-primary);background:#fff;border-radius:8px;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .3s}.form-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-password-group{align-items:center;display:flex;position:relative}.form-password-group input{flex:1;padding-right:40px}.toggle-password{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;font-size:18px;transition:color .3s;position:absolute;right:12px}.toggle-password:hover{color:var(--text-primary)}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.btn-success{background-color:var(--secondary-color);color:#fff;box-shadow:var(--shadow-md)}.btn-success:hover:not(:disabled){box-shadow:var(--shadow-lg);background-color:#059669;transform:translateY(-2px)}.register-footer{text-align:center;border-top:1px solid var(--border-color);margin-top:24px;padding-top:20px}.register-footer-text{color:var(--text-secondary);margin-bottom:8px;font-size:14px}.register-footer-link{color:var(--primary-color);cursor:pointer;font-weight:600;text-decoration:none;transition:color .3s}.register-footer-link:hover{color:var(--primary-dark);text-decoration:underline}.error-message{color:#dc2626;background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:12px;font-size:13px;display:flex}.success-message{color:#166534;background-color:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:12px;font-size:13px;display:flex}.info-message{color:#1e40af;background-color:#dbeafe;border:1px solid #bfdbfe;border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:20px;padding:12px;font-size:13px;line-height:1.5;display:flex}.password-requirements{border:1px solid var(--border-color);color:var(--text-secondary);background-color:#f5f5f5;border-radius:8px;margin-top:8px;padding:12px;font-size:12px}.password-requirement{align-items:center;gap:6px;margin-bottom:4px;display:flex}.password-requirement:last-child{margin-bottom:0}.requirement-icon{font-size:14px}.requirement-icon.met{color:var(--secondary-color)}.requirement-icon.unmet{color:var(--text-secondary)}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@media (width<=480px){.register-box{padding:30px 20px}.register-title{font-size:24px}.form-input{font-size:16px}.btn{padding:14px 20px;font-size:16px}}.payment-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;box-sizing:border-box;background:#0f172a99;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.payment-modal{text-align:center;background:#fff;border-radius:24px;flex-direction:column;gap:16px;width:100%;max-width:440px;padding:32px;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards modalPopIn;display:flex;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #0000000d}.payment-modal h2{color:#1e293b;margin:0;font-size:24px;font-weight:800}.payment-qr{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:180px;height:180px;margin:10px auto;padding:8px}.payment-modal p{color:#64748b;background:#f8fafc;border-radius:8px;margin:0;padding:8px 12px;font-size:14px;font-weight:600}.payment-modal h3{color:#2563eb;margin:5px 0;font-size:20px;font-weight:700}.payment-modal input[type=text],.payment-modal input[type=file]{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.payment-modal input[type=text]:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.payment-modal button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;width:100%;margin-top:10px;padding:14px;font-size:16px;font-weight:600;transition:all .2s}.payment-modal button:hover{background:#1d4ed8;transform:translateY(-1px)}@keyframes modalPopIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (width<=480px){.payment-modal{border-radius:20px;gap:14px;padding:24px 20px}}*{transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s,transform .3s}.role-selection-container{background:radial-gradient(circle at 0 0,#2563eb26,#0000 35%),radial-gradient(circle at 100% 100%,#10b98126,#0000 35%),linear-gradient(135deg,#0f172a 0%,#111827 50%,#020617 100%);justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex;position:relative;overflow:hidden}.role-selection-container:before{content:"";filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#ffffff0d,#0000 70%);border-radius:50%;width:700px;height:700px;position:absolute;top:-250px;left:-250px}.role-selection-wrapper{z-index:2;text-align:center;width:100%;max-width:1100px;position:relative}.role-selection-header{margin-bottom:70px}.role-selection-title{letter-spacing:-2px;color:#fff;text-shadow:0 0 30px #ffffff14;margin-bottom:18px;font-size:58px;font-weight:900}.role-selection-subtitle{color:#ffffffb3;max-width:600px;margin:0 auto;font-size:18px;line-height:1.7}.role-selection-cards{grid-template-columns:repeat(2,1fr);gap:40px;margin-bottom:40px;display:grid}.role-card{cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;min-height:420px;padding:50px 35px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000059}.role-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:60%;height:300%;transition:all .8s;position:absolute;top:-120%;left:-40%;transform:rotate(25deg)}.role-card:hover:before{left:120%}.role-card.manager{border:1px solid #2563eb59}.role-card.manager:hover{transform:translateY(-10px)scale(1.02);box-shadow:0 0 45px #2563eb47}.role-card.employee{border:1px solid #10b98159}.role-card.employee:hover{transform:translateY(-10px)scale(1.02);box-shadow:0 0 45px #10b98147}.avatar-wrapper{margin-bottom:28px;position:relative}.role-avatar{object-fit:cover;z-index:2;background:#fff;border-radius:50%;width:150px;height:150px;padding:10px;position:relative}.role-card.manager .role-avatar{border:5px solid #2563eb;box-shadow:0 0 45px #2563eb73}.role-card.employee .role-avatar{border:5px solid #10b981;box-shadow:0 0 45px #10b98173}.role-card-title{color:#fff;margin-bottom:14px;font-size:30px;font-weight:800}.role-description{color:#ffffffb3;max-width:260px;font-size:15px;line-height:1.8}.role-selection-footer{color:#ffffff73;letter-spacing:1px;margin-top:10px;font-size:14px}@media (width<=900px){.role-selection-cards{grid-template-columns:1fr;gap:24px}.role-card{min-height:360px}.role-selection-title{font-size:42px}}@media (width<=600px){.role-selection-container{padding:20px}.role-selection-title{font-size:34px}.role-selection-subtitle{font-size:15px}.role-card{border-radius:22px;padding:35px 20px}.role-avatar{width:120px;height:120px}.role-card-title{font-size:24px}.role-description{font-size:14px}}html,body{margin:0;padding:0;overflow-x:hidden}.role-selection-wrapper{width:100%;padding:10px}.role-selection-cards{align-items:stretch;width:100%}.role-card{box-sizing:border-box;width:100%}.role-avatar{aspect-ratio:1;max-width:100%;height:auto}@media (width<=1024px){.role-selection-title{font-size:46px}.role-card{min-height:360px}.role-avatar{width:130px;height:130px}}@media (width<=768px){.role-selection-container{padding:20px 16px}.role-selection-cards{grid-template-columns:1fr;gap:22px}.role-selection-header{margin-bottom:40px}.role-selection-title{font-size:34px;line-height:1.2}.role-selection-subtitle{font-size:15px;line-height:1.6}.role-card{min-height:auto;padding:34px 22px}.role-avatar{width:115px;height:115px}.role-card-title{font-size:24px}.role-description{max-width:100%;font-size:14px}}.admin-link-wrapper{text-align:center;margin-top:25px;margin-bottom:10px}.admin-text-link{color:#64748b;cursor:pointer;border-radius:6px;padding:5px 10px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s}.admin-text-link:hover{color:#3b82f6;background-color:#3b82f60d;text-decoration:underline}.admin-text-link:focus{outline-offset:2px;outline:2px solid #3b82f6}@media (width<=480px){.role-selection-container{padding:14px}.role-selection-title{letter-spacing:-1px;font-size:28px}.role-selection-subtitle{font-size:14px}.role-selection-header{margin-bottom:28px}.role-card{border-radius:20px;padding:28px 18px}.role-avatar{width:95px;height:95px;padding:6px}.role-card-title{font-size:21px}.role-description{font-size:13px;line-height:1.6}.role-selection-footer{font-size:12px}}@media (height<=700px){.role-selection-container{padding-top:30px;padding-bottom:30px}.role-selection-header{margin-bottom:25px}.role-card{min-height:auto}.role-avatar{width:90px;height:90px}}.role-card.super-admin{background:linear-gradient(145deg,#ef44441f,#7f1d1d14);border:1px solid #ef444440}@media (width<=430px){.role-selection-container{padding:12px}.role-selection-wrapper{padding:4px}.role-selection-header{margin-bottom:24px}.role-selection-title{letter-spacing:-.5px;margin-bottom:10px;font-size:26px}.role-selection-subtitle{padding:0 4px;font-size:13px;line-height:1.5}.role-selection-cards{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.role-card{border-radius:16px;min-height:auto;padding:24px 16px}.role-avatar{width:85px;height:85px;margin-bottom:18px;padding:6px}.role-card-title{margin-bottom:8px;font-size:19px}.role-description{font-size:12px;line-height:1.5}.role-card.super-admin{padding:22px 16px}.admin-link-wrapper{margin-top:18px;margin-bottom:6px}.admin-text-link{padding:6px 12px;font-size:13px}.role-selection-footer{letter-spacing:.5px;font-size:11px}}:root{--sa-bg:#f3f5fa;--sa-surface:#fff;--sa-border:#e7eaf1;--sa-text:#1f2430;--sa-text-soft:#64748b;--sa-primary:#4f46e5;--sa-primary-dark:#4338ca;--sa-success:#10b981;--sa-success-dark:#059669;--sa-warning:#f59e0b;--sa-warning-dark:#d97706;--sa-danger:#ef4444;--sa-danger-dark:#dc2626;--sa-radius-lg:18px;--sa-radius-md:12px;--sa-radius-sm:8px;--sa-shadow:0 6px 24px #1e293b0f;--sa-shadow-hover:0 10px 30px #1e293b1a}*{box-sizing:border-box}.super-admin-page{background:radial-gradient(circle at top left, #4f46e50f, transparent 40%), radial-gradient(circle at bottom right, #10b9810d, transparent 45%), var(--sa-bg);min-height:100vh;color:var(--sa-text);padding:40px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}.super-admin-header-row{justify-content:space-between;align-items:center;width:100%;margin-bottom:34px;display:flex}.super-admin-title{letter-spacing:-.02em;background:linear-gradient(135deg, var(--sa-primary), #7c3aed);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:30px;font-weight:800}.logout-btn{letter-spacing:.01em;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 14px #ef444459;background:linear-gradient(135deg, var(--sa-danger), var(--sa-danger-dark))!important;color:#fff!important;border:none!important;border-radius:10px!important;padding:11px 22px!important;font-weight:700!important}.logout-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ef444466}.logout-btn:active{transform:translateY(0)}.admin-section{background:var(--sa-surface);border-radius:var(--sa-radius-lg);box-shadow:var(--sa-shadow);border:1px solid var(--sa-border);margin-bottom:30px;padding:26px;transition:box-shadow .2s}.admin-section:hover{box-shadow:var(--sa-shadow-hover)}.section-title{border-bottom:2px solid var(--sa-border);color:var(--sa-text);align-items:center;gap:8px;margin:0 0 20px;padding-bottom:14px;font-size:20px;font-weight:700;display:flex}.admin-table{border-collapse:separate;border-spacing:0;width:100%}.admin-table th{text-align:left;color:var(--sa-text-soft);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--sa-border);background:#f8f9fc;padding:14px 16px;font-size:12.5px;font-weight:700}.admin-table th:first-child{border-top-left-radius:10px}.admin-table th:last-child{border-top-right-radius:10px}.admin-table td{border-bottom:1px solid var(--sa-border);vertical-align:middle;padding:16px;font-size:14.5px}.admin-table tbody tr{transition:background-color .15s}.admin-table tbody tr:hover{background-color:#fafbff}.admin-table tbody tr:last-child td{border-bottom:none}.actions-cell{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.approve-btn,.extend-btn,.suspend-btn,.delete-btn,.decline-btn,.view-payment-btn{border-radius:var(--sa-radius-sm);cursor:pointer;white-space:nowrap;border:none;padding:9px 16px;font-size:13px;font-weight:600;transition:transform .12s,box-shadow .12s,filter .12s}.approve-btn:hover,.extend-btn:hover,.suspend-btn:hover,.delete-btn:hover,.decline-btn:hover,.view-payment-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.approve-btn:active,.extend-btn:active,.suspend-btn:active,.delete-btn:active,.decline-btn:active,.view-payment-btn:active{transform:translateY(0)}.approve-btn:disabled,.extend-btn:disabled,.suspend-btn:disabled,.delete-btn:disabled,.decline-btn:disabled,.view-payment-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.approve-btn{background:linear-gradient(135deg, var(--sa-success), var(--sa-success-dark));color:#fff;box-shadow:0 3px 10px #10b9814d}.extend-btn{background:linear-gradient(135deg, var(--sa-primary), var(--sa-primary-dark));color:#fff;box-shadow:0 3px 10px #4f46e54d}.suspend-btn{background:linear-gradient(135deg, var(--sa-warning), var(--sa-warning-dark));color:#fff;box-shadow:0 3px 10px #f59e0b4d}.delete-btn,.decline-btn{background:linear-gradient(135deg, var(--sa-danger), var(--sa-danger-dark));color:#fff;box-shadow:0 3px 10px #ef44444d}.view-payment-btn{box-shadow:0 3px 10px #fbbf2459;color:#1f2430!important;background:linear-gradient(135deg,#fbbf24,#f59e0b)!important}.pending-status,.active-status,.expired-status{border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700;display:inline-block}.pending-status{color:var(--sa-warning-dark);background:#fef3c7}.active-status{color:var(--sa-success-dark);background:#d1fae5}.expired-status{color:var(--sa-danger-dark);background:#fee2e2}.restaurant-link-btn{color:var(--sa-primary);cursor:pointer;font-weight:700;font-size:inherit;background:0 0;border:none;padding:0;transition:color .15s}.restaurant-link-btn:hover{color:var(--sa-primary-dark);text-decoration:underline}.restaurant-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:999;background:#0f172a8c;justify-content:center;align-items:center;animation:.15s sa-fade-in;display:flex;position:fixed;inset:0}.restaurant-modal{background:var(--sa-surface);border-radius:var(--sa-radius-lg);width:600px;max-width:95%;padding:28px;animation:.18s sa-pop-in;box-shadow:0 20px 60px #00000040}.restaurant-modal-header{border-bottom:2px solid var(--sa-border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.restaurant-modal-header h2{margin:0;font-size:20px;font-weight:800}.close-modal-btn{color:var(--sa-text-soft);cursor:pointer;background:#f1f2f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:background .15s,color .15s;display:flex}.close-modal-btn:hover{background:var(--sa-danger);color:#fff}.restaurant-modal-body{flex-direction:column;gap:14px;display:flex}.detail-row{border-bottom:1px solid var(--sa-border);justify-content:space-between;gap:20px;padding-bottom:10px;font-size:14.5px;display:flex}.detail-row strong{color:var(--sa-text-soft);min-width:160px;font-weight:600}.detail-row span{text-align:right;word-break:break-word;font-weight:500}.image-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;background:#0f172abf;justify-content:center;align-items:center;animation:.15s sa-fade-in;display:flex;position:fixed;inset:0}.image-modal{background:var(--sa-surface);border-radius:var(--sa-radius-lg);width:90%;max-width:700px;padding:20px;animation:.18s sa-pop-in;position:relative;box-shadow:0 20px 60px #00000059}.payment-preview-image{border-radius:12px;width:100%;display:block}.image-modal .close-modal-btn{background:var(--sa-danger);color:#fff;cursor:pointer;border-radius:50%;width:34px;height:34px;position:absolute;top:-14px;right:-14px;box-shadow:0 4px 12px #ef444466}.image-modal .close-modal-btn:hover{background:var(--sa-danger-dark)}@keyframes sa-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sa-pop-in{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=1366px){.super-admin-page{padding:32px}.admin-table th,.admin-table td{padding:13px 14px;font-size:14px}}@media (width<=1024px){.super-admin-page{padding:24px}.super-admin-title{font-size:26px}.admin-section{border-radius:14px;padding:20px}.section-title{font-size:18px}.admin-table{-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}.admin-table th,.admin-table td{white-space:nowrap;padding:12px;font-size:13.5px}.actions-cell{flex-wrap:nowrap}.restaurant-modal{width:90%;padding:22px}.detail-row strong{min-width:130px}}@media (width<=768px){.super-admin-page{padding:18px}.super-admin-header-row{flex-wrap:wrap;gap:12px;margin-bottom:22px}.super-admin-title{font-size:22px}.logout-btn{padding:9px 16px!important;font-size:13px!important}.admin-section{border-radius:12px;margin-bottom:22px;padding:16px}.section-title{margin-bottom:14px;padding-bottom:10px;font-size:16.5px}.admin-table th,.admin-table td{padding:10px;font-size:13px}.actions-cell{gap:6px}.approve-btn,.extend-btn,.suspend-btn,.delete-btn,.decline-btn,.view-payment-btn{padding:8px 12px;font-size:12.5px}.restaurant-modal{width:92%;max-height:88vh;padding:20px;overflow-y:auto}.detail-row{font-size:13.5px}}@media (width<=430px){.super-admin-page{padding:14px}.super-admin-title{margin-bottom:0;font-size:20px}.super-admin-header-row{flex-wrap:wrap;gap:10px;margin-bottom:18px}.logout-btn{padding:8px 14px!important;font-size:13px!important}.admin-section{border-radius:12px;margin-bottom:18px;padding:12px}.section-title{margin-bottom:12px;padding-bottom:8px;font-size:16px}.admin-table{-webkit-overflow-scrolling:touch;white-space:nowrap;width:100%;display:block;overflow-x:auto}.admin-table th,.admin-table td{padding:10px 8px;font-size:12.5px}.actions-cell{white-space:normal;flex-flow:column;gap:6px}.approve-btn,.extend-btn,.suspend-btn,.delete-btn,.decline-btn,.view-payment-btn{width:100%;padding:9px 10px;font-size:12px}.pending-status,.active-status,.expired-status{padding:4px 10px;font-size:12px}.restaurant-modal{border-radius:12px;width:94%;max-height:85vh;padding:16px;overflow-y:auto}.restaurant-modal-header h2{font-size:17px}.restaurant-modal-body{gap:10px}.detail-row{text-align:left;flex-direction:column;gap:4px;font-size:13px}.detail-row strong{min-width:0}.detail-row span{text-align:left}.image-modal{width:92%;padding:14px}.image-modal .close-modal-btn{width:30px;height:30px;font-size:15px;top:-12px;right:-12px}}.toast{will-change:transform, opacity;backface-visibility:hidden;transform-style:preserve-3d;position:relative}.toast-stack{z-index:10050;pointer-events:none;box-sizing:border-box;flex-direction:column;gap:12px;max-width:min(420px,100vw - 40px);display:flex;position:fixed;top:20px;right:20px}.toast{color:#0f172a;pointer-events:auto;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:12px;padding:14px 18px;font-size:14px;font-weight:500;line-height:1.45;display:flex;overflow:hidden;box-shadow:0 12px 32px #0f172a1f,0 4px 12px #0f172a0f}.toast:before{content:"";border-radius:12px 0 0 12px;width:4px;position:absolute;top:0;bottom:0;left:0}.toast{position:relative}.toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;line-height:1;display:flex}.toast-message{word-break:break-word;flex:1;padding-top:4px}.toast--success{color:#14532d;background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 100%);border-color:#bbf7d0}.toast--success:before{background:#22c55e}.toast--success .toast-icon{color:#fff;background:#22c55e}.toast--error{color:#7f1d1d;background:linear-gradient(135deg,#fef2f2 0%,#fff1f2 100%);border-color:#fecaca}.toast--error:before{background:#ef4444}.toast--error .toast-icon{color:#fff;background:#ef4444}.toast--warning{color:#78350f;background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border-color:#fde68a}.toast--warning:before{background:#f59e0b}.toast--warning .toast-icon{color:#fff;background:#f59e0b}.toast--info{color:#1e3a8a;background:linear-gradient(135deg,#eff6ff 0%,#f0f9ff 100%);border-color:#bfdbfe}.toast--info:before{background:#3b82f6}.toast--info .toast-icon{color:#fff;background:#3b82f6}[data-theme=dark] .toast{box-shadow:0 12px 32px #00000059,0 4px 12px #0003}[data-theme=dark] .toast--success{color:#bbf7d0;background:linear-gradient(135deg,#052e16 0%,#064e3b 100%);border-color:#166534}[data-theme=dark] .toast--error{color:#fecaca;background:linear-gradient(135deg,#450a0a 0%,#7f1d1d 100%);border-color:#991b1b}[data-theme=dark] .toast--warning{color:#fde68a;background:linear-gradient(135deg,#422006 0%,#713f12 100%);border-color:#b45309}[data-theme=dark] .toast--info{color:#bfdbfe;background:linear-gradient(135deg,#172554 0%,#1e3a8a 100%);border-color:#2563eb}.toast--anchored-bottom{z-index:10050;max-width:min(420px,100vw - 48px);position:fixed;bottom:24px;left:auto;right:24px}@media (width<=480px){.toast-stack{max-width:none;top:12px;left:12px;right:12px}.toast{padding:12px 14px;font-size:13px}.toast--anchored-bottom{max-width:none;bottom:12px;left:12px;right:12px}}@media (width<=430px){.toast-stack{align-items:flex-end;width:calc(100vw - 32px);max-width:320px;top:74px;left:auto;right:16px}.toast{border-radius:10px;gap:10px;padding:10px 14px;font-size:13px;box-shadow:0 8px 20px #0f172a26,0 2px 6px #0f172a14}.toast-icon{width:24px;height:24px;font-size:12px}.toast-message{padding-top:2px;line-height:1.4}.toast--anchored-bottom{width:calc(100vw - 32px);max-width:320px;bottom:16px;left:auto;right:16px}}.summary-panel{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:24px;margin-top:24px;margin-bottom:30px;padding:30px;position:relative;overflow:hidden}.summary-panel:before{content:"";position:none}@media (width<=768px){.summary-panel{padding:22px}.summary-header{font-size:22px}.summary-items{grid-template-columns:1fr;gap:16px}.summary-item-value{font-size:28px}}@media (width<=480px){.summary-panel{border-radius:20px;padding:18px}.summary-header{font-size:20px}.summary-item{padding:18px}.summary-item-value{font-size:24px}.summary-actions{flex-direction:column}.summary-actions button{width:100%}}.subscription-panel-wrapper{max-width:800px;margin:0 auto;padding:30px}.subscription-warning-box{background-color:#fffbeb;border-left:4px solid #f59e0b;border-radius:6px;margin-bottom:24px;padding:16px}.subscription-meta-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:20px}.meta-card-label{color:#64748b;text-transform:uppercase;font-size:12px;font-weight:700}.meta-card-loading{color:#94a3b8;font-size:16px;font-weight:500}.subscription-recharge-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.subscription-cost-badge{background-color:#f1f5f9;border-radius:8px;width:100%;max-width:300px;margin-bottom:20px;padding:14px;display:inline-block}.cost-badge-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700;display:block}.cost-badge-value{color:#2563eb;font-size:24px;font-weight:800}.btn-subscription-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:12px 30px;font-size:16px;font-weight:700;transition:all .2s}.btn-subscription-submit:hover{background:#1d4ed8}.subscription-rejection-box{text-align:left;background:#fef2f2;border-left:4px solid #dc2626;border-radius:8px;max-width:500px;margin:10px 0 20px;padding:12px 18px}.rejection-box-label{color:#991b1b;text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:700;display:block}.btn-subscription-decline-ack{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:700;transition:all .2s}.btn-subscription-decline-ack:hover{background:#b91c1c}.setting-input{border:1px solid var(--border-color);color:#0f172a;box-sizing:border-box;background-color:#fff;border-radius:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .3s}.setting-input-readonly{cursor:not-allowed;color:#64748b;background-color:#f1f5f9;border-color:#e2e8f0;font-weight:500}.setting-file-input{color:var(--text-secondary);font-size:14px}.setting-logo-preview-box{margin-top:10px}.setting-logo-preview-img{object-fit:cover;border:1px solid var(--border-color);border-radius:12px;width:100px;height:100px}.setting-logo-success-text{color:#22c55e;margin:4px 0 0;font-size:13px;font-weight:500}.security-accordion-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:30px;padding:20px}.security-card-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.security-card-title{color:#1e293b;margin:0;font-size:16px;font-weight:700}.security-card-subtitle{color:#64748b;margin:4px 0 0;font-size:13px}.btn-security-toggle{color:#fff;cursor:pointer;white-space:nowrap;background-color:#4f46e5;border:none;border-radius:5px;padding:8px 16px;font-size:13px;font-weight:600;transition:background-color .2s}.btn-security-toggle.active{background-color:#64748b}.security-password-form{border-top:1px dashed #e2e8f0;margin-top:20px;padding-top:20px}.password-inputs-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:15px;display:grid}.password-input-label{color:#475569;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.password-form-actions{justify-content:flex-end;display:flex}.btn-password-save{color:#fff;cursor:pointer;background-color:#22c55e;border:none;border-radius:5px;padding:10px 24px;font-size:14px;font-weight:700}.btn-settings-save-main{color:#fff;cursor:pointer;background-color:#22c55e;border:none;border-radius:8px}[data-theme=dark] .setting-input{background-color:var(--bg-color);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .setting-input-readonly{color:var(--text-secondary);border-color:var(--border-color);background-color:#ffffff08}[data-theme=dark] .security-accordion-card{background-color:var(--bg-color);border-color:var(--border-color)}[data-theme=dark] .security-card-title{color:var(--text-primary)}[data-theme=dark] .security-card-subtitle,[data-theme=dark] .password-input-label{color:var(--text-secondary)}[data-theme=dark] .security-password-form{border-top-color:var(--border-color)}[data-theme=dark] .subscription-cost-badge{background-color:var(--bg-color);border-color:var(--border-color)}.sub-countdown-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:20px}.sub-countdown-card.critical{background:#f8fafc;border-color:#feb2b2}.countdown-label{color:#64748b;text-transform:uppercase;font-size:12px;font-weight:700;display:block}.sub-countdown-card.critical .countdown-label{color:#c53030}.countdown-value{color:#1e293b;margin:8px 0 0;font-size:20px;font-weight:800}.sub-countdown-card.critical .countdown-value{color:#9b1c1c}.recharge-form-wrapper{flex-direction:column;align-items:center;gap:15px;width:100%;display:flex}.receipt-preview-img{object-fit:contain;border:1px solid #cbd5e1;border-radius:6px;width:100%;max-height:200px}.btn-upload-submit{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:6px;width:100%;padding:12px;font-weight:700}.modal-overlay-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#0f172aa6;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content-card{box-sizing:border-box;background-color:#fff;border-radius:16px;width:90%;max-width:460px;padding:28px;box-shadow:0 25px 50px -12px #00000040}.modal-header-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.modal-card-heading{color:#1e293b;margin:0;font-size:19px;font-weight:800}.modal-close-cross-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;font-size:22px;line-height:1}.modal-info-paragraph{color:#64748b;margin:0 0 16px;font-size:13px;line-height:1.5}.merchant-gateway-box{text-align:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;margin-bottom:16px;padding:16px;display:flex}.merchant-qr-placeholder-img{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:150px;height:150px;margin:0 auto 12px;display:flex;overflow:hidden}.payment-qr{object-fit:contain;width:100%;height:100%;padding:8px}.merchant-upi-text{color:#334155;word-break:break-all;font-size:13px;font-weight:700}.input-group-field-block{width:100%;margin-bottom:16px}.input-field-label{color:#334155;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.text-input-field{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:10px;font-size:13px}.dashed-uploader-container{text-align:center;box-sizing:border-box;border:2px dashed #cbd5e1;border-radius:10px;width:100%;margin-bottom:20px;padding:14px}.uploader-clickable-label{color:#334155;cursor:pointer;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.receipt-thumbnail-preview{object-fit:contain;border-radius:4px;width:100%;max-height:100px;margin-top:10px}.modal-btn-row-group{gap:12px;width:100%;display:flex}.btn-modal-action-primary{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:8px;flex:1;padding:12px;font-size:14px;font-weight:700}.btn-modal-action-secondary{color:#475569;cursor:pointer;background-color:#f1f5f9;border:none;border-radius:8px;padding:12px 18px;font-size:14px;font-weight:600}[data-theme=dark] .sub-countdown-card{background-color:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .sub-countdown-card.critical{background-color:#dc26261a;border-color:#dc26264d}[data-theme=dark] .countdown-label{color:var(--text-secondary)}[data-theme=dark] .sub-countdown-card.critical .countdown-label{color:#fca5a5}[data-theme=dark] .countdown-value{color:var(--text-primary)}[data-theme=dark] .sub-countdown-card.critical .countdown-value{color:#fca5a5}[data-theme=dark] .receipt-preview-img{border-color:var(--border-color)}[data-theme=dark] .modal-content-card{background-color:var(--card-bg);border:1px solid var(--border-color)}[data-theme=dark] .modal-card-heading{color:var(--text-primary)}[data-theme=dark] .modal-info-paragraph,[data-theme=dark] .modal-close-cross-btn{color:var(--text-secondary)}[data-theme=dark] .merchant-gateway-box{background-color:var(--bg-color);border-color:var(--border-color)}[data-theme=dark] .merchant-qr-placeholder-img{background-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .merchant-upi-text,[data-theme=dark] .input-field-label,[data-theme=dark] .uploader-clickable-label{color:var(--text-primary)}[data-theme=dark] .text-input-field{background-color:var(--bg-color);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .dashed-uploader-container{border-color:var(--border-color)}[data-theme=dark] .btn-modal-action-secondary{background-color:var(--border-color);color:var(--text-primary)}:root{--chart-grid-color:#e2e8f0}.chart-card-wrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:15px;box-shadow:0 1px 3px #0000000d}.chart-title{color:#1e293b;margin:0 0 16px;font-size:16px;font-weight:700}.recharts-legend-item-text{font-weight:500;color:#475569!important;font-size:13px!important}[data-theme=dark]{--chart-grid-color:#334155}[data-theme=dark] .chart-card-wrapper{background-color:var(--card-bg);border-color:var(--border-color);box-shadow:0 4px 20px #0003}[data-theme=dark] .chart-title{color:var(--text-primary)}[data-theme=dark] .recharts-legend-item-text{color:var(--text-secondary)!important}[data-theme=dark] .recharts-text{fill:var(--text-secondary)!important}[data-theme=dark] .recharts-pie-label-text{fill:var(--text-primary)!important}[data-theme=dark] .cost-badge-label{color:var(--text-secondary)}[data-theme=dark] .cost-badge-value{color:#3b82f6}[data-theme=dark] .summary-panel:before{filter:blur(20px);pointer-events:none;background:radial-gradient(circle,#3b82f626,#0000 75%);border-radius:50%;width:240px;height:240px;display:block;position:absolute;top:-120px;right:-120px}.subscription-panel-wrapper{width:100%}.subscription-main-title{color:#1e293b;margin-bottom:6px;font-size:24px;font-weight:700}.subscription-subtitle{color:#64748b;margin-bottom:24px;font-size:14px}.subscription-warning-box{background-color:#fffbeb;border:1px solid #fde68a;border-radius:12px;margin-bottom:24px;padding:14px 18px}.subscription-warning-text{color:#b45309;margin:0;font-size:13px;font-weight:500;line-height:1.5}.subscription-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px;display:grid}.subscription-meta-card,.subscription-recharge-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000d}.meta-card-label{color:#64748b;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.meta-card-value{color:#0f172a;margin:0;font-size:20px;font-weight:700}.sub-state-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.sub-state-title{color:#0f172a;margin:0 0 6px;font-size:18px;font-weight:700}.sub-state-desc{color:#64748b;margin:0 0 20px;font-size:13px}.sub-state-icon{margin-bottom:12px;font-size:40px}.sub-state-title-pending{color:#d97706;margin:0 0 8px;font-size:19px;font-weight:700}.sub-state-desc-pending{color:#475569;max-width:480px;margin:0 0 14px;font-size:14px;font-weight:500;line-height:1.6}.sub-utr-badge{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600}.sub-utr-value{color:#1e293b}.sub-state-title-declined{color:#dc2626;margin:0 0 8px;font-size:19px;font-weight:700}.subscription-rejection-box{text-align:left;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;max-width:480px;margin-bottom:20px;padding:12px 16px}.rejection-box-label{color:#991b1b;margin-bottom:4px;font-size:12px;font-weight:700;display:block}.rejection-box-text{color:#b91c1c;margin:0;font-size:13px;font-weight:500;line-height:1.5}[data-theme=dark] .subscription-main-title{color:var(--text-primary)}[data-theme=dark] .subscription-subtitle{color:var(--text-secondary)}[data-theme=dark] .subscription-warning-box{background-color:#f59e0b1a;border-color:#f59e0b40}[data-theme=dark] .subscription-warning-text{color:#fef3c7}[data-theme=dark] .subscription-meta-card,[data-theme=dark] .subscription-recharge-card{background-color:var(--card-bg);border-color:var(--border-color);box-shadow:0 4px 20px #00000040}[data-theme=dark] .meta-card-label,[data-theme=dark] .sub-state-desc{color:var(--text-secondary)}[data-theme=dark] .meta-card-value,[data-theme=dark] .sub-state-title{color:var(--text-primary)}[data-theme=dark] .sub-state-desc-pending{color:var(--text-secondary)}[data-theme=dark] .sub-utr-badge{background-color:var(--bg-color);border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .sub-utr-value{color:var(--text-primary)}[data-theme=dark] .subscription-rejection-box{background-color:#ef44441a;border-color:#ef444440}[data-theme=dark] .rejection-box-label{color:#fecaca}[data-theme=dark] .rejection-box-text{color:#fca5a5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.loading-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);background:#fff9;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;inset:0}[data-theme=dark] .loading-overlay{background:#0f172a99}.loading-spinner{border:4px solid #2563eb26;border-top-color:#2563eb;border-radius:50%;width:52px;height:52px;animation:.75s linear infinite spin}.loading-text{color:#2563eb;letter-spacing:.3px;font-size:15px;font-weight:600}[data-theme=dark] .loading-text{color:#93c5fd}@media (width<=1024px){.manager-container{--manager-sidebar-width:240px}.manager-sidebar{padding:20px 16px}.manager-main{padding:28px}.grid-2,.grid-3,.order-container{grid-template-columns:1fr}}@media (width<=768px){.manager-container{--manager-sidebar-width:82px}.manager-sidebar{z-index:1000;box-sizing:border-box;background:linear-gradient(#2563eb 0%,#1e40af 100%);border-right:1px solid #ffffff1a;flex-direction:column;align-items:center;height:100vh;padding:18px 10px;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.sidebar-header h1{display:none!important}.sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:center;align-items:center;width:100%;margin-bottom:24px;padding-bottom:18px;display:flex;gap:0!important}.sidebar-logo{width:40px!important;height:40px!important;margin:0 auto!important}.sidebar-header .sidebar-icon{font-size:26px;margin:0 auto!important}.sidebar-nav,.sidebar-footer{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.sidebar-footer{border-top:1px solid #ffffff1a;gap:12px;margin-top:auto;padding-top:12px}.sidebar-nav .sidebar-link,.sidebar-footer .sidebar-link{border-radius:16px;transition:background .25s,transform .25s;position:relative;box-sizing:border-box!important;border-width:1px!important;flex-shrink:0!important;justify-content:center!important;align-self:center!important;align-items:center!important;gap:0!important;width:56px!important;min-width:56px!important;max-width:56px!important;height:56px!important;margin:0 auto!important;padding:0!important;display:flex!important;transform:none!important}.sidebar-link>span:not(.sidebar-icon){opacity:0!important;visibility:hidden!important;pointer-events:none!important;width:0!important;height:0!important;display:none!important;position:absolute!important;left:-9999px!important;overflow:hidden!important}.sidebar-link .sidebar-icon{text-align:center!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;font-size:22px!important;line-height:1!important;display:flex!important}.sidebar-nav .sidebar-link:hover,.sidebar-footer .sidebar-link:hover{background:#ffffff24;transform:scale(1.05)!important}.sidebar-link.logout-link:hover{transform:scale(1.05)!important}.sidebar-link.active{background:#ffffff2e;border:1px solid #ffffff4d}.manager-main{margin-left:var(--manager-sidebar-width);width:calc(100% - var(--manager-sidebar-width));max-width:calc(100% - var(--manager-sidebar-width));box-sizing:border-box;padding:18px}}@media (width<=480px){.manager-container{--manager-sidebar-width:80px}.manager-sidebar{padding:16px 0}.sidebar-nav .sidebar-link,.sidebar-footer .sidebar-link{border-radius:12px;width:52px!important;min-width:52px!important;max-width:52px!important;height:52px!important}.sidebar-logo{width:36px!important;height:36px!important}.sidebar-link>span:not(.sidebar-icon){width:0!important;height:0!important;display:none!important}.sidebar-icon{font-size:20px!important}.manager-main{box-sizing:border-box;padding:14px;margin-left:var(--manager-sidebar-width)!important;width:calc(100% - var(--manager-sidebar-width))!important;max-width:calc(100% - var(--manager-sidebar-width))!important}.main-header h1{font-size:24px}.card{border-radius:14px;padding:14px}.filter-group{flex-direction:column}.filter-group .form-input,.filter-group .form-select{min-width:100%}.transaction-details{grid-template-columns:1fr}.payment-options{flex-direction:column}.order-total{flex-direction:column;align-items:flex-start;gap:8px}.btn-lg{width:100%}.modal-content{width:95%;padding:18px}.settings-actions{flex-direction:column;gap:12px;display:flex}.settings-actions button{width:100%}}@media (width<=768px){.header-top-row{flex-direction:column;align-items:flex-start}.header-status-group{justify-content:flex-start;width:100%}.page-title{font-size:28px}.status-badge{padding:8px 14px;font-size:13px}}@media (width<=768px){.top-status-bar{flex-direction:column;align-items:flex-start;gap:10px}.page-title{font-size:28px}.status-badge{padding:8px 14px;font-size:13px}}@media (width<=768px){.top-status-row{flex-direction:column;align-items:flex-end}.page-title{font-size:28px}}@media (width<=1024px){.order-container{grid-template-columns:1fr;gap:20px}.grid.grid-3{grid-template-columns:repeat(2,1fr);gap:16px}}@media (width<=768px){.main-header{margin-bottom:20px}.top-status-row{flex-direction:column;align-items:flex-end;gap:10px}.page-title{font-size:28px}.order-container{flex-direction:column;gap:20px;display:flex}.order-list-section,.cart-section{width:100%}.card{border-radius:14px;padding:18px!important}.card-title{font-size:20px}.form-input{padding:12px;font-size:15px}.btn{width:100%;min-height:48px;font-size:15px}.payment-options{flex-direction:column;gap:12px;display:flex}.cart-item{flex-direction:column;align-items:flex-start;gap:12px}.cart-item-controls{justify-content:space-between;align-items:center;width:100%;display:flex}.qty-control{transform:scale(.95)}.grid.grid-3{grid-template-columns:1fr;gap:16px;display:grid}.filters-row{flex-direction:column;gap:10px;display:flex}.filters-row .btn{width:100%}.filters-row .form-input{width:100%!important}.order-card-header{flex-direction:column;align-items:flex-start;gap:10px}.token-title{font-size:22px!important}}@media (width<=480px){.business-day-banner{padding:19px 12px;font-size:13px;top:14px;right:14px}.page-title{font-size:24px}.card{padding:14px!important}.card-title{font-size:18px}.status-pill{text-align:center;justify-content:center;width:100%}.order-total{flex-direction:column;align-items:flex-start;gap:6px}.order-total-value{font-size:26px}}@media (width<=430px){.manager-container{--manager-sidebar-width:0px!important}.manager-sidebar{flex-direction:column;align-items:flex-start;min-width:230px;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);z-index:99999!important;pointer-events:all!important;width:60%!important;padding:20px 14px!important}.manager-sidebar.sidebar-open{transform:translate(0)!important}.manager-sidebar .sidebar-header{align-items:center!important;gap:12px!important;width:100%!important;margin-bottom:16px!important;display:flex!important}.manager-sidebar.sidebar-open .sidebar-header h1{margin:0!important;font-size:17px!important;display:block!important}.manager-sidebar.sidebar-open .sidebar-link{width:100%!important;height:auto!important;min-width:unset!important;max-width:unset!important;border-radius:8px!important;justify-content:flex-start!important;gap:8px!important;padding:10px 12px!important}.manager-sidebar.sidebar-open .sidebar-link>span:not(.sidebar-icon){opacity:1!important;visibility:visible!important;pointer-events:auto!important;width:auto!important;height:auto!important;font-size:13px!important;display:block!important;position:static!important;overflow:visible!important}.manager-sidebar.sidebar-open .sidebar-icon{width:auto!important;height:auto!important;font-size:16px!important}.manager-sidebar .sidebar-nav,.manager-sidebar .sidebar-footer{align-items:flex-start;width:100%;gap:4px!important}.subscription-panel-wrapper{width:100%!important;padding:12px 4px!important}.subscription-main-title{font-size:20px!important}.subscription-metrics-grid{grid-template-columns:1fr!important;gap:12px!important;margin-bottom:20px!important}.subscription-meta-card{padding:16px!important}.meta-card-value{font-size:18px!important}.subscription-recharge-card{padding:20px 14px!important}.subscription-cost-badge{box-sizing:border-box!important;max-width:100%!important}.btn-subscription-submit,.btn-subscription-decline-ack{width:100%!important;padding:14px 20px!important;font-size:15px!important}.subscription-rejection-box{box-sizing:border-box!important;max-width:100%!important}.sidebar-overlay{display:none;position:fixed;inset:0;z-index:99998!important;-webkit-backdrop-filter:blur(4px)!important;background:#0006!important;border-radius:7px!important;width:100vw!important;height:100vh!important}.sidebar-overlay.overlay-visible{display:block!important}.manager-main{box-sizing:border-box;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding:72px 16px 16px!important}.mobile-topbar{display:flex!important}.mobile-logo{object-fit:cover;border-radius:10px;flex-shrink:0;width:36px;height:36px}.mobile-logo-placeholder{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;display:flex}.mobile-restaurant-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:15px;font-weight:700;overflow:hidden}.hamburger-btn{cursor:pointer;background:#ffffff26;border:none;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;padding:0;transition:background .2s;display:flex}.hamburger-btn:hover{background:#ffffff40}.hamburger-line{background:#fff;border-radius:2px;width:18px;height:2px;transition:all .3s}.hamburger-btn.is-open .hamburger-line:first-child{transform:translateY(7px)rotate(45deg)}.hamburger-btn.is-open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.is-open .hamburger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-topbar-hidden{display:none!important}.grid-4{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.stat-value{font-size:22px!important}.stat-label{font-size:11px!important}.summary-items{grid-template-columns:1fr!important;gap:12px!important}.summary-item-value{font-size:26px!important}.grid-2,.grid-3,.order-container,.transaction-details{grid-template-columns:1fr!important;gap:16px!important}.filter-group{flex-flow:wrap!important;gap:8px!important;width:100%!important;display:flex!important}.filter-group>input.form-input{flex:unset!important;width:100%!important;min-width:100%!important}.filter-group .form-select,.filter-group .date-input-wrapper{box-sizing:border-box!important;flex:1!important;width:calc(50% - 4px)!important;min-width:calc(50% - 4px)!important}.filter-group .date-input-wrapper .form-input{width:100%!important;min-width:100%!important}.filter-group .btn{width:100%!important;margin-top:4px!important}.sub-countdown-card{border-radius:8px;padding:14px}.countdown-value{margin-top:4px;font-size:16px}.summary-panel{margin-top:16px}.modal-content-card{max-width:430px;padding:20px 16px}.modal-card-heading{font-size:16px}.modal-info-paragraph{margin-bottom:12px;font-size:12px}.merchant-gateway-box{margin-bottom:12px;padding:8px}.merchant-qr-placeholder-img{width:110px;height:110px;font-size:11px}.text-input-field{padding:8px;font-size:12px}.dashed-uploader-container{margin-bottom:16px;padding:10px}.modal-btn-row-group{flex-direction:column;gap:8px}.btn-modal-action-primary,.btn-modal-action-secondary{text-align:center;width:100%;padding:10px;font-size:13px}.btn-modal-action-secondary{order:2}.settings-card{border-radius:10px;padding:16px}.settings-header{margin-bottom:16px;padding-bottom:12px}.settings-header h2{font-size:18px}.setting-label{font-size:12px}.setting-input{padding:10px 12px;font-size:13px}.password-inputs-grid{grid-template-columns:1fr;gap:12px}.security-accordion-card{margin-top:20px;padding:14px}.security-card-header{flex-direction:column;align-items:flex-start;gap:12px}.btn-security-toggle,.btn-password-save,.btn-settings-save-main{text-align:center;width:100%}.password-form-actions,.settings-actions{width:100%}.btn-lg{min-width:unset;padding:12px;font-size:14px}.card,.settings-card{padding:16px!important}.main-header h1{font-size:22px!important}.main-header h2{font-size:18px!important}.top-status-row{display:none!important}.analytics-container{gap:16px!important}.summary-actions{flex-direction:column!important}.summary-actions button{width:100%!important}.status-card{min-height:100px!important;padding:16px!important}.payment-modal-overlay{padding:16px!important}.payment-modal{max-width:100%!important;padding:20px!important}}.manager-sidebar{width:var(--manager-sidebar-width);color:#fff;box-shadow:var(--shadow-lg);z-index:1000;scroll-behavior:smooth;background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);flex-direction:column;height:100vh;margin:0;padding:30px 20px;display:flex;position:fixed;overflow-y:auto;border-radius:0 12px 12px 0!important}@media (width<=768px){.summary-panel{padding:22px}.summary-header{font-size:22px}.summary-items{grid-template-columns:1fr;gap:16px}.summary-item-value{font-size:28px}}@media (width<=480px){.summary-panel{border-radius:20px;padding:18px}.summary-header{font-size:20px}.summary-item{padding:18px}.summary-item-value{font-size:24px}.summary-actions{flex-direction:column}.summary-actions button{width:100%}}.setting-input::placeholder{color:#9ca3af;opacity:.75;font-weight:400}@media (width<=1024px){.manager-container{--manager-sidebar-width:240px}.manager-sidebar{padding:20px 16px}.manager-main{padding:28px}.grid-2,.grid-3,.order-container{grid-template-columns:1fr}}@media (width<=768px){.manager-container{--manager-sidebar-width:82px}.manager-sidebar{z-index:1000;box-sizing:border-box;background:linear-gradient(#2563eb 0%,#1e40af 100%);border-right:1px solid #ffffff1a;flex-direction:column;align-items:center;height:100vh;padding:18px 10px;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.sidebar-header h1{display:none!important}.sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:center;align-items:center;width:100%;margin-bottom:24px;padding-bottom:18px;display:flex;gap:0!important}.sidebar-logo{width:40px!important;height:40px!important;margin:0 auto!important}.sidebar-header .sidebar-icon{font-size:26px;margin:0 auto!important}.sidebar-nav,.sidebar-footer{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.sidebar-footer{border-top:1px solid #ffffff1a;gap:12px;margin-top:auto;padding-top:12px}.sidebar-nav .sidebar-link,.sidebar-footer .sidebar-link{border-radius:16px;transition:background .25s,transform .25s;position:relative;box-sizing:border-box!important;border-width:1px!important;flex-shrink:0!important;justify-content:center!important;align-self:center!important;align-items:center!important;gap:0!important;width:56px!important;min-width:56px!important;max-width:56px!important;height:56px!important;margin:0 auto!important;padding:0!important;display:flex!important;transform:none!important}.sidebar-link>span:not(.sidebar-icon){opacity:0!important;visibility:hidden!important;pointer-events:none!important;width:0!important;height:0!important;display:none!important;position:absolute!important;left:-9999px!important;overflow:hidden!important}.sidebar-link .sidebar-icon{text-align:center!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;font-size:22px!important;line-height:1!important;display:flex!important}.sidebar-nav .sidebar-link:hover,.sidebar-footer .sidebar-link:hover{background:#ffffff24;transform:scale(1.05)!important}.sidebar-link.logout-link:hover{transform:scale(1.05)!important}.sidebar-link.active{background:#ffffff2e;border:1px solid #ffffff4d}.manager-main{margin-left:var(--manager-sidebar-width);width:calc(100% - var(--manager-sidebar-width));max-width:calc(100% - var(--manager-sidebar-width));box-sizing:border-box;padding:18px}}@media (width<=480px){.manager-container{--manager-sidebar-width:80px}.manager-sidebar{padding:16px 0}.sidebar-nav .sidebar-link,.sidebar-footer .sidebar-link{border-radius:12px;width:52px!important;min-width:52px!important;max-width:52px!important;height:52px!important}.sidebar-logo{width:36px!important;height:36px!important}.sidebar-link>span:not(.sidebar-icon){width:0!important;height:0!important;display:none!important}.sidebar-icon{font-size:20px!important}.manager-main{box-sizing:border-box;padding:14px;margin-left:var(--manager-sidebar-width)!important;width:calc(100% - var(--manager-sidebar-width))!important;max-width:calc(100% - var(--manager-sidebar-width))!important}.main-header h1{font-size:24px}.card{border-radius:14px;padding:14px}.filter-group{flex-direction:column}.filter-group .form-input,.filter-group .form-select{min-width:100%}.transaction-details{grid-template-columns:1fr}.payment-options{flex-direction:column}.order-total{flex-direction:column;align-items:flex-start;gap:8px}.btn-lg{width:100%}.modal-content{width:95%;padding:18px}.settings-actions{flex-direction:column;gap:12px;display:flex}.settings-actions button{width:100%}}@media (width<=768px){.header-top-row{flex-direction:column;align-items:flex-start}.header-status-group{justify-content:flex-start;width:100%}.page-title{font-size:28px}.status-badge{padding:8px 14px;font-size:13px}}@media (width<=768px){.top-status-bar{flex-direction:column;align-items:flex-start;gap:10px}.page-title{font-size:28px}.status-badge{padding:8px 14px;font-size:13px}}@media (width<=768px){.top-status-row{flex-direction:column;align-items:flex-end}.page-title{font-size:28px}}@media (width<=1024px){.order-container{grid-template-columns:1fr;gap:20px}.grid.grid-3{grid-template-columns:repeat(2,1fr);gap:16px}}@media (width<=768px){.main-header{margin-bottom:20px}.top-status-row{flex-direction:column;align-items:flex-end;gap:10px}.page-title{font-size:28px}.order-container{flex-direction:column;gap:20px;display:flex}.order-list-section,.cart-section{width:100%}.card{border-radius:14px;padding:18px!important}.card-title{font-size:20px}.form-input{padding:12px;font-size:15px}.btn{width:100%;min-height:48px;font-size:15px}.payment-options{flex-direction:column;gap:12px;display:flex}.cart-item{flex-direction:column;align-items:flex-start;gap:12px}.cart-item-controls{justify-content:space-between;align-items:center;width:100%;display:flex}.qty-control{transform:scale(.95)}.grid.grid-3{grid-template-columns:1fr;gap:16px;display:grid}.filters-row{flex-direction:column;gap:10px;display:flex}.filters-row .btn{width:100%}.filters-row .form-input{width:100%!important}.order-card-header{flex-direction:column;align-items:flex-start;gap:10px}.token-title{font-size:22px!important}}@media (width<=480px){.business-day-banner{padding:19px 12px;font-size:13px;top:14px;right:14px}.page-title{font-size:24px}.card{padding:14px!important}.card-title{font-size:18px}.status-pill{text-align:center;justify-content:center;width:100%}.order-total{flex-direction:column;align-items:flex-start;gap:6px}.order-total-value{font-size:26px}}.mobile-topbar{z-index:1500;box-sizing:border-box;background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);align-items:center;gap:12px;height:56px;padding:10px 16px;display:none;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #00000026;width:100%!important}@media (width<=430px){.manager-container{--manager-sidebar-width:0px!important}.manager-sidebar{flex-direction:column;align-items:flex-start;min-width:230px;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);z-index:99999!important;pointer-events:all!important;border-radius:0 12px 12px 0!important;width:60%!important;padding:20px 14px!important}.manager-sidebar.sidebar-open{transform:translate(0)!important}.manager-sidebar .sidebar-header{align-items:center!important;gap:12px!important;width:100%!important;margin-bottom:16px!important;display:flex!important}.manager-sidebar.sidebar-open .sidebar-header h1{margin:0!important;font-size:16px!important;display:block!important}.manager-sidebar.sidebar-open .sidebar-link{width:100%!important;height:auto!important;min-width:unset!important;max-width:unset!important;border-radius:8px!important;justify-content:flex-start!important;gap:8px!important;padding:10px 12px!important}.manager-sidebar.sidebar-open .sidebar-link>span:not(.sidebar-icon){opacity:1!important;visibility:visible!important;pointer-events:auto!important;width:auto!important;height:auto!important;font-size:13px!important;display:block!important;position:static!important;overflow:visible!important}.manager-sidebar.sidebar-open .sidebar-icon{width:auto!important;height:auto!important;font-size:16px!important}.manager-sidebar .sidebar-nav,.manager-sidebar .sidebar-footer{align-items:flex-start;width:100%;gap:4px!important}.subscription-panel-wrapper{width:100%!important;padding:12px 4px!important}.subscription-main-title{font-size:20px!important}.subscription-metrics-grid{grid-template-columns:1fr!important;gap:12px!important;margin-bottom:20px!important}.subscription-meta-card{padding:16px!important}.meta-card-value{font-size:18px!important}.subscription-recharge-card{padding:20px 14px!important}.subscription-cost-badge{box-sizing:border-box!important;max-width:100%!important}.btn-subscription-submit,.btn-subscription-decline-ack{width:100%!important;padding:14px 20px!important;font-size:15px!important}.subscription-rejection-box{box-sizing:border-box!important;max-width:100%!important}.sidebar-overlay{display:none;position:fixed;inset:0;z-index:99998!important;-webkit-backdrop-filter:blur(4px)!important;background:#0006!important;border-radius:7px!important;width:100vw!important;height:100vh!important}.sidebar-overlay.overlay-visible{display:block!important}.manager-main{box-sizing:border-box;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding:72px 16px 16px!important}.mobile-topbar{display:flex!important}.mobile-logo{object-fit:cover;border-radius:10px;flex-shrink:0;width:36px;height:36px}.mobile-logo-placeholder{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;display:flex}.mobile-restaurant-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:15px;font-weight:700;overflow:hidden}.hamburger-btn{cursor:pointer;background:#ffffff26;border:none;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;padding:0;transition:background .2s;display:flex}.hamburger-btn:hover{background:#ffffff40}.hamburger-line{background:#fff;border-radius:2px;width:18px;height:2px;transition:all .3s}.hamburger-btn.is-open .hamburger-line:first-child{transform:translateY(7px)rotate(45deg)}.hamburger-btn.is-open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.is-open .hamburger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-topbar-hidden{display:none!important}.grid-4{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.stat-value{font-size:22px!important}.stat-label{font-size:11px!important}.summary-items{grid-template-columns:1fr!important;gap:12px!important}.summary-item-value{font-size:26px!important}.grid-2,.grid-3,.order-container,.transaction-details{grid-template-columns:1fr!important;gap:16px!important}.top-status-row{flex-flow:wrap!important;justify-content:flex-start!important;gap:8px!important;width:100%!important;margin-bottom:12px!important;display:flex!important}.status-pill{border-radius:999px!important;padding:6px 10px!important;font-size:11px!important}.filter-group{flex-flow:wrap!important;gap:8px!important;width:100%!important;display:flex!important}.filter-group>input.form-input{flex:unset!important;width:100%!important;min-width:100%!important}.filter-group .form-select,.filter-group .date-input-wrapper{box-sizing:border-box!important;flex:1!important;width:calc(50% - 4px)!important;min-width:calc(50% - 4px)!important}.filter-group .date-input-wrapper .form-input{width:100%!important;min-width:100%!important}.filter-group .btn{width:100%!important;margin-top:4px!important}.card,.settings-card{padding:16px!important}.main-header h1{font-size:22px!important}.main-header h2{font-size:18px!important}.analytics-container{gap:16px!important}.summary-actions{flex-direction:column!important}.summary-actions button{width:100%!important}.status-card{min-height:100px!important;padding:16px!important}.payment-modal-overlay{padding:16px!important}.payment-modal{max-width:100%!important;padding:20px!important}}@media (width<=1100px){.stock-section{grid-template-columns:1fr}.stock-card{min-height:auto}}@media (width<=1024px){.employee-container{--employee-sidebar-width:240px}.employee-sidebar{padding:24px 16px}.employee-main{padding:30px}}@media (width<=768px){.employee-container{--employee-sidebar-width:72px;flex-direction:row}.employee-sidebar{align-items:center;padding:20px 10px;overflow-x:hidden;width:72px!important;min-width:72px!important;max-width:72px!important}.employee-sidebar .emp-sidebar-header{border-bottom:1px solid #ffffff26;flex-direction:column;align-items:center;gap:0;width:100%;margin-bottom:20px;padding-bottom:16px}.employee-sidebar .emp-sidebar-header h1{display:none!important}.emp-sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:center;align-items:center;width:100%;margin-bottom:24px;padding-bottom:18px;display:flex;gap:0!important}.sidebar-logo{width:40px!important;height:40px!important;margin:0 auto!important}.employee-sidebar .sidebar-nav,.employee-sidebar .sidebar-footer{align-items:center;gap:8px;width:100%}.employee-sidebar .emp-sidebar-link{white-space:nowrap;overflow:hidden;border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:0!important;width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;margin:0 auto!important;padding:0!important}.employee-sidebar .emp-sidebar-link>span:not(.emp-sidebar-icon){width:0!important;display:none!important;position:absolute!important;left:-9999px!important;overflow:hidden!important}.employee-sidebar .emp-sidebar-icon{margin:0!important;font-size:21px!important}.employee-main{width:calc(100% - 72px);margin-left:72px;padding:20px 16px}.main-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:24px}.main-header h1{font-size:26px}.emp-sidebar-header .sidebar-icon{font-size:26px;margin:0 auto!important}.grid-2{grid-template-columns:1fr}.order-card{padding:16px}.order-token{font-size:20px}.order-actions{flex-direction:column}.order-actions .btn{width:100%}.stock-row{flex-direction:column;align-items:stretch}.stock-btn{width:100%;max-width:unset}.employee-profile-card{top:16px;right:16px}}@media (width<=430px){.employee-container{flex-direction:column;align-items:stretch}.emp-mobile-topbar.is-mobile{z-index:1001;box-sizing:border-box;background:linear-gradient(135deg,#10b981 0%,#059669 100%);justify-content:space-between;align-items:center;width:100%;height:58px;padding:0 16px;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 12px #00000026;display:flex!important}.emp-mobile-topbar .emp-mobile-logo{object-fit:cover;border-radius:8px;flex-shrink:0;width:34px;height:34px}.emp-mobile-topbar .emp-mobile-logo-placeholder{flex-shrink:0;font-size:26px;line-height:1}.emp-mobile-topbar .emp-mobile-restaurant-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0 10px;font-size:15px;font-weight:700;overflow:hidden}.emp-hamburger-btn{cursor:pointer;background:#ffffff26;border:none;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;padding:0;transition:background .2s;display:flex!important}.emp-hamburger-btn:hover{background:#ffffff40}.emp-hamburger-line{transform-origin:50%;background-color:#fff;border-radius:2px;width:18px;height:2px;transition:transform .3s,opacity .3s,width .3s;display:block}.emp-hamburger-btn.is-open .emp-hamburger-line:first-child{transform:translateY(7px)rotate(45deg)}.emp-hamburger-btn.is-open .emp-hamburger-line:nth-child(2){opacity:0;width:0}.emp-hamburger-btn.is-open .emp-hamburger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.card p{color:var(--text-muted,#64748b);font-size:13px!important}aside.employee-sidebar{z-index:1002!important;box-sizing:border-box!important;width:60%!important;min-width:60%!important;max-width:60%!important;height:100vh!important;box-shadow:none!important;pointer-events:none!important;background:linear-gradient(160deg,#10b981 0%,#059669 100%)!important;border-radius:0 12px 12px 0!important;flex-direction:column!important;align-items:stretch!important;padding:0!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;overflow-y:auto!important;transform:translate(-100%)!important}aside.employee-sidebar.emp-sidebar-open{pointer-events:auto!important;transform:translate(0)!important;box-shadow:6px 0 40px #0003!important}.employee-sidebar .emp-sidebar-header{box-sizing:border-box!important;border-bottom:1px solid #ffffff2e!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:12px!important;width:100%!important;margin:0!important;padding:24px 20px 20px!important;display:flex!important}.employee-sidebar .emp-sidebar-header h1{color:#fff!important;white-space:nowrap!important;text-overflow:ellipsis!important;white-space:normal!important;margin:0!important;font-size:17px!important;font-weight:700!important;line-height:1.3!important;display:block!important;overflow:hidden!important}.employee-sidebar .sidebar-logo,.employee-sidebar .emp-sidebar-icon{flex-shrink:0!important}.employee-sidebar .sidebar-nav{box-sizing:border-box!important;flex-direction:column!important;flex:1!important;align-items:stretch!important;gap:2px!important;width:100%!important;padding:16px 12px 12px!important;display:flex!important}.employee-sidebar .sidebar-footer{box-sizing:border-box!important;border-top:1px solid #ffffff2e!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important;width:100%!important;padding:12px 12px 24px!important;display:flex!important}.employee-sidebar .emp-sidebar-link{width:100%!important;height:46px!important;min-width:unset!important;max-width:unset!important;color:#ffffffe0!important;white-space:nowrap!important;text-overflow:ellipsis!important;box-sizing:border-box!important;cursor:pointer!important;border:2px solid #0000!important;border-radius:10px!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:12px!important;margin:0!important;padding:0 14px!important;font-size:15px!important;font-weight:500!important;transition:background .2s!important;display:flex!important;overflow:hidden!important}.employee-sidebar .emp-sidebar-link>span:not(.emp-sidebar-icon){visibility:visible!important;opacity:1!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:auto!important;height:auto!important;color:inherit!important;pointer-events:none!important;font-size:15px!important;display:inline!important;position:static!important;left:auto!important;overflow:visible!important}.employee-sidebar .emp-sidebar-icon{text-align:center!important;flex-shrink:0!important;width:24px!important;margin:0!important;font-size:19px!important;line-height:1!important}.employee-sidebar .emp-sidebar-link:hover{color:#fff!important;background:#ffffff26!important;transform:none!important}.employee-sidebar .emp-sidebar-link.active{color:#fff!important;background:#ffffff38!important;border-color:#fff6!important;font-weight:600!important}.employee-sidebar .emp-sidebar-link.logout-link{color:#fca5a5!important}.employee-sidebar .emp-sidebar-link.logout-link:hover{color:#fecaca!important;background:#dc262638!important}.employee-main{transition:filter .3s;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-height:100vh!important;margin-left:0!important;padding:72px 14px 20px!important}.employee-container.emp-sidebar-open .employee-main{filter:blur(2px);pointer-events:none}.orders-page{position:static!important}.employee-profile-card{box-sizing:border-box!important;border-radius:8px!important;flex-direction:row!important;align-items:center!important;gap:6px!important;width:100%!important;max-width:100%!important;margin-bottom:12px!important;padding:7px 12px!important;display:flex!important;position:static!important}.employee-profile-label{white-space:nowrap!important;flex-shrink:0!important;font-size:10px!important}.employee-profile-email{min-width:0!important;max-width:unset!important;text-overflow:ellipsis!important;white-space:nowrap!important;flex:1!important;font-size:12px!important;overflow:hidden!important}.main-header{border-top:none!important;margin-top:0!important}.main-header h1{font-size:22px!important}.order-token{font-size:20px!important}.order-header{flex-direction:column;gap:10px}.order-actions{flex-direction:column;gap:8px}.order-actions .btn{width:100%;padding:10px;font-size:13px}.stock-section{grid-template-columns:1fr}.stock-card{min-height:auto}.stock-row{flex-direction:column;align-items:stretch}.stock-name{white-space:normal}.stock-btn{width:100%;max-width:unset}[data-theme=dark] aside.employee-sidebar{background:linear-gradient(160deg,#064e3b 0%,#065f46 100%)!important}}.manager-container{--manager-sidebar-width:280px;background-color:var(--bg-color);min-height:100vh;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s,color .3s;display:flex}.manager-sidebar{width:var(--manager-sidebar-width);color:#fff;box-shadow:var(--shadow-lg);z-index:1000;scroll-behavior:smooth;background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);flex-direction:column;height:100vh;margin:0;padding:30px 20px;display:flex;position:fixed;overflow-y:auto}.sidebar-header{border-bottom:1px solid #fff3;flex-shrink:0;align-items:center;gap:12px;margin-bottom:40px;padding-bottom:20px;display:flex}.sidebar-header h1{font-size:24px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.sidebar-footer{border-top:1px solid #fff3;flex-direction:column;flex-shrink:0;gap:8px;width:100%;margin-top:auto;padding-top:12px;display:flex}.sidebar-footer .sidebar-link{padding:12px 16px}.sidebar-link{cursor:pointer;border:2px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-weight:500;transition:all .3s;display:flex}.sidebar-link:hover{background-color:#ffffff26;transform:translate(4px)}.sidebar-link.active{background-color:#ffffff40;border-color:#ffffff80}.sidebar-link.logout-link{color:#fca5a5}.sidebar-link.logout-link:hover{color:#fecaca;background-color:#dc262640}.sidebar-icon{font-size:20px}.manager-main{margin-left:var(--manager-sidebar-width);flex:1;min-height:100vh;padding:40px;overflow:visible}.main-header{border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:20px;display:flex}.header-actions{gap:10px;display:flex}.card-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.status-card{background:var(--card-bg);box-shadow:var(--shadow-md);border:2px solid var(--border-color);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:160px;padding:28px;transition:all .3s;display:flex}.status-card h3{color:var(--text-primary);letter-spacing:.5px;margin-bottom:16px;font-size:18px;font-weight:700}.status-card p{border-radius:8px;margin:0;padding:12px 24px;font-family:inherit;font-size:16px;font-weight:600;transition:all .3s}.status-card .text-green-500{color:#10b981;background:#10b9811a}.status-card .text-red-500{color:#ef4444;background:#ef44441a}.status-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-color);transform:translateY(-4px)}.card-header h2{color:var(--text-primary);font-size:20px;font-weight:600}.card-title{color:var(--text-primary);margin-bottom:15px;font-size:18px;font-weight:600}.form-group{flex-direction:column;margin-bottom:20px;display:flex}.form-group label{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:600}.form-input,.form-select,.form-textarea{border:1px solid var(--border-color);color:var(--text-primary);background:var(--card-bg);border-radius:8px;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .3s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-input::placeholder{color:var(--text-secondary)}.form-textarea{resize:vertical;min-height:100px}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-success{background-color:var(--secondary-color);color:#fff}.btn-warning{background-color:var(--warning-color);color:#fff}.btn-icon{justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:var(--card-bg);box-shadow:var(--shadow-md);border-left:4px solid var(--primary-color);border-radius:12px;padding:24px;transition:all .3s}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-card.primary{border-left-color:var(--primary-color)}.stat-card.success{border-left-color:var(--secondary-color)}.stat-card.danger{border-left-color:var(--danger-color)}.stat-card.warning{border-left-color:var(--warning-color)}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600}.stat-value{color:var(--text-primary);font-size:32px;font-weight:700}.stat-change{color:var(--text-secondary);margin-top:10px;font-size:12px}.order-container{grid-template-columns:1fr 1fr;align-items:start;gap:24px;margin-bottom:24px;display:grid}.order-list-section,.cart-section{flex-direction:column;gap:20px;display:flex}.search-input-group{gap:12px;display:flex}.search-input-group .form-input{flex:1}.dropdown-menu{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);z-index:100;border-radius:8px;min-width:100%;max-height:300px;margin-top:4px;position:absolute;top:100%;left:0;overflow-y:auto}.dropdown-item{border-bottom:1px solid var(--border-color);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 16px;transition:background-color .2s;display:flex}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:var(--bg-color)}.dropdown-item-name{flex:1;align-items:center;gap:8px;display:flex}.dropdown-item-price{color:var(--primary-color);font-weight:600}.dropdown-item-info{color:var(--primary-color);cursor:pointer;margin-left:10px;font-size:16px}.cart-item{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;padding:16px;transition:all .3s;display:flex}.cart-item:hover{background-color:var(--border-color);border-color:var(--primary-color)}.cart-item-info{flex:1}.cart-item-name{color:var(--text-primary);margin-bottom:4px;font-weight:600}.cart-item-price{color:var(--text-secondary);font-size:14px}.cart-item-controls{align-items:center;gap:8px;display:flex}.qty-control{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;align-items:center;gap:8px;padding:4px 8px;display:flex}.qty-btn{cursor:pointer;color:var(--primary-color);background:0 0;border:none;padding:0 4px;font-size:16px;font-weight:700}.qty-value{text-align:center;min-width:30px;font-weight:600}.cart-item-total{color:var(--primary-color);text-align:right;min-width:80px;font-weight:600}.cart-remove{color:var(--danger-color);cursor:pointer;background:0 0;border:none;margin-left:12px;padding:0;font-size:18px}.payment-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin-bottom:20px;padding:20px}.payment-label{color:var(--text-primary);margin-bottom:12px;font-weight:600;display:block}.payment-options{gap:20px;margin-bottom:20px;display:flex}.radio-option{cursor:pointer;align-items:center;gap:8px;display:flex}.radio-option input[type=radio]{cursor:pointer;accent-color:var(--primary-color)}.order-total{background:var(--card-bg);border:2px solid var(--primary-color);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px;display:flex}.order-total-label{color:var(--text-secondary);font-size:16px;font-weight:600}.order-total-value{color:var(--primary-color);font-size:28px;font-weight:700}.filter-group{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.filter-group .form-input,.filter-group .form-select{flex:1;min-width:50px}.transaction-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;margin-bottom:12px;padding:16px;transition:all .3s}.transaction-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color)}.transaction-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.transaction-token{color:var(--primary-color);font-size:16px;font-weight:700}.transaction-payment{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.transaction-payment.cash{color:#166534;background-color:#dcfce7}.transaction-payment.online{color:#3730a3;background-color:#e0e7ff}.transaction-details{grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:12px;display:grid}.transaction-detail-row{font-size:13px}.transaction-detail-label{color:var(--text-secondary);margin-bottom:2px;font-weight:600}.transaction-detail-value{color:var(--text-primary);font-weight:600}.summary-panel{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:24px;margin-bottom:30px;padding:30px;position:relative;overflow:hidden}.summary-panel:before{content:"";position:none;filter:blur(20px);pointer-events:none;background:radial-gradient(circle,#2563eb1f,#0000 70%);border-radius:50%;width:240px;height:240px;top:-120px;right:-120px}.summary-header{z-index:2;color:var(--text-primary);letter-spacing:-.5px;margin-bottom:28px;font-size:24px;font-weight:700;position:relative}.summary-items{z-index:2;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid;position:relative}.summary-item{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:12px;padding:22px;transition:all .3s;position:relative;overflow:hidden}[data-theme=dark] .summary-item{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-md)}.summary-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.summary-item:before{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);width:60%;height:250%;transition:all .8s;position:absolute;top:-100%;left:-40%;transform:rotate(25deg)}.summary-item:hover:before{left:130%}.summary-item-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:600}.summary-item-value{color:var(--text-primary);font-size:32px;font-weight:700;line-height:1.2}.business-day-status{color:#059669;background:#10b9811f;border:1px solid #10b98140;border-radius:14px;width:fit-content;margin-top:18px;padding:14px 18px;font-weight:700}.summary-actions{flex-wrap:wrap;gap:14px;margin-top:25px;display:flex}.summary-actions button{cursor:pointer;border:none;border-radius:14px;padding:14px 22px;font-size:15px;font-weight:700;transition:transform .25s,opacity .25s}.summary-actions button:hover{opacity:.92;transform:translateY(-2px)}@media (width<=768px){.summary-panel{padding:22px}.summary-header{font-size:22px}.summary-items{grid-template-columns:1fr;gap:16px}.summary-item-value{font-size:28px}}@media (width<=480px){.summary-panel{border-radius:20px;padding:18px}.summary-header{font-size:20px}.summary-item{padding:18px}.summary-item-value{font-size:24px}.summary-actions{flex-direction:column}.summary-actions button{width:100%}}.menu-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;transition:all .3s;overflow:hidden}.menu-item:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-color);transform:translateY(-4px)}.menu-item-image{object-fit:cover;background:var(--bg-color);width:100%;height:200px}.menu-item-content{padding:16px}.menu-item-name{color:var(--text-primary);margin-bottom:6px;font-size:16px;font-weight:700}.menu-item-price{color:var(--primary-color);margin-bottom:12px;font-size:18px;font-weight:700}.menu-item-description{color:var(--text-secondary);margin-bottom:12px;font-size:13px;line-height:1.4}.menu-item-actions{gap:8px;display:flex}.menu-item-actions .btn{flex:1}.menu-edit-form{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;margin-top:12px;padding:16px}.settings-container{padding-bottom:40px}.settings-section{gap:24px;margin-top:40px;display:grid}.settings-card{background:var(--card-bg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);border-radius:12px;padding:28px;transition:all .3s}.settings-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.settings-header{border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.settings-header h2{color:var(--text-primary);font-size:22px;font-weight:700}.settings-content{flex-direction:column;gap:18px;display:flex}.setting-group{flex-direction:column;gap:8px;display:flex}.setting-group.checkbox{flex-direction:row;align-items:center;gap:12px}.setting-label{color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.setting-input{border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .3s}.setting-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #2563eb1a}.checkbox-label{cursor:pointer;color:var(--text-primary);align-items:center;gap:12px;font-weight:500;transition:all .3s;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--primary-color)}.checkbox-label:hover{color:var(--primary-color)}.settings-actions{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;display:flex}.btn-lg{min-width:200px;padding:14px 32px;font-size:15px;font-weight:600}.modal-overlay{z-index:2000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--card-bg);width:100%;max-width:500px;box-shadow:var(--shadow-xl);border-radius:12px;padding:32px;animation:.3s slideUp;position:relative}.modal-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;font-size:24px;transition:color .3s;position:absolute;top:16px;right:16px}.modal-close:hover{color:var(--text-primary)}.modal-image{object-fit:cover;border-radius:8px;width:100%;height:250px;margin-bottom:16px}.modal-header{color:var(--text-primary);margin-bottom:12px;font-size:24px;font-weight:700}.modal-description{color:var(--text-secondary);margin-bottom:16px;line-height:1.6}.modal-price{color:var(--primary-color);font-size:20px;font-weight:700}.message-toast{background:var(--secondary-color);color:#fff;box-shadow:var(--shadow-lg);z-index:1500;border-radius:8px;min-width:250px;max-width:400px;padding:16px 24px;font-weight:500}.rejected-order{opacity:.92;background:#fef2f2}.status-badge{text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.status-badge.completed{color:#166534;background:#dcfce7}.status-badge.rejected{color:#991b1b;background:#fee2e2}.analytics-container{flex-direction:column;gap:24px;display:flex}.chart-container{background:var(--card-bg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);border-radius:12px;padding:24px}.chart-title{color:var(--text-primary);border-bottom:2px solid var(--border-color);margin-bottom:16px;padding-bottom:12px;font-size:18px;font-weight:600}@media (width<=1024px){.manager-container{--manager-sidebar-width:240px}.manager-sidebar{padding:20px 16px}.manager-main{padding:28px}.grid-2,.grid-3,.order-container{grid-template-columns:1fr}}@media (width<=768px){.manager-container{--manager-sidebar-width:82px}.manager-sidebar{z-index:1000;box-sizing:border-box;background:linear-gradient(#2563eb 0%,#1e40af 100%);border-right:1px solid #ffffff1a;flex-direction:column;align-items:center;height:100vh;padding:18px 10px;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.sidebar-header h1{display:none!important}.sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:center;align-items:center;width:100%;margin-bottom:24px;padding-bottom:18px;display:flex;gap:0!important}.sidebar-logo{width:40px!important;height:40px!important;margin:0 auto!important}.sidebar-header .sidebar-icon{font-size:26px;margin:0 auto!important}.sidebar-nav,.sidebar-footer{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.sidebar-footer{border-top:1px solid #ffffff1a;gap:12px;margin-top:auto;padding-top:12px}.sidebar-nav .sidebar-link,.sidebar-footer .sidebar-link{border-radius:16px;transition:background .25s,transform .25s;position:relative;box-sizing:border-box!important;border-width:1px!important;flex-shrink:0!important;justify-content:center!important;align-self:center!important;align-items:center!important;gap:0!important;width:56px!important;min-width:56px!important;max-width:56px!important;height:56px!important;margin:0 auto!important;padding:0!important;display:flex!important;transform:none!important}.sidebar-link>span:not(.sidebar-icon){opacity:0!important;visibility:hidden!important;pointer-events:none!important;width:0!important;height:0!important;display:none!important;position:absolute!important;left:-9999px!important;overflow:hidden!important}.sidebar-link .sidebar-icon{text-align:center!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;font-size:22px!important;line-height:1!important;display:flex!important}.sidebar-nav .sidebar-link:hover,.sidebar-footer .sidebar-link:hover{background:#ffffff24;transform:scale(1.05)!important}.sidebar-link.logout-link:hover{transform:scale(1.05)!important}.sidebar-link.active{background:#ffffff2e;border:1px solid #ffffff4d}.manager-main{margin-left:var(--manager-sidebar-width);width:calc(100% - var(--manager-sidebar-width));max-width:calc(100% - var(--manager-sidebar-width));box-sizing:border-box;padding:18px}}@media (width<=480px){.manager-container{--manager-sidebar-width:80px}.manager-sidebar{padding:16px 0}.sidebar-nav .sidebar-link,.sidebar-footer .sidebar-link{border-radius:12px;width:52px!important;min-width:52px!important;max-width:52px!important;height:52px!important}.sidebar-logo{width:36px!important;height:36px!important}.sidebar-link>span:not(.sidebar-icon){width:0!important;height:0!important;display:none!important}.sidebar-icon{font-size:20px!important}.manager-main{box-sizing:border-box;padding:14px;margin-left:var(--manager-sidebar-width)!important;width:calc(100% - var(--manager-sidebar-width))!important;max-width:calc(100% - var(--manager-sidebar-width))!important}.main-header h1{font-size:24px}.card{border-radius:14px;padding:14px}.filter-group{flex-direction:column}.filter-group .form-input,.filter-group .form-select{min-width:100%}.transaction-details{grid-template-columns:1fr}.payment-options{flex-direction:column}.order-total{flex-direction:column;align-items:flex-start;gap:8px}.btn-lg{width:100%}.modal-content{width:95%;padding:18px}.settings-actions{flex-direction:column;gap:12px;display:flex}.settings-actions button{width:100%}}.header-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.header-status-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.status-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 6px 18px #00000014}@media (width<=768px){.header-top-row{flex-direction:column;align-items:flex-start}.header-status-group{justify-content:flex-start;width:100%}.page-title{font-size:28px}.status-badge{padding:8px 14px;font-size:13px}}.top-status-bar{justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;display:flex}.main-header{margin-bottom:28px}.header-left{flex-direction:column;display:flex}.page-subtitle{color:#64748b;margin-top:6px;font-size:15px;font-weight:500}.status-badge{border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;display:flex;box-shadow:0 6px 18px #00000014}.status-connected{color:#166534;background:#dcfce7;border:1px solid #86efac}.status-disconnected{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.status-online{color:#1d4ed8;background:#dbeafe;border:1px solid #93c5fd}.status-offline{color:#374151;background:#f3f4f6;border:1px solid #d1d5db}@media (width<=768px){.top-status-bar{flex-direction:column;align-items:flex-start;gap:10px}.page-title{font-size:28px}.status-badge{padding:8px 14px;font-size:13px}}.main-header{flex-direction:column;margin-bottom:28px;display:flex}.top-status-row{justify-content:flex-end;align-items:flex-end;gap:12px;width:100%;margin-bottom:18px;display:flex}.page-title{color:#0f172a;margin:0;font-size:34px;font-weight:800}.status-pill{white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:700;box-shadow:0 4px 14px #00000014}.connected{color:#166534;background:#dcfce7;border-color:#86efac}[data-theme=dark] .connected{color:#86efac;background:#064e3b;border-color:#34d399}.offline{color:#991b1b;background:#fee2e2;border-color:#fca5a5}[data-theme=dark] .offline{color:#fca5a5;background:#7f1d1d;border-color:#f87171}.employee-online{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}[data-theme=dark] .employee-online{color:#93c5fd;background:#1e3a8a;border-color:#3b82f6}.employee-offline{color:#374151;background:#f3f4f6;border-color:#d1d5db}[data-theme=dark] .employee-offline{color:#cbd5e1;background:#475569;border-color:#64748b}.order-container{grid-template-columns:1fr 1fr;align-items:stretch;gap:24px;display:grid}.order-list-section,.cart-section{flex-direction:column;display:flex}.order-list-section .card,.cart-section .card{flex-direction:column;width:100%;display:flex}@media (width<=768px){.top-status-row{flex-direction:column;align-items:flex-end}.page-title{font-size:28px}}@media (width<=1024px){.order-container{grid-template-columns:1fr;gap:20px}.grid.grid-3{grid-template-columns:repeat(2,1fr);gap:16px}}@media (width<=768px){.main-header{margin-bottom:20px}.top-status-row{flex-direction:column;align-items:flex-end;gap:10px}.page-title{font-size:28px}.order-container{flex-direction:column;gap:20px;display:flex}.order-list-section,.cart-section{width:100%}.card{border-radius:14px;padding:18px!important}.card-title{font-size:20px}.form-input{padding:12px;font-size:15px}.btn{width:100%;min-height:48px;font-size:15px}.payment-options{flex-direction:column;gap:12px;display:flex}.cart-item{flex-direction:column;align-items:flex-start;gap:12px}.cart-item-controls{justify-content:space-between;align-items:center;width:100%;display:flex}.qty-control{transform:scale(.95)}.grid.grid-3{grid-template-columns:1fr;gap:16px;display:grid}.filters-row{flex-direction:column;gap:10px;display:flex}.filters-row .btn{width:100%}.filters-row .form-input{width:100%!important}.order-card-header{flex-direction:column;align-items:flex-start;gap:10px}.token-title{font-size:22px!important}}@media (width<=480px){.business-day-banner{padding:19px 12px;font-size:13px;top:14px;right:14px}.page-title{font-size:24px}.card{padding:14px!important}.card-title{font-size:18px}.status-pill{text-align:center;justify-content:center;width:100%}.order-total{flex-direction:column;align-items:flex-start;gap:6px}.order-total-value{font-size:26px}}.date-input-wrapper{min-width:160px;position:relative}.date-reset-btn{color:var(--text-secondary,#666);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:18px;font-weight:700;transition:transform .2s,color .2s;display:flex;position:absolute;right:8px}.date-reset-btn:hover{color:#ff4d4f;transform:rotate(-90deg)}.filter-group{align-items:center;gap:10px;display:flex}.business-day-banner{z-index:999;color:#16a34a;letter-spacing:-.2px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none;background:#f0fdf4e6;border:1px solid #4ade8066;border-radius:100px;justify-content:center;gap:8px;margin:20px;padding:8px 16px;font-size:30px;font-weight:600;transition:all .2s;display:flex;top:20px;right:24px;box-shadow:0 4px 12px #16a34a14,0 1px 2px #0000000d}.business-day-banner:hover{background:#f0fdf4fa;transform:translateY(-1px);box-shadow:0 6px 16px #16a34a1f,0 1px 2px #0000000d}.employee-list{flex-direction:column;gap:14px;margin-top:10px;display:flex}.employee-row{background:var(--bg-color);border:1px solid var(--border-color);border-radius:14px;justify-content:space-between;align-items:center;padding:16px 18px;transition:all .25s;display:flex}.employee-row:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.employee-left{align-items:center;gap:14px;min-width:0;display:flex}.employee-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;font-weight:700;display:flex}.employee-meta{flex-direction:column;min-width:0;display:flex}.employee-name{color:var(--text-primary);font-size:15px;font-weight:700}.employee-email{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.employee-delete-btn{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:700;transition:all .25s}.employee-delete-btn:hover{color:#fff;background:#dc2626}.employee-footer{justify-content:flex-end;margin-top:24px;display:flex}.empty-employees{text-align:center;background:var(--bg-color);border:1px dashed var(--border-color);color:var(--text-secondary);border-radius:14px;padding:30px;font-weight:600}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea{color:#e2e8f0;background:#2d3748;border-color:#4a5568}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus,[data-theme=dark] .form-textarea:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed33}[data-theme=dark] .form-input::placeholder{color:#a0aec0}.table-assignment-group .table-select{border:1px solid var(--border-color);background-color:var(--card-bg);color:var(--text-primary);cursor:pointer;border-radius:8px;outline:none;padding:10px;font-size:14px;transition:all .3s}.table-assignment-group .table-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}[data-theme=dark] .table-assignment-group .table-select{color:#e2e8f0;background:#2d3748;border-color:#4a5568}[data-theme=dark] .table-assignment-group .table-select:focus{border-color:#63b3ed;box-shadow:0 0 0 3px #63b3ed33}[data-theme=dark] .setting-input::placeholder{color:#6b7280;opacity:.8}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.employee-container{--employee-sidebar-width:280px;background-color:var(--bg-color);min-height:100vh;color:var(--text-primary);transition:background-color .3s,color .3s;display:flex}.emp-mobile-sidebar-overlay{z-index:998;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;display:none;position:fixed;inset:0}.emp-mobile-sidebar-overlay.emp-overlay-visible{opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(2px);display:block}.emp-mobile-topbar{display:none}.employee-sidebar{width:var(--employee-sidebar-width);color:#fff;z-index:1000;background:linear-gradient(160deg,#10b981 0%,#059669 100%);border-radius:0 12px 12px 0;flex-direction:column;height:100vh;padding:30px 20px;display:flex;position:fixed;overflow-y:auto;box-shadow:4px 0 20px #00000014}.emp-sidebar-header{border-bottom:1px solid #fff3;flex-shrink:0;align-items:center;gap:12px;margin-bottom:40px;padding-bottom:20px;display:flex}.emp-sidebar-header h1{font-size:24px;font-weight:700}.sidebar-logo{object-fit:cover;border-radius:12px;flex-shrink:0;width:48px;height:48px}.emp-sidebar-icon{flex-shrink:0;font-size:20px;line-height:1}.employee-sidebar .sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.employee-sidebar .sidebar-footer{border-top:1px solid #fff3;flex-direction:column;gap:4px;margin-top:auto;padding-top:16px;display:flex}.employee-sidebar .emp-sidebar-link{cursor:pointer;color:#ffffffe0;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;border:2px solid #0000;border-radius:10px;flex-direction:row;align-items:center;gap:12px;width:100%;padding:11px 14px;font-size:15px;font-weight:500;text-decoration:none;transition:background .2s,transform .2s;display:flex;overflow:hidden}.employee-sidebar .emp-sidebar-link:hover{color:#fff;background:#ffffff26;transform:translate(3px)}.employee-sidebar .emp-sidebar-link.active{color:#fff;background:#ffffff38;border-color:#ffffff73;font-weight:600}.employee-sidebar .emp-sidebar-link.logout-link{color:#fca5a5}.employee-sidebar .emp-sidebar-link.logout-link:hover{color:#fecaca;background:#dc262638;transform:translate(3px)}.employee-main{margin-left:var(--employee-sidebar-width);z-index:1;flex:1;min-height:100vh;padding:40px;transition:margin-left .3s;position:relative;overflow:visible}.orders-page{position:relative}.main-header{border-bottom:2px solid var(--border-color);justify-content:space-between;margin-bottom:40px;padding-bottom:20px;display:flex}.main-header h1{color:var(--text-primary);font-size:32px;font-weight:700}.employee-profile-card{background:var(--card-bg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);border-radius:10px;flex-direction:column;flex-shrink:1;align-items:center;gap:2px;min-width:0;max-width:220px;margin-left:auto;padding:8px 14px;display:flex}.employee-profile-email{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:13px;font-weight:500;overflow:hidden}.employee-profile-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.card{background:var(--card-bg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:all .3s}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-1px)}.btn-success{color:#fff;background-color:#10b981}.btn-success:hover:not(:disabled){background-color:#059669}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-warning{color:#fff;background-color:#f59e0b}.btn-warning:hover:not(:disabled){background-color:#d97706}.btn-secondary{color:#fff;background-color:#6b7280}.btn-secondary:hover:not(:disabled){background-color:#4b5563}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:8px 16px;font-size:13px}.btn-block{width:100%}.grid{gap:24px;margin-bottom:24px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.order-card{background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;padding:20px;transition:all .3s;position:relative;overflow:hidden}.order-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-color);transform:translateY(-4px)}.order-card.pending{background:linear-gradient(90deg,#f59e0b0d,#0000);border-left:4px solid #f59e0b}.order-card.accepted{background:linear-gradient(90deg,#10b9810d,#0000);border-left:4px solid #10b981}.order-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.order-token{color:var(--primary-color);font-size:28px;font-weight:700}.order-status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-block}.order-status-badge.pending{color:#b45309;background-color:#fef3c7}[data-theme=dark] .order-status-badge.pending{color:#fcd34d;background-color:#78350f}.order-status-badge.accepted{color:#166534;background-color:#dcfce7}[data-theme=dark] .order-status-badge.accepted{color:#86efac;background-color:#064e3b}.order-details{border-bottom:1px solid var(--border-color);margin-bottom:16px;padding-bottom:16px}.order-detail-row{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;display:flex}.order-detail-label{color:var(--text-secondary);font-weight:600}.order-detail-value{color:var(--text-primary);font-weight:500}.order-items{background:var(--bg-color);border-radius:8px;margin-bottom:16px;padding:12px}.order-items-title{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:700}.order-items-list{color:var(--text-primary);flex-direction:column;gap:6px;font-size:14px;display:flex}.order-item{justify-content:space-between;display:flex}.order-item-name{font-weight:500}.order-item-qty{color:var(--text-secondary);font-size:13px}.order-actions{flex-wrap:wrap;gap:8px;display:flex}.order-actions .btn{flex:1;min-width:100px}.stock-section{grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;display:grid}.stock-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;min-height:500px;padding:24px;display:flex;box-shadow:0 4px 20px #0f172a0d}.stock-card.alert{border-top:4px solid #f59e0b}.stock-card.restore{border-top:4px solid #10b981}.stock-header.modern{box-sizing:border-box;border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;padding-bottom:18px;display:flex}.stock-header-left{flex-direction:column;flex:1;align-items:flex-start;display:flex}.stock-header-left h2{color:var(--text-primary);margin-bottom:4px;font-size:20px;font-weight:800}.stock-header-left p{color:var(--text-secondary);margin:0;font-size:13px}.stock-count-badge{color:#2563eb;background:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:17px;font-weight:800;display:flex}.stock-count-badge.warning{color:#dc2626;background:#fee2e2}.stock-item-list,.stock-restore-list{flex-direction:column;gap:12px;width:100%;display:flex}.stock-item,.stock-restore-item{background:var(--bg-color);border:1px solid var(--border-color);border-radius:14px;width:100%;padding:14px 16px;transition:all .2s}.stock-item:hover,.stock-restore-item:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0f172a12}.stock-row{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.stock-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:16px;font-weight:700;overflow:hidden}.stock-btn{cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;min-width:120px;max-width:130px;height:38px;padding:0 14px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.stock-btn:disabled{opacity:.55;cursor:not-allowed}.empty-stock-state{color:#16a34a;flex:1;justify-content:center;align-items:center;min-height:180px;font-size:16px;font-weight:700;display:flex}.message-toast{background:var(--secondary-color);color:#fff;box-shadow:var(--shadow-lg);border-radius:8px;min-width:250px;max-width:400px;padding:16px 24px;font-weight:500}.message-toast.warning{background:#f59e0b}[data-theme=dark] .employee-main{background-color:var(--bg-color)}[data-theme=dark] .card{background:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .main-header{border-bottom-color:var(--border-color)}[data-theme=dark] .order-card{background:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .order-card.pending{background:linear-gradient(90deg,#f59e0b14,#0000)}[data-theme=dark] .order-card.accepted{background:linear-gradient(90deg,#10b98114,#0000)}[data-theme=dark] .order-items{background:var(--bg-color)}[data-theme=dark] .stock-card{background:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .stock-item,[data-theme=dark] .stock-restore-item{border-color:var(--border-color);background:#1e293b}[data-theme=dark] .stock-header.modern{border-bottom-color:var(--border-color)}[data-theme=dark] .stock-count-badge{color:#93c5fd;background:#3b82f626}[data-theme=dark] .stock-count-badge.warning{color:#fca5a5;background:#f8717126}[data-theme=dark] .empty-stock-state{color:#34d399}[data-theme=dark] .search-container{background:var(--bg-color)}[data-theme=dark] .search-input{color:#fff;background-color:#1e293b;border-color:var(--border-color)!important}[data-theme=dark] .search-input::placeholder{color:#94a3b8}@media (width<=1100px){.stock-section{grid-template-columns:1fr}.stock-card{min-height:auto}}@media (width<=1024px){.employee-container{--employee-sidebar-width:240px}.employee-sidebar{padding:24px 16px}.employee-main{padding:30px}}@media (width<=768px){.employee-container{--employee-sidebar-width:72px;flex-direction:row}.employee-sidebar{align-items:center;padding:20px 10px;overflow-x:hidden;width:72px!important;min-width:72px!important;max-width:72px!important}.employee-sidebar .emp-sidebar-header{border-bottom:1px solid #ffffff26;flex-direction:column;align-items:center;gap:0;width:100%;margin-bottom:20px;padding-bottom:16px}.employee-sidebar .emp-sidebar-header h1{display:none!important}.emp-sidebar-header{border-bottom:1px solid #ffffff1a;justify-content:center;align-items:center;width:100%;margin-bottom:24px;padding-bottom:18px;display:flex;gap:0!important}.sidebar-logo{width:40px!important;height:40px!important;margin:0 auto!important}.employee-sidebar .sidebar-nav,.employee-sidebar .sidebar-footer{align-items:center;gap:8px;width:100%}.employee-sidebar .emp-sidebar-link{white-space:nowrap;overflow:hidden;border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:0!important;width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;margin:0 auto!important;padding:0!important}.employee-sidebar .emp-sidebar-link>span:not(.emp-sidebar-icon){width:0!important;display:none!important;position:absolute!important;left:-9999px!important;overflow:hidden!important}.employee-sidebar .emp-sidebar-icon{margin:0!important;font-size:21px!important}.employee-main{width:calc(100% - 72px);margin-left:72px;padding:20px 16px}.main-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:24px}.main-header h1{font-size:26px}.emp-sidebar-header .sidebar-icon{font-size:26px;margin:0 auto!important}.grid-2{grid-template-columns:1fr}.order-card{padding:16px}.order-token{font-size:20px}.order-actions{flex-direction:column}.order-actions .btn{width:100%}.stock-row{flex-direction:column;align-items:stretch}.stock-btn{width:100%;max-width:unset}.employee-profile-card{top:16px;right:16px}}@media (width<=430px){.employee-container{flex-direction:column;align-items:stretch}.emp-mobile-topbar.is-mobile{z-index:1001;box-sizing:border-box;background:linear-gradient(135deg,#10b981 0%,#059669 100%);justify-content:space-between;align-items:center;width:100%;height:58px;padding:0 16px;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 12px #00000026;display:flex!important}.emp-mobile-topbar .emp-mobile-logo{object-fit:cover;border-radius:8px;flex-shrink:0;width:34px;height:34px}.emp-mobile-topbar .emp-mobile-logo-placeholder{flex-shrink:0;font-size:26px;line-height:1}.emp-mobile-topbar .emp-mobile-restaurant-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0 10px;font-size:15px;font-weight:700;overflow:hidden}.emp-hamburger-btn{cursor:pointer;background:#ffffff26;border:none;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;padding:0;transition:background .2s;display:flex!important}.emp-hamburger-btn:hover{background:#ffffff40}.emp-hamburger-line{transform-origin:50%;background-color:#fff;border-radius:2px;width:18px;height:2px;transition:transform .3s,opacity .3s,width .3s;display:block}.emp-hamburger-btn.is-open .emp-hamburger-line:first-child{transform:translateY(7px)rotate(45deg)}.emp-hamburger-btn.is-open .emp-hamburger-line:nth-child(2){opacity:0;width:0}.emp-hamburger-btn.is-open .emp-hamburger-line:nth-child(3){transform:translateY(-7px)rotate(-45deg)}aside.employee-sidebar{z-index:1002!important;box-sizing:border-box!important;width:60%!important;min-width:60%!important;max-width:60%!important;height:100vh!important;box-shadow:none!important;pointer-events:none!important;background:linear-gradient(160deg,#10b981 0%,#059669 100%)!important;border-radius:0 12px 12px 0!important;flex-direction:column!important;align-items:stretch!important;padding:0!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;overflow-y:auto!important;transform:translate(-100%)!important}aside.employee-sidebar.emp-sidebar-open{pointer-events:auto!important;transform:translate(0)!important;box-shadow:6px 0 40px #0003!important}.employee-sidebar .emp-sidebar-header{box-sizing:border-box!important;border-bottom:1px solid #ffffff2e!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:12px!important;width:100%!important;margin:0!important;padding:24px 20px 20px!important;display:flex!important}.employee-sidebar .emp-sidebar-header h1{color:#fff!important;white-space:nowrap!important;text-overflow:ellipsis!important;white-space:normal!important;margin:0!important;font-size:17px!important;font-weight:700!important;line-height:1.3!important;display:block!important;overflow:hidden!important}.employee-sidebar .sidebar-logo,.employee-sidebar .emp-sidebar-icon{flex-shrink:0!important}.employee-sidebar .sidebar-nav{box-sizing:border-box!important;flex-direction:column!important;flex:1!important;align-items:stretch!important;gap:2px!important;width:100%!important;padding:16px 12px 12px!important;display:flex!important}.employee-sidebar .sidebar-footer{box-sizing:border-box!important;border-top:1px solid #ffffff2e!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important;width:100%!important;padding:12px 12px 24px!important;display:flex!important}.employee-sidebar .emp-sidebar-link{width:100%!important;height:46px!important;min-width:unset!important;max-width:unset!important;color:#ffffffe0!important;white-space:nowrap!important;text-overflow:ellipsis!important;box-sizing:border-box!important;cursor:pointer!important;border:2px solid #0000!important;border-radius:10px!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:12px!important;margin:0!important;padding:0 14px!important;font-size:15px!important;font-weight:500!important;transition:background .2s!important;display:flex!important;overflow:hidden!important}.employee-sidebar .emp-sidebar-link>span:not(.emp-sidebar-icon){visibility:visible!important;opacity:1!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:auto!important;height:auto!important;color:inherit!important;pointer-events:none!important;font-size:15px!important;display:inline!important;position:static!important;left:auto!important;overflow:visible!important}.employee-sidebar .emp-sidebar-icon{text-align:center!important;flex-shrink:0!important;width:24px!important;margin:0!important;font-size:19px!important;line-height:1!important}.employee-sidebar .emp-sidebar-link:hover{color:#fff!important;background:#ffffff26!important;transform:none!important}.employee-sidebar .emp-sidebar-link.active{color:#fff!important;background:#ffffff38!important;border-color:#fff6!important;font-weight:600!important}.employee-sidebar .emp-sidebar-link.logout-link{color:#fca5a5!important}.employee-sidebar .emp-sidebar-link.logout-link:hover{color:#fecaca!important;background:#dc262638!important}.employee-main{transition:filter .3s;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-height:100vh!important;margin-left:0!important;padding:72px 14px 20px!important}.employee-container.emp-sidebar-open .employee-main{filter:blur(2px);pointer-events:none}.orders-page{position:static!important}.employee-profile-card{box-sizing:border-box!important;border-radius:8px!important;flex-direction:row!important;align-items:center!important;gap:6px!important;width:100%!important;max-width:100%!important;margin-bottom:12px!important;padding:7px 12px!important;display:flex!important;position:static!important}.employee-profile-label{white-space:nowrap!important;flex-shrink:0!important;font-size:10px!important}.employee-profile-email{min-width:0!important;max-width:unset!important;text-overflow:ellipsis!important;white-space:nowrap!important;flex:1!important;font-size:12px!important;overflow:hidden!important}.main-header{border-top:none!important;margin-top:0!important}.main-header h1{font-size:22px!important}.order-token{font-size:20px!important}.order-header{flex-direction:column;gap:10px}.order-actions{flex-direction:column;gap:8px}.order-actions .btn{width:100%;padding:10px;font-size:13px}.stock-section{grid-template-columns:1fr}.stock-card{min-height:auto}.stock-row{flex-direction:column;align-items:stretch}.stock-name{white-space:normal}.stock-btn{width:100%;max-width:unset}[data-theme=dark] aside.employee-sidebar{background:linear-gradient(160deg,#064e3b 0%,#065f46 100%)!important}}:root{--primary-color:#2563eb;--primary-dark:#1e40af;--secondary-color:#10b981;--secondary-dark:#059669;--danger-color:#ef4444;--warning-color:#f59e0b;--bg-color:#f8fafc;--card-bg:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a}[data-theme=dark]{--primary-color:#3b82f6;--primary-dark:#2563eb;--secondary-color:#10b981;--secondary-dark:#059669;--danger-color:#f87171;--warning-color:#fbbf24;--bg-color:#0f172a;--card-bg:#1e293b;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--border-color:#334155;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0009}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s,color .3s;overflow-x:hidden}html{scroll-behavior:smooth;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}