@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #FF7F50;--primary-dark: #E85A2B;--primary-light: #FF9970;--primary-alpha: rgba(255, 127, 80, .1);--white: #ffffff;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .9);--text-muted: rgba(255, 255, 255, .7);--text-subtle: rgba(255, 255, 255, .6);--success: #10b981;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--danger: #ef4444;--danger-light: #fee2e2;--info: #3b82f6;--info-light: #dbeafe;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--glass-bg: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .3);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:url(/bg101.jpg) center center / cover no-repeat fixed;color:var(--text-primary);line-height:1.6;font-size:14px;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:var(--radius)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--radius);transition:var(--transition)}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}::-webkit-scrollbar-corner{background:#ffffff1a}html{scrollbar-width:thin;scrollbar-color:var(--primary-color) rgba(255,255,255,.1)}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:var(--gray-900);color:#fff;padding:4px 8px;border-radius:var(--radius-sm);font-size:11px;white-space:nowrap;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-background-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background-image:url(/bg1001.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.login-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0009,#0006);z-index:-1}.login-top-header{padding:24px 40px;display:flex;align-items:center;position:absolute;top:0;left:0;width:100%;z-index:10}.login-logo-header{display:flex;align-items:center;gap:12px}.login-header-logo{width:32px;height:32px;object-fit:contain}.login-header-text{font-size:20px;font-weight:600;color:#fff;letter-spacing:.5px}.login-page-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;position:relative;z-index:1}.login-glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:40px;width:100%;max-width:480px;box-shadow:0 8px 32px 0 var(--glass-shadow)}.login-card-header{text-align:center;margin-bottom:32px}.login-card-title{font-size:28px;font-weight:600;color:#fff;margin-bottom:8px}.login-card-subtitle{color:#fffc;font-size:16px;font-weight:400}.login-form{margin-bottom:32px}.login-form-group{margin-bottom:20px}.login-form-label{display:block;margin-bottom:8px;color:#fff;font-weight:500;font-size:14px}.login-input-container{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:16px;color:#fff9;font-size:16px;z-index:2}.login-input{width:100%;padding:16px 16px 16px 48px;border:1px solid var(--glass-border);border-radius:12px;font-size:16px;background:var(--input-bg);color:#fff;transition:all .3s ease}.login-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff7f504d}.login-input::placeholder{color:#ffffff80}.login-input:disabled{opacity:.6;cursor:not-allowed}.login-toggle-password{position:absolute;right:16px;background:transparent;border:none;color:#fff9;cursor:pointer;font-size:16px;z-index:2}.login-toggle-password:hover{color:#fffc}.login-toggle-password:disabled{opacity:.6;cursor:not-allowed}.login-error-message{background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:12px 16px;margin-bottom:20px;color:#fecaca;font-size:14px;display:flex;align-items:center;gap:8px}.login-loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:login-spin 1s linear infinite}@keyframes login-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-submit-btn{width:100%;padding:16px;background:var(--primary-color);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.login-submit-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 15px #0003}.login-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-btn-icon{font-size:14px;transition:transform .3s ease}.login-submit-btn:hover:not(:disabled) .login-btn-icon{transform:translate(4px)}.login-footer{margin-top:24px;text-align:center;font-size:12px;color:#fff9}.login-footer p{margin-bottom:12px;font-size:14px;color:#ffffffb3}.login-link{color:var(--primary-color);text-decoration:none;font-weight:600;transition:color .3s ease}.login-link:hover{color:var(--primary-dark);text-decoration:underline}@media (max-width: 768px){.login-glass-card{padding:30px}.login-card-title{font-size:24px}}@media (max-width: 480px){.login-top-header{padding:16px 20px}.login-glass-card{padding:24px}.login-card-title{font-size:22px}}.regtype-background-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background-image:url(/bg1001.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.regtype-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0009,#0006);z-index:-1}.regtype-top-header{padding:24px 40px;display:flex;align-items:center;position:absolute;top:0;left:0;width:100%;z-index:10}.regtype-logo-header{display:flex;align-items:center;gap:12px}.regtype-header-logo{width:32px;height:32px;object-fit:contain}.regtype-header-text{font-size:20px;font-weight:600;color:#fff;letter-spacing:.5px}.regtype-page-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;position:relative;z-index:1}.regtype-content{width:100%;max-width:1200px}.regtype-title{font-size:48px;font-weight:600;color:#fff;text-align:center;margin-bottom:12px}.regtype-subtitle{font-size:18px;color:#fffc;text-align:center;margin-bottom:48px}.regtype-cards-container{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:32px}.regtype-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:40px;position:relative;transition:all .3s ease}.regtype-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d;border-color:#ffffff4d}.regtype-card-owner{border-color:var(--primary-color)}.regtype-card-owner:hover{border-color:var(--primary-color);box-shadow:0 12px 40px #ff7f504d}.regtype-badge{position:absolute;top:20px;right:20px;background:var(--primary-color);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px}.regtype-card-icon{width:80px;height:80px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.regtype-card-icon i{font-size:36px;color:#fffc}.regtype-card-owner .regtype-card-icon{background:#ff7f5033}.regtype-card-owner .regtype-card-icon i{color:var(--primary-color)}.regtype-card-title{font-size:28px;font-weight:600;color:#fff;margin-bottom:12px}.regtype-card-description{font-size:16px;color:#ffffffb3;margin-bottom:24px;line-height:1.6}.regtype-features-list{list-style:none;padding:0;margin:0 0 32px}.regtype-features-list li{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:#fffc;font-size:15px}.regtype-features-list i{color:var(--primary-color);font-size:14px;flex-shrink:0}.regtype-btn{width:100%;padding:16px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.regtype-btn-staff{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.regtype-btn-staff:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.regtype-btn-owner{background:var(--primary-color);color:#fff}.regtype-btn-owner:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 15px #ff7f504d}.regtype-btn i{font-size:14px;transition:transform .3s ease}.regtype-btn:hover i{transform:translate(4px)}.regtype-footer{text-align:center;margin-top:32px}.regtype-footer p{color:#ffffffb3;font-size:15px}.regtype-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-weight:600;font-size:15px;transition:color .3s ease}.regtype-link:hover{color:var(--primary-dark);text-decoration:underline}@media (max-width: 768px){.regtype-title{font-size:36px}.regtype-subtitle{font-size:16px;margin-bottom:32px}.regtype-cards-container{grid-template-columns:1fr;gap:24px}.regtype-card{padding:32px}}@media (max-width: 480px){.regtype-top-header{padding:16px 20px}.regtype-title{font-size:28px}.regtype-card{padding:24px}.regtype-card-title{font-size:24px}.regtype-card-icon{width:64px;height:64px}.regtype-card-icon i{font-size:28px}}.staff-register-background-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background-image:url(/bg1001.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.staff-register-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0009,#0006);z-index:-1}.staff-register-top-header{padding:24px 40px;display:flex;align-items:center;position:absolute;top:0;left:0;width:100%;z-index:10}.staff-register-logo-header{display:flex;align-items:center;gap:12px}.staff-register-header-logo{width:32px;height:32px;object-fit:contain}.staff-register-header-text{font-size:20px;font-weight:600;color:#fff;letter-spacing:.5px}.staff-register-page-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;position:relative;z-index:1}.staff-register-glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:40px;width:100%;max-width:520px;box-shadow:0 8px 32px 0 var(--glass-shadow);position:relative}.staff-register-back-btn{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;margin-bottom:24px;transition:color .3s ease}.staff-register-back-btn:hover{color:#fff}.staff-register-back-btn i{font-size:12px}.staff-register-card-header{text-align:center;margin-bottom:32px}.staff-register-card-title{font-size:28px;font-weight:600;color:#fff;margin-bottom:8px}.staff-register-card-subtitle{color:#fffc;font-size:16px;font-weight:400}.staff-register-form{margin-bottom:24px}.staff-register-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.staff-register-form-group{margin-bottom:20px}.staff-register-form-label{display:block;margin-bottom:8px;color:#fff;font-weight:500;font-size:14px}.staff-register-input-container{position:relative;display:flex;align-items:center}.staff-register-input-icon{position:absolute;left:16px;color:#fff9;font-size:16px;z-index:2}.staff-register-input{width:100%;padding:16px 16px 16px 48px;border:1px solid var(--glass-border);border-radius:12px;font-size:16px;background:var(--input-bg);color:#fff;transition:all .3s ease}.staff-register-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff7f504d}.staff-register-input::placeholder{color:#ffffff80}.staff-register-input:disabled{opacity:.6;cursor:not-allowed}.staff-register-toggle-password{position:absolute;right:16px;background:transparent;border:none;color:#fff9;cursor:pointer;font-size:16px;z-index:2}.staff-register-toggle-password:hover{color:#fffc}.staff-register-toggle-password:disabled{opacity:.6;cursor:not-allowed}.staff-register-phone-input-group{display:flex;gap:8px;width:100%}.staff-register-phone-code-container{position:relative;display:flex;align-items:center;flex-shrink:0;width:120px}.staff-register-phone-code-select{width:100%;padding:16px 28px 16px 48px;border:1px solid var(--glass-border);border-radius:12px;font-size:16px;background:var(--input-bg);color:#fff;transition:all .3s ease;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='white' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.staff-register-phone-code-select option{background:#1a1a1a;color:#fff;padding:8px}.staff-register-phone-code-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff7f504d}.staff-register-phone-code-select:disabled{opacity:.6;cursor:not-allowed}.staff-register-phone-input{flex:1;padding:16px;border:1px solid var(--glass-border);border-radius:12px;font-size:16px;background:var(--input-bg);color:#fff;transition:all .3s ease}.staff-register-phone-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff7f504d}.staff-register-phone-input::placeholder{color:#ffffff80}.staff-register-phone-input:disabled{opacity:.6;cursor:not-allowed}.staff-register-optional{color:#ffffff80;font-weight:400;font-size:13px}.staff-register-error-message{background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:12px 16px;margin-bottom:20px;color:#fecaca;font-size:14px;display:flex;align-items:center;gap:8px}.staff-register-loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:staff-register-spin 1s linear infinite}@keyframes staff-register-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.staff-register-submit-btn{width:100%;padding:16px;background:var(--primary-color);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.staff-register-submit-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 15px #0003}.staff-register-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.staff-register-btn-icon{font-size:14px;transition:transform .3s ease}.staff-register-submit-btn:hover:not(:disabled) .staff-register-btn-icon{transform:translate(4px)}.staff-register-footer{margin-top:24px;text-align:center}.staff-register-footer p{color:#ffffffb3;font-size:14px}.staff-register-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-weight:600;font-size:14px;transition:color .3s ease}.staff-register-link:hover{color:var(--primary-dark);text-decoration:underline}@media (max-width: 768px){.staff-register-glass-card{padding:30px}.staff-register-card-title{font-size:24px}.staff-register-form-row{grid-template-columns:1fr;gap:0}}@media (max-width: 480px){.staff-register-top-header{padding:16px 20px}.staff-register-glass-card{padding:24px}.staff-register-card-title{font-size:22px}.staff-register-phone-input-group{flex-direction:column;gap:12px}.staff-register-phone-code-container{width:100%}}.owner-register-background-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background-image:url(/bg1001.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.owner-register-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0009,#0006);z-index:-1}.owner-register-top-header{padding:24px 40px;display:flex;align-items:center;position:absolute;top:0;left:0;width:100%;z-index:10}.owner-register-logo-header{display:flex;align-items:center;gap:12px}.owner-register-header-logo{width:32px;height:32px;object-fit:contain}.owner-register-header-text{font-size:20px;font-weight:600;color:#fff;letter-spacing:.5px}.owner-register-page-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:100px 20px 40px;position:relative;z-index:1}.owner-register-glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:40px;width:100%;max-width:720px;box-shadow:0 8px 32px 0 var(--glass-shadow);position:relative}.owner-register-back-btn{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;margin-bottom:24px;transition:color .3s ease}.owner-register-back-btn:hover{color:#fff}.owner-register-back-btn i{font-size:12px}.owner-register-card-header{text-align:center;margin-bottom:32px}.owner-register-card-title{font-size:28px;font-weight:600;color:#fff;margin-bottom:8px}.owner-register-card-subtitle{color:#fffc;font-size:16px;font-weight:400}.owner-register-form{margin-bottom:24px}.owner-register-section{margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.1)}.owner-register-section:last-of-type{border-bottom:none;margin-bottom:24px}.owner-register-section-title{font-size:18px;font-weight:600;color:#fff;margin-bottom:20px;display:flex;align-items:center;gap:10px}.owner-register-section-title i{color:var(--primary-color);font-size:16px}.owner-register-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.owner-register-form-group{margin-bottom:20px}.owner-register-form-label{display:block;margin-bottom:8px;color:#fff;font-weight:500;font-size:14px}.owner-register-optional{color:#ffffff80;font-weight:400;font-size:13px}.owner-register-input-container{position:relative;display:flex;align-items:center}.owner-register-input-icon{position:absolute;left:16px;color:#fff9;font-size:16px;z-index:2}.owner-register-textarea-icon{top:16px;align-self:flex-start}.owner-register-input{width:100%;padding:16px 16px 16px 48px;border:1px solid var(--glass-border);border-radius:12px;font-size:16px;background:var(--input-bg);color:#fff;transition:all .3s ease}.owner-register-select{width:100%;padding:16px 48px;border:1px solid var(--glass-border);border-radius:12px;font-size:16px;background:var(--input-bg);color:#fff;transition:all .3s ease;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='white' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}.owner-register-select option{background:#1a1a1a;color:#fff;padding:8px}.owner-register-phone-input-group{display:flex;gap:8px;width:100%}.owner-register-phone-code-container{position:relative;display:flex;align-items:center;flex-shrink:0;width:120px}.owner-register-phone-code-select{width:100%;padding:16px 28px 16px 48px;border:1px solid var(--glass-border);border-radius:12px;font-size:16px;background:var(--input-bg);color:#fff;transition:all .3s ease;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='white' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.owner-register-phone-code-select option{background:#1a1a1a;color:#fff;padding:8px}.owner-register-phone-input{flex:1;padding:16px;border:1px solid var(--glass-border);border-radius:12px;font-size:16px;background:var(--input-bg);color:#fff;transition:all .3s ease}.owner-register-textarea{width:100%;padding:16px 16px 16px 48px;border:1px solid var(--glass-border);border-radius:12px;font-size:16px;background:var(--input-bg);color:#fff;transition:all .3s ease;resize:vertical;min-height:120px;font-family:inherit;line-height:1.5}.owner-register-input:focus,.owner-register-select:focus,.owner-register-phone-code-select:focus,.owner-register-phone-input:focus,.owner-register-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff7f504d}.owner-register-input::placeholder,.owner-register-phone-input::placeholder,.owner-register-textarea::placeholder{color:#ffffff80}.owner-register-input:disabled,.owner-register-select:disabled,.owner-register-phone-code-select:disabled,.owner-register-phone-input:disabled,.owner-register-textarea:disabled{opacity:.6;cursor:not-allowed}.owner-register-toggle-password{position:absolute;right:16px;background:transparent;border:none;color:#fff9;cursor:pointer;font-size:16px;z-index:2}.owner-register-toggle-password:hover{color:#fffc}.owner-register-toggle-password:disabled{opacity:.6;cursor:not-allowed}.owner-register-error-message{background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:12px 16px;margin-bottom:20px;color:#fecaca;font-size:14px;display:flex;align-items:center;gap:8px}.owner-register-loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:owner-register-spin 1s linear infinite}@keyframes owner-register-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.owner-register-submit-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #ff7f504d}.owner-register-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ff7f5066}.owner-register-submit-btn:active:not(:disabled){transform:translateY(0)}.owner-register-submit-btn:disabled{opacity:.7;cursor:not-allowed}.owner-register-btn-icon{font-size:14px}.owner-register-footer{text-align:center;margin-top:20px}.owner-register-footer p{color:#ffffffb3;font-size:14px}.owner-register-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-weight:600;font-size:14px;transition:color .3s ease}.owner-register-link:hover{color:var(--primary-dark);text-decoration:underline}@media (max-width: 768px){.owner-register-glass-card{padding:30px}.owner-register-card-title{font-size:24px}.owner-register-form-row{grid-template-columns:1fr;gap:0}.owner-register-section{margin-bottom:24px;padding-bottom:24px}.owner-register-phone-input-group{flex-direction:column;gap:12px}.owner-register-phone-code-container{width:100%}}@media (max-width: 480px){.owner-register-top-header{padding:16px 20px}.owner-register-page-container{padding:80px 20px 40px}.owner-register-glass-card{padding:24px}.owner-register-card-title{font-size:22px}.owner-register-section-title{font-size:16px}.owner-register-phone-input-group{flex-direction:column}.owner-register-phone-code-container{width:100%}}.portal-header{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);padding:16px 0;position:sticky;top:0;z-index:100}.portal-header-content{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center}.portal-logo{display:flex;align-items:center;gap:12px}.portal-logo img{width:32px;height:32px;object-fit:contain}.portal-logo span{font-size:20px;font-weight:600;color:#fff;letter-spacing:.5px}.portal-user-menu{display:flex;align-items:center;gap:16px}.portal-username{color:#ffffffe6;font-size:14px;font-weight:500}.portal-logout-btn{background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#fecaca;padding:8px 16px;border-radius:8px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.portal-logout-btn:hover{background:#ef44444d;border-color:#ef444480}.portal-container{min-height:100vh;padding:40px 20px}.portal-content{max-width:1400px;margin:0 auto}.portal-loading{text-align:center;padding:60px 20px;color:#fff}.portal-loading .loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:portal-spin 1s linear infinite;margin:0 auto 20px}@keyframes portal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.portal-welcome{text-align:center;margin-bottom:48px}.portal-welcome h1{font-size:36px;font-weight:600;color:#fff;margin-bottom:12px}.portal-welcome p{font-size:18px;color:#fffc}.portal-notice{margin-top:24px;background:#e9cd7b59;border:1px solid rgba(234,179,8,.3);border-radius:12px;padding:16px 20px;display:flex;align-items:flex-start;gap:12px;text-align:left;max-width:800px;margin-left:auto;margin-right:auto}.portal-notice i{color:#fde047;font-size:20px;margin-top:2px;flex-shrink:0}.portal-notice p{color:#ffffffe6;font-size:15px;line-height:1.6;margin:0}.portal-notice strong{color:#fde047;font-weight:600}.portal-error{background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:16px;margin-bottom:24px;color:#fecaca;display:flex;align-items:center;gap:12px}.portal-section{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:0 8px 32px 0 var(--glass-shadow)}.portal-section-title{font-size:24px;font-weight:600;color:#fff;margin-bottom:24px;display:flex;align-items:center;gap:12px}.portal-section-title i{color:var(--primary-color)}.portal-requests-list{display:flex;flex-direction:column;gap:12px}.portal-request-card{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;padding:20px;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.portal-request-card:hover{background:#ffffff14}.portal-request-info h3{color:#fff;font-size:18px;font-weight:500;margin-bottom:4px}.portal-request-date{color:#fff9;font-size:14px}.portal-request-actions{display:flex;align-items:center;gap:12px}.portal-status-badge{padding:6px 12px;border-radius:8px;font-size:13px;font-weight:600;text-transform:capitalize}.portal-status-pending{background:#eab30833;color:#fde047;border:1px solid rgba(234,179,8,.3)}.portal-status-approved{background:#22c55e33;color:#86efac;border:1px solid rgba(34,197,94,.3)}.portal-status-rejected{background:#ef444433;color:#fecaca;border:1px solid rgba(239,68,68,.3)}.portal-cancel-btn{background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#fecaca;padding:6px 12px;border-radius:8px;font-size:13px;cursor:pointer;transition:all .3s ease}.portal-cancel-btn:hover{background:#ef44444d}.portal-search-bar{position:relative;margin-bottom:24px}.portal-search-bar i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#fff9;font-size:16px}.portal-search-bar input{width:100%;padding:14px 16px 14px 48px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;color:#fff;font-size:16px;transition:all .3s ease}.portal-search-bar input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff7f5033}.portal-search-bar input::placeholder{color:#ffffff80}.portal-restaurants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.portal-results-info{margin-bottom:20px}.portal-results-info p{color:#ffffffb3;font-size:14px;font-weight:500}.portal-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:40px;padding-top:32px;border-top:1px solid var(--glass-border)}.portal-pagination-btn{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);color:#fff;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.portal-pagination-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.portal-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.portal-pagination-numbers{display:flex;gap:6px;align-items:center}.portal-pagination-number{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);color:#fff;width:40px;height:40px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.portal-pagination-number:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.portal-pagination-number.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea80;box-shadow:0 4px 12px #667eea4d}.portal-pagination-ellipsis{color:#ffffff80;font-weight:600;padding:0 4px}.portal-restaurant-card{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;padding:24px;transition:all .3s ease;display:flex;flex-direction:column}.portal-restaurant-card:hover{background:#ffffff14;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.portal-restaurant-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px}.portal-restaurant-header h3{color:#fff;font-size:20px;font-weight:600;flex:1}.portal-cuisine-badge{background:#ff7f5033;border:1px solid rgba(255,127,80,.3);color:var(--primary-color);padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap}.portal-restaurant-details{flex:1;margin-bottom:20px}.portal-restaurant-description{color:#ffffffb3;font-size:14px;line-height:1.6;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.portal-restaurant-address{color:#fff9;font-size:14px;display:flex;align-items:center;gap:8px}.portal-request-btn{width:100%;padding:12px 16px;background:var(--primary-color);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.portal-request-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 16px #ff7f5066}.portal-request-btn i{font-size:14px;transition:transform .3s ease}.portal-request-btn:hover i{transform:translate(4px)}.portal-no-results{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#fff9}.portal-no-results i{font-size:48px;margin-bottom:16px;opacity:.5}.portal-no-results p{font-size:18px}.portal-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.portal-modal{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;width:100%;max-width:500px;box-shadow:0 8px 32px 0 var(--glass-shadow)}.portal-modal-header{padding:24px;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.portal-modal-header h3{color:#fff;font-size:20px;font-weight:600}.portal-modal-close{background:none;border:none;color:#fff9;font-size:20px;cursor:pointer;padding:4px;transition:color .3s ease}.portal-modal-close:hover{color:#fff}.portal-modal-body{padding:24px}.portal-form-group{margin-bottom:20px}.portal-form-group label{display:block;color:#fff;font-size:14px;font-weight:500;margin-bottom:8px}.portal-input-disabled{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:10px;color:#fff9;font-size:15px;cursor:not-allowed}.portal-textarea{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:10px;color:#fff;font-size:15px;font-family:inherit;resize:vertical;transition:all .3s ease}.portal-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff7f5033}.portal-textarea::placeholder{color:#ffffff80}.portal-modal-footer{padding:24px;border-top:1px solid var(--glass-border);display:flex;justify-content:flex-end;gap:12px}.portal-btn-secondary{padding:12px 24px;background:#ffffff1a;border:1px solid var(--glass-border);border-radius:10px;color:#fff;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease}.portal-btn-secondary:hover:not(:disabled){background:#ffffff26}.portal-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.portal-btn-primary{padding:12px 24px;background:var(--primary-color);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.portal-btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 16px #ff7f5066}.portal-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:portal-spin 1s linear infinite}@media (max-width: 768px){.portal-header-content{padding:0 16px}.portal-welcome h1{font-size:28px}.portal-welcome p{font-size:16px}.portal-notice{padding:14px 16px;font-size:14px}.portal-notice i{font-size:18px}.portal-section{padding:24px 20px}.portal-section-title{font-size:20px}.portal-restaurants-grid{grid-template-columns:1fr}.portal-request-card{flex-direction:column;align-items:flex-start;gap:12px}.portal-request-actions{width:100%;justify-content:space-between}}@media (max-width: 480px){.portal-user-menu{gap:8px}.portal-username{font-size:12px}.portal-logout-btn{padding:6px 12px;font-size:13px}.portal-welcome h1{font-size:24px}.portal-section{padding:20px 16px}.portal-modal{margin:0}}.portal-toast{position:fixed;top:100px;right:24px;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 32px #0006;z-index:1001;animation:portal-toast-slide-in .3s ease-out;min-width:300px;max-width:400px}@keyframes portal-toast-slide-in{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.portal-toast i{font-size:20px;flex-shrink:0}.portal-toast span{color:#fff;font-size:15px;line-height:1.4}.portal-toast-success{border-left:4px solid #86efac}.portal-toast-success i{color:#86efac}.portal-toast-warning{border-left:4px solid #fde047}.portal-toast-warning i{color:#fde047}.portal-toast-error{border-left:4px solid #fecaca}.portal-toast-error i{color:#fecaca}@media (max-width: 768px){.portal-toast{right:16px;left:16px;min-width:auto;max-width:none}}@media (max-width: 480px){.portal-toast{top:80px;right:12px;left:12px;padding:14px 16px}.portal-toast i{font-size:18px}.portal-toast span{font-size:14px}}.portal-confirm-modal{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;padding:32px;max-width:440px;width:90%;text-align:center;box-shadow:0 8px 32px 0 var(--glass-shadow);animation:portal-modal-scale-in .3s ease-out}@keyframes portal-modal-scale-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.portal-confirm-icon{width:64px;height:64px;border-radius:50%;background:#eab30826;border:2px solid rgba(234,179,8,.3);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.portal-confirm-icon i{font-size:32px;color:#fde047}.portal-confirm-modal h3{color:#fff;font-size:22px;font-weight:600;margin-bottom:12px}.portal-confirm-modal p{color:#fffc;font-size:15px;line-height:1.6;margin-bottom:28px}.portal-confirm-actions{display:flex;gap:12px;justify-content:center}.portal-confirm-actions button{flex:1;padding:12px 20px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.portal-btn-danger{background:#ef4444e6;color:#fff}.portal-btn-danger:hover{background:#ef4444;transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}@media (max-width: 480px){.portal-confirm-modal{padding:24px}.portal-confirm-modal h3{font-size:20px}.portal-confirm-modal p{font-size:14px;margin-bottom:24px}.portal-confirm-actions{flex-direction:column}.portal-pagination{gap:8px}.portal-pagination-btn{padding:8px 12px;font-size:13px}.portal-pagination-btn i{display:none}.portal-pagination-number{width:36px;height:36px;font-size:13px}.portal-pagination-numbers{gap:4px}}.sidebar-container{width:240px;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--glass-border);box-shadow:var(--glass-shadow);position:fixed;height:100vh;z-index:1000;display:flex;flex-direction:column;transition:var(--transition);overflow:hidden}.sidebar-header{padding:var(--spacing-lg) var(--spacing-lg);border-bottom:1px solid var(--gray-200);flex-shrink:0;min-height:72px;display:flex;align-items:center}.sidebar-logo{display:flex;align-items:center;gap:var(--spacing-md)}.sidebar-logo-img{width:32px;height:32px;border-radius:var(--radius);box-shadow:var(--shadow)}.sidebar-logo-text{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:-.025em}.sidebar-nav{flex:1;padding:var(--spacing-lg) 0;overflow-y:auto;min-height:0}.sidebar-nav-menu{list-style:none;padding:0 var(--spacing-md)}.sidebar-nav-item{margin-bottom:var(--spacing-xs)}.sidebar-nav-link{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:var(--transition);position:relative;font-weight:500}.sidebar-nav-link:hover{background:var(--primary-alpha);color:var(--primary-color);transform:translate(2px)}.sidebar-nav-item-active .sidebar-nav-link{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;box-shadow:var(--shadow-md)}.sidebar-nav-link i{font-size:16px;width:20px;text-align:center}.sidebar-nav-text{font-size:14px}.sidebar-nav-badge{margin-left:auto;background:var(--primary-color);color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.sidebar-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--gray-200);flex-shrink:0;margin-top:auto}.sidebar-logout-btn{background:var(--gray-50);border:1px solid var(--gray-200);color:var(--gray-600);cursor:pointer;padding:var(--spacing-md);border-radius:var(--radius-md);transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:13px;font-weight:500;width:100%}.sidebar-logout-btn:hover{background:var(--gray-100);color:var(--gray-700);border-color:var(--gray-300)}.sidebar-logout-btn:disabled{opacity:.6;cursor:not-allowed}.sidebar-logout-text{font-size:13px}@media (max-width: 768px){.sidebar-container{transform:translate(-100%);height:100vh;height:100dvh}.sidebar-container.sidebar-open{transform:translate(0)}.sidebar-nav{padding:var(--spacing-md) 0}.sidebar-header{padding:var(--spacing-lg) var(--spacing-md)}.sidebar-footer{padding:var(--spacing-md)}}@keyframes slideIn{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}.sidebar-nav-link{animation:slideIn .2s ease-out}.header-container{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);padding:var(--spacing-lg) var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:100;box-shadow:var(--shadow-sm);min-height:72px}.header-left{display:flex;align-items:center;gap:var(--spacing-lg)}.header-sidebar-toggle{display:none;background:transparent;border:none;cursor:pointer;padding:var(--spacing-md);border-radius:var(--radius-md);transition:var(--transition);height:40px;width:40px;align-items:center;justify-content:center}.header-sidebar-toggle:hover{transform:translateY(-1px)}.header-sidebar-toggle:active{transform:translateY(0)}.header-hamburger{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:22px;height:18px;gap:4px}.header-hamburger-line{height:3px;background:var(--primary-color);border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}.header-hamburger-line-1{width:22px}.header-hamburger-line-2{width:16px}.header-hamburger-line-3,.header-sidebar-toggle:hover .header-hamburger-line-1{width:20px}.header-sidebar-toggle:hover .header-hamburger-line-2{width:22px;transform:translate(2px)}.header-sidebar-toggle:hover .header-hamburger-line-3{width:18px;transform:translate(1px)}.header-search-container{position:relative;width:400px}.header-search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--gray-400);font-size:14px}.header-search-input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 40px;border:1px solid var(--gray-200);border-radius:var(--radius-md);background:#fff;color:var(--gray-700);font-size:14px;transition:var(--transition)}.header-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-alpha)}.header-right{display:flex;align-items:center}.header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.header-action-btn{background:#fff;border:1px solid var(--gray-200);color:var(--gray-600);padding:var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);position:relative;height:40px;width:40px;display:flex;align-items:center;justify-content:center}.header-action-btn:hover{background:var(--gray-50);border-color:var(--gray-300)}.header-notification-btn{position:relative}.header-notification-count{position:absolute;top:-6px;right:-6px;background:var(--danger);color:#fff;font-size:10px;font-weight:600;padding:2px 5px;border-radius:8px;min-width:16px;text-align:center}.header-user-menu{display:flex;align-items:center;gap:var(--spacing-sm);background:#fff;border:1px solid var(--gray-200);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);height:40px;min-width:40px}.header-user-menu:hover{background:var(--gray-50)}.header-user-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0}.header-user-name{font-weight:500;font-size:13px;color:var(--gray-700);white-space:nowrap}.header-user-name-mobile{display:none}.header-user-name-full{display:inline}@media (max-width: 768px){.header-container{padding:var(--spacing-md) var(--spacing-lg)}.header-sidebar-toggle{display:flex}.header-search-container{display:none}.header-left{gap:var(--spacing-md)}.header-actions{gap:var(--spacing-sm)}.header-user-name-full{display:none}.header-user-name-mobile{display:inline;font-weight:600;font-size:14px}.header-user-menu{padding:var(--spacing-sm);gap:var(--spacing-xs)}}@media (max-width: 480px){.header-container{padding:var(--spacing-sm) var(--spacing-md)}.header-left{gap:var(--spacing-sm)}.header-actions{gap:var(--spacing-xs)}}.dashboard-layout-container{display:flex;min-height:100vh}.dashboard-layout-main{flex:1;margin-left:240px;min-height:100vh;display:flex;flex-direction:column;width:calc(100% - 240px);max-width:calc(100% - 240px);box-sizing:border-box;overflow-x:hidden}.dashboard-layout-content{flex:1;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden;padding-top:72px}@media (max-width: 768px){.dashboard-layout-main{margin-left:0;width:100%;max-width:100%}}.dashboard-widget-welcome{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow);transition:var(--transition);margin-bottom:var(--spacing-xl);width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.dashboard-widget-welcome:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.dashboard-welcome-content{padding:var(--spacing-2xl);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.dashboard-welcome-greeting{flex:1}.dashboard-welcome-title{font-size:28px;font-weight:800;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;line-height:1.2}.dashboard-welcome-subtitle{font-size:16px;color:var(--text-muted);margin:0;font-weight:500}.dashboard-welcome-info{flex-shrink:0;text-align:right}.dashboard-welcome-date{font-size:14px;color:var(--text-secondary);font-weight:600;background:#ffffff1a;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}@media (max-width: 768px){.dashboard-welcome-content{flex-direction:column;text-align:center;gap:var(--spacing-md)}.dashboard-welcome-title{font-size:24px}.dashboard-welcome-info{text-align:center}}@media (max-width: 480px){.dashboard-welcome-content{padding:var(--spacing-xl)}.dashboard-welcome-title{font-size:20px}.dashboard-welcome-subtitle{font-size:14px}.dashboard-welcome-date{font-size:12px}}.dashboard-widget-quick-actions{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:var(--transition);margin-bottom:var(--spacing-xl);width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.dashboard-widget-quick-actions:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.dashboard-quick-actions-header{padding:var(--spacing-lg);border-bottom:1px solid var(--glass-border)}.dashboard-quick-actions-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;display:flex;align-items:center;gap:var(--spacing-sm)}.dashboard-quick-actions-title i{color:var(--primary-color)}.dashboard-quick-actions-subtitle{font-size:14px;color:var(--text-muted);margin:0}.dashboard-quick-actions-content{padding:var(--spacing-lg)}.dashboard-quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.dashboard-quick-action-btn{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);text-align:left;width:100%;text-decoration:none;box-shadow:var(--shadow-sm)}.dashboard-quick-action-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.dashboard-action-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff}.dashboard-action-primary:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-color))}.dashboard-action-secondary{background:linear-gradient(135deg,var(--success-color),var(--success-dark));color:#fff;border:2px solid rgba(255,255,255,.3)}.dashboard-action-secondary:hover{background:linear-gradient(135deg,var(--success-dark),var(--success-color))}.dashboard-action-tertiary{background:linear-gradient(135deg,var(--warning-color),var(--warning-dark));color:#fff;border:2px solid rgba(255,255,255,.3)}.dashboard-action-tertiary:hover{background:linear-gradient(135deg,var(--warning-dark),var(--warning-color))}.dashboard-action-quaternary{background:linear-gradient(135deg,#6f42c1,#5a32a3);color:#fff}.dashboard-action-quaternary:hover{background:linear-gradient(135deg,#5a32a3,#6f42c1)}.dashboard-action-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashboard-action-icon i{font-size:20px}.dashboard-action-content{flex:1;min-width:0}.dashboard-action-title{font-size:16px;font-weight:700;margin-bottom:var(--spacing-xs);line-height:1.2}.dashboard-action-subtitle{font-size:13px;opacity:.9;line-height:1.3}@media (max-width: 768px){.dashboard-quick-actions-grid{grid-template-columns:1fr}.dashboard-quick-action-btn{padding:var(--spacing-md);gap:var(--spacing-md)}.dashboard-action-icon{width:40px;height:40px}.dashboard-action-icon i{font-size:18px}.dashboard-action-title{font-size:14px}.dashboard-action-subtitle{font-size:12px}}@media (max-width: 480px){.dashboard-quick-actions-content{padding:var(--spacing-md)}.dashboard-quick-action-btn{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.dashboard-action-content{text-align:center}}.dashboard-widget-recent-orders{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow);transition:var(--transition);margin-bottom:var(--spacing-xl);width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.dashboard-widget-recent-orders:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.dashboard-recent-orders-header{padding:var(--spacing-xl);border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.dashboard-recent-orders-title-section{flex:1}.dashboard-recent-orders-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-md)}.dashboard-recent-orders-title i{color:var(--primary-color)}.dashboard-recent-orders-subtitle{margin-top:var(--spacing-xs);color:var(--text-muted);font-size:.9rem}.dashboard-recent-orders-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.dashboard-refresh-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--glass-border);background:#ffffff1a;color:var(--text-muted);border-radius:var(--radius);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);font-size:.85rem}.dashboard-refresh-btn:hover:not(:disabled){background:#fff3;color:var(--text-primary)}.dashboard-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.dashboard-orders-count{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background:#ffffff1a;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.dashboard-recent-orders-content{padding:var(--spacing-xl);width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.dashboard-recent-orders-loading,.dashboard-recent-orders-error,.dashboard-recent-orders-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-muted);gap:var(--spacing-md);min-height:220px}.dashboard-loading-spinner{width:36px;height:36px;border:4px solid rgba(255,255,255,.2);border-top:4px solid var(--primary-color);border-radius:50%;animation:dashboard-spin 1s linear infinite}@keyframes dashboard-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-recent-orders-error{color:#ff6b6b}.dashboard-recent-orders-error i{font-size:1.5rem}.dashboard-retry-btn{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);border:1px solid #ff6b6b;background:transparent;color:#ff6b6b;cursor:pointer;transition:var(--transition)}.dashboard-retry-btn:hover{background:#ff6b6b;color:#fff}.dashboard-recent-orders-empty i{font-size:2rem;color:#fff6}.dashboard-empty-subtitle{font-size:.85rem;color:var(--text-subtle)}.dashboard-recent-orders-table-container{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative;box-sizing:border-box}.dashboard-recent-orders-table-container:after{content:"";position:absolute;top:0;right:0;bottom:0;width:18px;background:linear-gradient(to left,rgba(255,255,255,.1),transparent);pointer-events:none;opacity:0;transition:opacity .3s ease}.dashboard-recent-orders-table-container:hover:after{opacity:1}.dashboard-recent-orders-table{width:100%;min-width:800px}.dashboard-recent-orders-thead{background:#ffffff14;border-radius:var(--radius) var(--radius) 0 0}.dashboard-recent-orders-tr{display:grid;grid-template-columns:minmax(100px,1fr) minmax(85px,.8fr) minmax(90px,.9fr) minmax(80px,.8fr) minmax(120px,1.2fr) minmax(110px,1fr) minmax(95px,.9fr);gap:var(--spacing-sm);align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--glass-border);transition:var(--transition)}.dashboard-recent-orders-header-row{font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.dashboard-recent-orders-row{background:#ffffff0f;color:var(--text-secondary)}.dashboard-recent-orders-row:hover{background:#ffffff1a;transform:translateY(-1px)}.dashboard-recent-orders-row.pending{border-left:3px solid var(--warning)}.dashboard-recent-orders-row.confirmed{border-left:3px solid var(--info)}.dashboard-recent-orders-row.preparing{border-left:3px solid var(--danger)}.dashboard-recent-orders-row.ready,.dashboard-recent-orders-row.served{border-left:3px solid var(--success)}.dashboard-recent-orders-row.cancelled{border-left:3px solid var(--gray-500);opacity:.8}.dashboard-recent-orders-th,.dashboard-recent-orders-td{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-recent-orders-number{font-weight:600;color:var(--primary-color)}.dashboard-recent-orders-time{font-family:monospace;font-size:.85rem}.dashboard-recent-orders-type{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.85rem;text-transform:capitalize}.dashboard-recent-orders-type i{font-size:.75rem;width:14px}.dashboard-recent-orders-table-info{color:var(--text-muted)}.dashboard-recent-orders-customer{color:var(--text-muted);font-size:.85rem}.dashboard-recent-orders-status{display:flex;align-items:center}.dashboard-status-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;background:#ffffff14;color:var(--text-secondary)}.dashboard-status-badge i{font-size:.7rem}.dashboard-recent-orders-total{font-weight:600;color:var(--text-primary);font-size:.9rem}.dashboard-recent-orders-footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--glass-border)}.dashboard-view-all-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius);font-weight:600;font-size:.9rem;cursor:pointer;transition:var(--transition);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;box-shadow:var(--shadow-sm)}.dashboard-view-all-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (max-width: 1024px){.dashboard-recent-orders-tr{grid-template-columns:minmax(95px,1fr) minmax(80px,.8fr) minmax(85px,.9fr) minmax(75px,.8fr) minmax(110px,1.1fr) minmax(105px,.9fr) minmax(90px,.9fr);padding:var(--spacing-sm) var(--spacing-md)}.dashboard-recent-orders-table{min-width:750px}}@media (max-width: 768px){.dashboard-recent-orders-header{flex-direction:column;align-items:flex-start}.dashboard-recent-orders-actions{align-self:stretch;justify-content:space-between;width:100%}.dashboard-recent-orders-content{padding:var(--spacing-lg)}.dashboard-recent-orders-tr{grid-template-columns:minmax(90px,1fr) minmax(75px,.9fr) minmax(80px,1fr) minmax(100px,1.2fr) minmax(100px,1fr)}.dashboard-recent-orders-table{min-width:550px}.dashboard-recent-orders-tr .dashboard-recent-orders-th:nth-child(4),.dashboard-recent-orders-tr .dashboard-recent-orders-td:nth-child(4),.dashboard-recent-orders-tr .dashboard-recent-orders-th:nth-child(5),.dashboard-recent-orders-tr .dashboard-recent-orders-td:nth-child(5){display:none}}@media (max-width: 480px){.dashboard-recent-orders-content{padding:var(--spacing-md)}.dashboard-recent-orders-header{padding:var(--spacing-lg)}.dashboard-recent-orders-tr{grid-template-columns:minmax(85px,1fr) minmax(70px,.9fr) minmax(95px,1.1fr) minmax(85px,1fr);padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-xs)}.dashboard-recent-orders-table{min-width:380px}.dashboard-recent-orders-tr .dashboard-recent-orders-th:nth-child(3),.dashboard-recent-orders-tr .dashboard-recent-orders-td:nth-child(3){display:none}.dashboard-recent-orders-header{padding:var(--spacing-md)}.dashboard-recent-orders-title{font-size:1.25rem}.dashboard-recent-orders-subtitle{font-size:.8rem}.dashboard-orders-count{font-size:.7rem}}.dashboard-content{flex:1;padding:var(--spacing-xl);max-width:100%;width:100%;margin:0 auto;box-sizing:border-box;overflow-x:hidden}.payment-selector-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.payment-selector-modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.payment-selector-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between}.payment-selector-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.payment-selector-close{background:transparent;border:none;cursor:pointer;color:var(--gray-500);font-size:20px;padding:var(--spacing-sm);transition:var(--transition);border-radius:var(--radius)}.payment-selector-close:hover{background:var(--gray-100);color:var(--gray-700)}.payment-selector-content{padding:var(--spacing-xl);overflow-y:auto;flex:1}.payment-selector-order-info{background:var(--gray-50);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);text-align:center}.payment-selector-order-info p{margin:var(--spacing-xs) 0;color:var(--gray-600);font-size:14px}.payment-selector-total{font-size:18px!important;font-weight:600!important;color:var(--primary-color)!important;margin-top:var(--spacing-sm)!important}.payment-selector-loading,.payment-selector-error{text-align:center;padding:var(--spacing-xl)}.payment-selector-spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top-color:var(--primary-color);border-radius:50%;margin:0 auto var(--spacing-md);animation:payment-selector-spin .8s linear infinite}@keyframes payment-selector-spin{to{transform:rotate(360deg)}}.payment-selector-error{color:var(--danger)}.payment-selector-error i{font-size:32px;margin-bottom:var(--spacing-md)}.payment-methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-md)}.payment-method-btn{background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--spacing-lg);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);position:relative;min-height:100px}.payment-method-btn:hover{border-color:var(--primary-color);background:var(--primary-alpha);transform:translateY(-2px);box-shadow:var(--shadow-md)}.payment-method-btn.selected{border-color:var(--primary-color);background:var(--primary-alpha);box-shadow:0 0 0 3px #4361ee1a}.payment-method-btn i:first-child{font-size:28px;color:var(--primary-color)}.payment-method-btn span{font-size:14px;font-weight:500;color:#1f2937}.payment-method-check{position:absolute;top:8px;right:8px;color:var(--success);font-size:18px}.payment-selector-actions{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--gray-200);display:flex;gap:var(--spacing-md);justify-content:flex-end}.payment-selector-btn{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition);border:none;display:flex;align-items:center;gap:var(--spacing-sm)}.payment-selector-btn-cancel{background:var(--gray-100);color:var(--gray-700)}.payment-selector-btn-cancel:hover{background:var(--gray-200)}.payment-selector-btn-confirm{background:var(--primary-color);color:#fff}.payment-selector-btn-confirm:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.payment-selector-btn-confirm:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.payment-selector-modal{width:95%;max-height:95vh}.payment-methods-grid{grid-template-columns:repeat(2,1fr)}.payment-selector-actions{flex-direction:column-reverse}.payment-selector-btn{width:100%;justify-content:center}.payment-split-amount-row{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.payment-split-method-info{min-width:100%;justify-content:flex-start}.payment-split-input-group{align-items:stretch;width:100%}.payment-split-amount-input{width:100%}.payment-split-fee-display{text-align:right}}.payment-selector-split-toggle{padding:var(--spacing-md) 0;border-bottom:1px solid var(--gray-200);margin-bottom:var(--spacing-lg)}.payment-selector-toggle-label{display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;-webkit-user-select:none;user-select:none}.payment-selector-toggle-input{position:absolute;opacity:0;width:0;height:0}.payment-selector-toggle-slider{position:relative;width:48px;height:24px;background:var(--gray-300);border-radius:24px;transition:var(--transition)}.payment-selector-toggle-slider:before{content:"";position:absolute;width:20px;height:20px;left:2px;top:2px;background:#fff;border-radius:50%;transition:var(--transition)}.payment-selector-toggle-input:checked+.payment-selector-toggle-slider{background:var(--primary-color)}.payment-selector-toggle-input:checked+.payment-selector-toggle-slider:before{transform:translate(24px)}.payment-selector-toggle-text{font-size:14px;font-weight:500;color:var(--text-primary)}.payment-selector-toggle-hint{margin:var(--spacing-xs) 0 0 0;font-size:12px;color:var(--gray-600);font-style:italic}.payment-selector-split-amounts{margin-top:var(--spacing-lg);padding:var(--spacing-lg);background:var(--gray-50);border-radius:var(--radius-md)}.payment-selector-split-amounts h4{margin:0 0 var(--spacing-md) 0;font-size:14px;font-weight:600;color:#1f2937}.payment-split-amount-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);background:#fff;border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);border:1px solid var(--gray-200)}.payment-split-method-info{display:flex;align-items:center;gap:var(--spacing-sm);min-width:150px}.payment-split-method-info i{font-size:18px;color:var(--primary-color)}.payment-split-method-name{font-size:14px;font-weight:500;color:#1f2937}.payment-split-fee-badge{font-size:11px;padding:2px 6px;background:var(--warning-alpha);color:var(--warning);border-radius:var(--radius-sm)}.payment-split-input-group{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:1}.payment-split-amount-input{width:120px;padding:var(--spacing-sm);border:1px solid var(--gray-300);border-radius:var(--radius);font-size:14px;text-align:right;transition:var(--transition)}.payment-split-amount-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4361ee1a}.payment-split-fee-display{font-size:12px;color:var(--gray-600);white-space:nowrap}.payment-selector-remaining{font-size:14px;font-weight:600;padding:var(--spacing-sm);border-radius:var(--radius);text-align:center}.payment-selector-complete{color:var(--success);background:#10b9811a}.payment-selector-underpaid{color:var(--warning);background:#f59e0b1a}.payment-selector-overpaid{color:var(--danger);background:#ef44441a}.orders-page-container{padding:var(--spacing-lg);min-height:100vh;max-width:100vw;margin:0 auto;overflow-x:hidden}.orders-page-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;color:var(--text-secondary)}.orders-loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-left:4px solid var(--text-primary);border-radius:50%;animation:orders-spin 1s linear infinite;margin-bottom:var(--spacing-lg)}@keyframes orders-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orders-page-header{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-2xl);margin-bottom:var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--glass-shadow);transition:var(--transition)}.orders-page-header:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.orders-header-content h1.orders-page-title{font-size:28px;font-weight:800;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.orders-header-content p.orders-page-subtitle{color:var(--text-muted);font-size:16px;margin:0}.orders-header-actions{display:flex;gap:var(--spacing-md)}.orders-btn{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;font-size:14px}.orders-btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:var(--shadow-md)}.orders-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.orders-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.orders-btn-secondary{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border)}.orders-btn-secondary:hover{background:#fff3}.orders-stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.orders-stat-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-lg);box-shadow:var(--glass-shadow);transition:var(--transition)}.orders-stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.orders-stat-icon{width:60px;height:60px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff}.orders-stat-total .orders-stat-icon{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%)}.orders-stat-pending .orders-stat-icon{background:linear-gradient(135deg,var(--warning) 0%,#fb8c00 100%)}.orders-stat-preparing .orders-stat-icon{background:linear-gradient(135deg,var(--danger) 0%,#e53935 100%)}.orders-stat-ready .orders-stat-icon{background:linear-gradient(135deg,var(--success) 0%,#4caf50 100%)}.orders-stat-info{flex:1}.orders-stat-number{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:var(--spacing-xs)}.orders-stat-label{font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.orders-filters-section{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--glass-shadow);flex-wrap:wrap}.orders-filter-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;flex:1}.orders-filter-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--glass-border);background:#ffffff1a;color:var(--text-muted);border-radius:var(--radius);cursor:pointer;transition:var(--transition);font-weight:500;font-size:14px}.orders-filter-btn:hover{background:#fff3}.orders-filter-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.orders-filter-dropdowns{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.orders-filter-dropdown-group{display:flex;align-items:center;gap:var(--spacing-sm)}.orders-filter-label{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-muted);font-size:14px;font-weight:500;white-space:nowrap}.orders-filter-label i{font-size:14px}.orders-filter-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--glass-border);background:#ffffff1a;color:var(--text-primary);border-radius:var(--radius);cursor:pointer;transition:var(--transition);font-weight:500;font-size:14px;min-width:150px}.orders-filter-select:hover{background:#fff3;border-color:var(--text-secondary)}.orders-filter-select:focus{outline:none;border-color:var(--primary-color);background:#ffffff26}.orders-filter-select option{background:#1f2937;color:var(--text-primary)}.orders-refresh-section{display:flex;gap:var(--spacing-md)}.orders-refresh-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--glass-border);background:#ffffff1a;color:var(--text-muted);border-radius:var(--radius);cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:var(--spacing-sm);font-size:14px}.orders-refresh-btn:hover{background:#fff3;color:var(--text-primary)}.orders-error-alert,.orders-success-alert{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-weight:500;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.orders-error-alert{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ff5252}.orders-success-alert{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#4caf50}.orders-error-close,.orders-success-close{background:none;border:none;color:inherit;cursor:pointer;margin-left:auto;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition)}.orders-error-close:hover,.orders-success-close:hover{background:#ffffff1a}.orders-grid-section{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--glass-shadow)}.orders-grid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--glass-border)}.orders-grid-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0;display:flex;align-items:center;gap:var(--spacing-md)}.orders-grid-info{display:flex;align-items:center;gap:var(--spacing-lg)}.orders-count{color:var(--text-muted);font-size:.875rem;background:#ffffff1a;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm)}.orders-list-section{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:var(--glass-shadow)}.orders-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--glass-border)}.orders-list-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0;display:flex;align-items:center;gap:var(--spacing-md)}.orders-list-info{display:flex;align-items:center;gap:var(--spacing-lg)}.orders-list-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative}.orders-list-container:after{content:"";position:absolute;top:0;right:0;bottom:0;width:20px;background:linear-gradient(to left,rgba(255,255,255,.1),transparent);pointer-events:none;opacity:0;transition:opacity .3s ease}.orders-list-container:hover:after{opacity:1}.orders-list-table{width:100%;min-width:800px;border-collapse:collapse}.orders-list-thead{background:#ffffff1a;border-radius:var(--radius) var(--radius) 0 0}.orders-list-tr{display:grid;grid-template-columns:minmax(100px,1fr) minmax(80px,1fr) minmax(60px,.8fr) minmax(60px,.8fr) minmax(120px,1.2fr) minmax(100px,1fr) minmax(80px,1fr) minmax(100px,1fr);gap:var(--spacing-sm);align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--glass-border);transition:var(--transition);width:100%}.orders-list-header-row{font-weight:600;color:var(--text-primary);background:#ffffff1a}.orders-list-row{background:#ffffff0d;color:var(--text-secondary);position:relative;z-index:1}.orders-list-row.orders-menu-open{z-index:9998}.orders-list-row:hover{background:#ffffff1a;transform:translateY(-1px)}.orders-list-row.pending{border-left:3px solid var(--warning)}.orders-list-row.confirmed{border-left:3px solid var(--info)}.orders-list-row.preparing{border-left:3px solid var(--danger)}.orders-list-row.ready,.orders-list-row.served{border-left:3px solid var(--success)}.orders-list-row.cancelled{border-left:3px solid var(--gray-500);opacity:.7}.orders-list-td{font-size:.875rem;padding:var(--spacing-xs) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orders-actions-info{overflow:visible;position:relative;z-index:2}.orders-list-th{font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orders-sort-header{cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs);transition:var(--transition)}.orders-sort-header:hover,.orders-sort-header.active{color:var(--primary-color)}.orders-sort-header i{font-size:.75rem}.orders-order-number{font-weight:600;color:var(--primary-color)}.orders-order-time{font-family:monospace;font-size:.8rem}.orders-order-type{display:flex;align-items:center;justify-content:center}.orders-order-type i{font-size:1rem}.orders-table-info{color:var(--text-muted);text-align:center;font-weight:600}.orders-customer-info{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted)}.orders-status-info .orders-status-badge{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);border-radius:50%;font-size:1rem;width:32px;height:32px}.orders-total-info{font-weight:600;color:var(--text-primary)}.orders-list-actions{display:flex;gap:var(--spacing-xs);justify-content:flex-start}.orders-list-actions .orders-action-btn{width:28px;height:28px;font-size:.75rem}.orders-action-menu-container{position:relative;display:inline-block}.orders-action-menu-btn{background:#ffffff1a;color:var(--text-muted);border:1px solid var(--glass-border)}.orders-action-menu-btn:hover{background:#fff3;color:var(--text-primary)}.orders-action-dropdown{position:absolute;top:calc(100% + 4px);right:0;background:#fff;border:1px solid var(--gray-200);border-radius:0;box-shadow:0 4px 12px #00000026;min-width:160px;z-index:9999;overflow:visible}.orders-action-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:#fff;color:var(--gray-800);text-align:left;cursor:pointer;transition:var(--transition);font-size:.875rem;font-weight:500;border-bottom:1px solid var(--gray-100)}.orders-action-menu-item:last-child{border-bottom:none}.orders-action-menu-item:hover{background:var(--gray-50)}.orders-action-menu-item i{width:16px;text-align:center;font-size:.875rem}.orders-action-menu-item-danger{color:var(--danger)}.orders-action-menu-item-danger:hover{background:var(--danger-light)}.orders-action-btn{width:40px;height:40px;border:none;border-radius:var(--radius);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;font-size:.9rem}.orders-details-btn{background:var(--info-light);color:var(--info)}.orders-details-btn:hover{background:#bbdefb}.orders-confirm-btn{background:var(--success-light);color:var(--success)}.orders-confirm-btn:hover{background:#c8e6c9}.orders-preparing-btn{background:var(--danger-light);color:var(--danger)}.orders-preparing-btn:hover{background:#ffcdd2}.orders-ready-btn{background:var(--success-light);color:var(--success)}.orders-ready-btn:hover{background:#c8e6c9}.orders-edit-btn{background:#fff3e0;color:#ff9800}.orders-edit-btn:hover{background:#ffe0b2}.orders-serve-btn{background:var(--success-light);color:var(--success)}.orders-serve-btn:hover{background:#c8e6c9}.orders-cancel-btn{background:var(--gray-100);color:var(--gray-600)}.orders-cancel-btn:hover{background:var(--gray-200)}.orders-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--glass-border)}.orders-pagination-info{color:var(--text-muted);font-size:.875rem}.orders-pagination-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.orders-pagination-btn{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--glass-border);background:#ffffff1a;color:var(--text-muted);border-radius:var(--radius);cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem}.orders-pagination-btn:hover:not(:disabled){background:#fff3;color:var(--text-primary)}.orders-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.orders-pagination-numbers{display:flex;gap:var(--spacing-xs)}.orders-pagination-number{width:36px;height:36px;border:1px solid var(--glass-border);background:#ffffff1a;color:var(--text-muted);border-radius:var(--radius);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:500}.orders-pagination-number:hover{background:#fff3;color:var(--text-primary)}.orders-pagination-number.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.orders-list-tbody .orders-empty-state{grid-column:1 / -1;padding:var(--spacing-2xl);text-align:center;color:var(--text-muted)}.orders-list-tbody .orders-empty-state i{font-size:3rem;margin-bottom:var(--spacing-lg);opacity:.5;color:var(--text-primary)}.orders-list-tbody .orders-empty-state h3{font-size:1.25rem;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.orders-list-tbody .orders-empty-state p{margin-bottom:var(--spacing-lg);max-width:400px;margin-left:auto;margin-right:auto}@media (max-width: 1200px){.orders-list-table{min-width:700px}.orders-list-tr{grid-template-columns:minmax(90px,1fr) minmax(70px,1fr) minmax(50px,.7fr) minmax(50px,.7fr) minmax(100px,1fr) minmax(90px,1fr) minmax(70px,1fr) minmax(90px,1fr);gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width: 768px){.orders-list-table{min-width:600px}.orders-list-tr{grid-template-columns:minmax(80px,1fr) minmax(60px,1fr) minmax(40px,.6fr) minmax(40px,.6fr) minmax(80px,1fr) minmax(60px,1fr) minmax(80px,1fr);gap:var(--spacing-xs);padding:var(--spacing-sm);font-size:.75rem}.orders-list-th,.orders-list-td{font-size:.75rem}.orders-status-info{display:none}.orders-list-th:nth-child(6){display:none}.orders-pagination{flex-direction:column;gap:var(--spacing-md);text-align:center}.orders-pagination-numbers{order:-1}}@media (max-width: 480px){.orders-list-table{min-width:500px}.orders-list-tr{grid-template-columns:70px 50px 35px 35px 70px 50px 70px;gap:4px;padding:var(--spacing-xs) var(--spacing-sm);font-size:.7rem}.orders-list-th,.orders-list-td{font-size:.7rem;padding:2px 0}.orders-status-info{display:none}.orders-list-th:nth-child(6){display:none}.orders-list-actions .orders-action-btn{width:32px;height:32px;font-size:.75rem}.orders-customer-info{max-width:60px}}.orders-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.orders-modal{background:#fff;border-radius:var(--radius-xl);width:100%;max-width:800px;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-xl);display:flex;flex-direction:column}.orders-create-modal{max-width:900px}.orders-details-modal{max-width:700px;min-width:300px}.orders-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);border-bottom:1px solid var(--gray-200);background:var(--gray-50);gap:var(--spacing-md);flex-wrap:wrap;flex-shrink:0}.orders-modal-header h3{margin:0;color:var(--gray-800);font-size:1.25rem;font-weight:600;flex:1;min-width:200px;word-break:break-word}.orders-modal-close{background:#ef44441a;border:2px solid rgba(239,68,68,.3);color:#ef4444;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius);transition:var(--transition);width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0}.orders-modal-close:hover{background:#ef444433;border-color:#ef444480;transform:scale(1.05)}.orders-modal-content{padding:var(--spacing-xl);max-height:calc(90vh - 140px);overflow-y:auto;overflow-x:hidden;flex:1;-webkit-overflow-scrolling:touch}.orders-modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--gray-200);background:var(--gray-50);flex-shrink:0;flex-wrap:wrap}.orders-form-section{margin-bottom:var(--spacing-2xl)}.orders-form-section h4{color:var(--gray-800);font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--primary-color)}.orders-menu-search-container{margin-bottom:var(--spacing-lg)}.orders-menu-search-wrapper{position:relative;display:flex;align-items:center}.orders-menu-search-icon{position:absolute;left:var(--spacing-md);color:var(--gray-500);font-size:.875rem;pointer-events:none}.orders-menu-search-input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 40px;padding-right:40px;border:2px solid var(--gray-300);border-radius:var(--radius-md);font-size:14px;transition:var(--transition);background:#fff}.orders-menu-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff7f501a}.orders-menu-search-input::placeholder{color:var(--gray-400)}.orders-menu-search-clear{position:absolute;right:var(--spacing-md);background:none;border:none;color:var(--gray-500);cursor:pointer;padding:var(--spacing-xs);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.orders-menu-search-clear:hover{background:var(--gray-200);color:var(--gray-700)}.orders-menu-search-info{margin-top:var(--spacing-sm);font-size:.875rem;color:var(--gray-600);font-weight:500}.orders-menu-search-prompt,.orders-menu-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;background:var(--gray-50);border:2px dashed var(--gray-300);border-radius:var(--radius-md);min-height:200px}.orders-menu-search-prompt i,.orders-menu-no-results i{font-size:3rem;color:var(--gray-400);margin-bottom:var(--spacing-lg)}.orders-menu-search-prompt h5,.orders-menu-no-results h5{font-size:1.125rem;color:var(--gray-800);margin:0 0 var(--spacing-sm) 0;font-weight:600}.orders-menu-search-prompt p,.orders-menu-no-results p{font-size:.875rem;color:var(--gray-600);margin:0 0 var(--spacing-lg) 0;max-width:300px}.orders-clear-search-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition)}.orders-clear-search-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.orders-edit-notice{background:#fff3e0;border-left:4px solid #ff9800;padding:var(--spacing-md);margin-bottom:var(--spacing-lg);border-radius:var(--radius);display:flex;align-items:flex-start;gap:var(--spacing-sm);color:#e65100}.orders-edit-notice i{margin-top:2px;font-size:1rem}.orders-edit-notice span{flex:1;font-size:.875rem;line-height:1.5}.orders-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.orders-form-group{display:flex;flex-direction:column}.orders-form-group label{font-weight:600;color:var(--gray-700);margin-bottom:var(--spacing-sm);font-size:.875rem}.orders-form-group input,.orders-form-group select,.orders-form-group textarea{padding:var(--spacing-md);border:1px solid var(--gray-300);border-radius:var(--radius);font-size:14px;transition:var(--transition)}.orders-form-group input:focus,.orders-form-group select:focus,.orders-form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff7f501a}.orders-form-group input:disabled,.orders-form-group select:disabled,.orders-form-group textarea:disabled{background-color:var(--gray-100);cursor:not-allowed;opacity:.7}.orders-form-error{background:var(--danger-light);color:var(--danger);padding:var(--spacing-md);border-radius:var(--radius);margin-top:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.orders-loading-items{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-2xl);color:var(--gray-600)}.orders-menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md);max-height:400px;overflow-y:auto;border:1px solid var(--gray-200);border-radius:var(--radius);padding:var(--spacing-lg);background:#fff}.orders-menu-item{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);padding:var(--spacing-md);display:flex;justify-content:space-between;align-items:center;transition:var(--transition)}.orders-menu-item:hover{background:var(--gray-100);border-color:var(--primary-color)}.orders-menu-item-info{flex:1}.orders-menu-item-info h5{margin:0 0 var(--spacing-xs) 0;color:var(--gray-800);font-size:.875rem;font-weight:600}.orders-menu-item-price{color:var(--primary-color);font-weight:700;font-size:.875rem;margin-bottom:var(--spacing-xs)}.orders-menu-item-desc{color:var(--gray-600);font-size:.75rem;margin:0;line-height:1.3}.orders-add-item-btn{background:var(--primary-color);color:#fff;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;font-size:.875rem}.orders-add-item-btn:hover{background:var(--primary-dark);transform:scale(1.1)}.orders-selected-items{border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden}.orders-selected-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--gray-200)}.orders-selected-item:last-child{border-bottom:none}.orders-item-info{display:flex;flex-direction:column}.orders-item-price{color:var(--gray-600);font-size:.875rem}.orders-item-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.orders-qty-btn{background:var(--gray-200);border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--gray-700)}.orders-qty-btn:hover{background:var(--gray-300)}.orders-item-qty{font-weight:600;color:var(--gray-800);min-width:20px;text-align:center}.orders-remove-item-btn{background:var(--danger-light);color:var(--danger);border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;font-size:.75rem;margin-left:var(--spacing-sm)}.orders-remove-item-btn:hover{background:var(--danger);color:#fff}.orders-item-total{font-weight:700;color:var(--gray-800);text-align:right}.orders-total-section{background:var(--gray-100);padding:var(--spacing-lg);text-align:right;font-size:1.125rem;color:var(--gray-800)}.orders-subtotal-line,.orders-total-line{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) 0}.orders-total-line{border-top:2px solid var(--gray-300);padding-top:var(--spacing-md);margin-top:var(--spacing-sm);font-size:1.25rem}.orders-existing-items{border:1px solid #e0e0e0;border-radius:var(--radius);overflow:hidden;background:#fafafa}.orders-existing-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid #e0e0e0;opacity:.85}.orders-existing-item:last-child{border-bottom:none}.orders-existing-item-info{display:flex;flex-direction:column}.orders-existing-item-name{font-weight:600;color:var(--gray-700);margin-bottom:var(--spacing-xs)}.orders-existing-item-price{color:var(--gray-500);font-size:.875rem}.orders-existing-item-qty{font-weight:500;color:var(--gray-600);min-width:60px;text-align:center}.orders-existing-item-total{font-weight:700;color:var(--gray-700);text-align:right;min-width:80px}.orders-existing-total{background:#eee;padding:var(--spacing-md) var(--spacing-lg);text-align:right;font-size:1.125rem;color:var(--gray-800);border-top:2px solid #bdbdbd}@media (max-width: 768px){.orders-existing-total{font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md)}}.orders-loading-details{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-2xl);color:var(--gray-600)}.orders-details-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.orders-details-header{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--gray-50);border-radius:var(--radius)}.orders-details-section h4{color:var(--gray-800);font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--primary-color)}.orders-detail-item{margin-bottom:var(--spacing-md);color:var(--gray-700)}.orders-detail-item strong{color:var(--gray-800);margin-right:var(--spacing-sm)}.orders-split-payments-list{margin-top:var(--spacing-sm);padding:var(--spacing-md);background:var(--gray-50);border-radius:var(--radius);border:1px solid var(--gray-200)}.orders-split-payment-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--gray-200)}.orders-split-payment-item:last-child{border-bottom:none;padding-bottom:0}.orders-split-payment-number{font-weight:600;color:var(--gray-600);min-width:20px}.orders-split-payment-method{font-weight:500;color:var(--gray-800);min-width:100px}.orders-split-payment-amount{font-weight:600;color:var(--primary-color);margin-left:auto}.orders-split-payment-fee{font-size:12px;color:var(--gray-600);font-style:italic}.orders-customer-details{background:var(--gray-50);padding:var(--spacing-lg);border-radius:var(--radius)}.orders-items-list{border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden}.orders-detail-item-row{display:grid;grid-template-columns:2fr auto auto auto;align-items:start;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--gray-200)}.orders-detail-item-row:last-child{border-bottom:none}.orders-item-details{display:flex;flex-direction:column}.orders-item-name{font-weight:600;color:var(--gray-800);margin-bottom:var(--spacing-xs)}.orders-item-description{color:var(--gray-600);font-size:.875rem;margin-bottom:var(--spacing-xs)}.orders-item-special{color:var(--warning);font-size:.875rem;font-style:italic}.orders-item-quantity,.orders-item-price{color:var(--gray-700);font-weight:500}.orders-totals{background:var(--gray-50);padding:var(--spacing-lg);border-radius:var(--radius)}.orders-total-row{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm);color:var(--gray-700)}.orders-total-row.orders-final-total{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:2px solid var(--gray-300);font-size:1.125rem}.orders-timeline{background:var(--gray-50);padding:var(--spacing-lg);border-radius:var(--radius)}.orders-timeline-item{margin-bottom:var(--spacing-md);color:var(--gray-700)}.orders-timeline-item:last-child{margin-bottom:0}.orders-error-content{text-align:center;padding:var(--spacing-2xl);color:var(--gray-600)}@media (max-width: 1024px) and (min-width: 769px){.orders-modal{max-width:calc(100vw - 64px);margin:32px}.orders-details-modal{max-width:650px}.orders-details-header{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.orders-detail-item-row{grid-template-columns:2fr 80px 90px 100px;gap:var(--spacing-md)}.orders-modal-header,.orders-modal-content{padding:var(--spacing-lg)}.orders-modal-actions{padding:var(--spacing-md) var(--spacing-lg)}}@media (max-width: 768px) and (min-width: 481px){.orders-modal{margin:var(--spacing-lg);max-width:calc(100vw - 32px);border-radius:var(--radius-lg)}.orders-details-modal{max-width:calc(100vw - 32px)}.orders-modal-header{padding:var(--spacing-lg);flex-wrap:wrap}.orders-modal-header h3{font-size:1.125rem;flex:1 1 100%;margin-bottom:var(--spacing-xs)}.orders-modal-header-actions{flex:1 1 auto;justify-content:flex-end;width:100%}.orders-modal-content{padding:var(--spacing-lg)}.orders-details-header{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);padding:var(--spacing-md)}.orders-detail-item-row{grid-template-columns:1fr auto;gap:var(--spacing-sm);padding:var(--spacing-md)}.orders-item-details{grid-column:1}.orders-item-quantity,.orders-item-price{grid-column:2;text-align:right}.orders-item-total{grid-column:1 / -1;text-align:right;padding-top:var(--spacing-xs);border-top:1px dashed var(--gray-200);margin-top:var(--spacing-xs);font-size:1rem}.orders-modal-actions{padding:var(--spacing-md) var(--spacing-lg);flex-wrap:wrap}.orders-modal-actions .orders-btn{flex:1;min-width:140px;justify-content:center}}@media (max-width: 768px){.orders-page-container{padding:var(--spacing-sm)}.orders-page-header{flex-direction:column;gap:var(--spacing-lg);text-align:center}.orders-stats-section{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-lg);display:none}.orders-filters-section{flex-direction:column;gap:var(--spacing-lg)}.orders-filter-buttons{justify-content:center;width:100%}.orders-filter-dropdowns{width:100%;flex-direction:column}.orders-filter-dropdown-group{width:100%;flex-direction:column;align-items:flex-start}.orders-filter-select{width:100%}.orders-refresh-section{width:100%;justify-content:center}.orders-grid{grid-template-columns:1fr}.orders-list-section{padding:var(--spacing-md)}.orders-list-header h2{font-size:1.125rem}.orders-modal{margin:var(--spacing-md);max-width:calc(100vw - 24px);max-height:95vh;border-radius:var(--radius-lg)}.orders-details-modal{max-width:calc(100vw - 24px)}.orders-modal-header{padding:var(--spacing-md);flex-wrap:wrap}.orders-modal-header h3{font-size:1rem;flex:1 1 100%;margin-bottom:var(--spacing-sm)}.orders-modal-header-actions{flex:1 1 auto;justify-content:space-between;width:100%;gap:var(--spacing-sm)}.orders-print-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:13px;min-height:40px}.orders-modal-content{padding:var(--spacing-md)}.orders-modal-actions{padding:var(--spacing-md);gap:var(--spacing-sm)}.orders-modal-actions .orders-btn{flex:1;min-width:120px;padding:var(--spacing-md);font-size:14px;min-height:44px;justify-content:center}.orders-form-row{grid-template-columns:1fr}.orders-menu-search-input{font-size:16px;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 36px}.orders-menu-search-prompt,.orders-menu-no-results{padding:var(--spacing-xl) var(--spacing-md);min-height:160px}.orders-menu-search-prompt i,.orders-menu-no-results i{font-size:2.5rem}.orders-menu-search-prompt h5,.orders-menu-no-results h5{font-size:1rem}.orders-menu-grid{grid-template-columns:1fr}.orders-subtotal-line,.orders-total-line{font-size:.875rem}.orders-total-line{font-size:.95rem}.orders-total-section{font-size:.875rem;padding:var(--spacing-md)}.orders-details-header{grid-template-columns:1fr}.orders-detail-item-row{grid-template-columns:1fr;gap:var(--spacing-sm);text-align:left}}@media (max-width: 480px){.orders-list-header h2{font-size:1rem}.orders-stats-section{grid-template-columns:1fr}.orders-stat-card{padding:var(--spacing-lg)}.orders-stat-icon{width:48px;height:48px;font-size:1.25rem}.orders-stat-number{font-size:1.5rem}.orders-selected-item{grid-template-columns:1fr;gap:var(--spacing-sm)}.orders-item-controls{justify-content:center}.orders-subtotal-line,.orders-total-line{font-size:.8rem;gap:var(--spacing-xs)}.orders-subtotal-line span,.orders-total-line span{font-size:.8rem}.orders-total-line{font-size:.875rem}.orders-total-line span:first-child,.orders-subtotal-line span:first-child{flex:1;min-width:0;word-wrap:break-word}.orders-total-section{font-size:.8rem;padding:var(--spacing-sm) var(--spacing-md)}.orders-modal{margin:var(--spacing-sm);max-width:calc(100vw - 16px);border-radius:var(--radius-md)}.orders-modal-header{padding:var(--spacing-sm) var(--spacing-md)}.orders-modal-header h3{font-size:.95rem}.orders-print-btn span{display:none}.orders-print-btn{padding:var(--spacing-sm);min-width:40px;justify-content:center}.orders-modal-close{padding:var(--spacing-xs);min-width:40px;min-height:40px}.orders-modal-content{padding:var(--spacing-sm) var(--spacing-md)}.orders-details-header{grid-template-columns:1fr;gap:var(--spacing-sm);padding:var(--spacing-sm)}.orders-detail-item{font-size:.875rem}.orders-details-section h4{font-size:1rem;margin-bottom:var(--spacing-md)}.orders-detail-item-row{padding:var(--spacing-sm);gap:var(--spacing-xs)}.orders-item-name{font-size:.875rem}.orders-item-description,.orders-item-special{font-size:.8rem}.orders-item-quantity,.orders-item-price,.orders-item-total{font-size:.875rem}.orders-totals{padding:var(--spacing-sm)}.orders-total-row{font-size:.875rem}.orders-total-row.orders-final-total{font-size:1rem}.orders-modal-actions{padding:var(--spacing-sm)}.orders-modal-actions .orders-btn{font-size:13px;padding:var(--spacing-sm) var(--spacing-md);min-height:42px}}.orders-cancel-confirm-modal{max-width:380px;margin:auto}.orders-cancel-message{text-align:center;color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.4}.orders-actions-modal{max-width:450px;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.orders-actions-modal .orders-modal-header{background:linear-gradient(135deg,#ff7f501a,#ff63471a);border-bottom:1px solid rgba(255,127,80,.2)}.orders-modal-info{background:#ffffff80;padding:var(--spacing-md);border-radius:var(--radius);margin-bottom:var(--spacing-lg);border:1px solid rgba(0,0,0,.05)}.orders-modal-info p{margin:var(--spacing-xs) 0;color:var(--gray-700);font-size:.875rem}.orders-modal-info strong{color:var(--gray-800);margin-right:var(--spacing-xs)}.orders-actions-buttons{display:flex;flex-direction:column;gap:var(--spacing-md)}.orders-action-modal-btn{width:100%;padding:var(--spacing-lg);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--spacing-md);font-size:1rem;font-weight:600;box-shadow:0 2px 8px #0000000d}.orders-action-modal-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.orders-action-modal-btn i{font-size:1.25rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.orders-action-edit{color:#ff9800}.orders-action-edit:hover{background:#ff98001a;border-color:#ff98004d}.orders-action-edit i{background:#ff980026}.orders-action-complete{color:var(--success)}.orders-action-complete:hover{background:#4caf501a;border-color:#4caf504d}.orders-action-complete i{background:#4caf5026}.orders-action-cancel{color:var(--danger)}.orders-action-cancel:hover{background:#ef44441a;border-color:#ef44444d}.orders-action-cancel i{background:#ef444426}@media (max-width: 768px){.orders-actions-modal{max-width:calc(100vw - 24px);margin:var(--spacing-md)}.orders-action-modal-btn{padding:var(--spacing-md) var(--spacing-lg);min-height:56px}.orders-action-modal-btn i{font-size:1.125rem;width:28px;height:28px}}.orders-btn-danger{background:linear-gradient(135deg,#ff6b6b,#ff5252);color:#fff;border:none}.orders-modal-header-actions{display:flex;align-items:center;gap:12px}.orders-print-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;min-height:44px}.orders-print-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.orders-print-btn i{flex-shrink:0}.orders-btn-danger:hover{background:linear-gradient(135deg,#ff5252,#f44);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b4d}:root{--tables-primary-color: #FF7F50;--tables-primary-dark: #E85A2B;--tables-primary-light: #FF9970;--tables-primary-alpha: rgba(255, 127, 80, .1);--tables-glass-bg: rgba(255, 255, 255, .15);--tables-glass-border: rgba(255, 255, 255, .3);--tables-glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--tables-text-primary: #ffffff;--tables-text-secondary: rgba(255, 255, 255, .9);--tables-text-muted: rgba(255, 255, 255, .7);--tables-text-subtle: rgba(255, 255, 255, .6);--tables-text-dark: #2d3748;--tables-text-gray: #4a5568;--tables-text-light-gray: #718096;--tables-success: #10b981;--tables-warning: #f59e0b;--tables-danger: #ef4444;--tables-info: #3b82f6}.tables-page-container{padding:24px;min-height:100vh;max-width:1400px;margin:0 auto}.tables-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--tables-text-secondary)}.tables-loading-spinner{width:40px;height:40px;border:3px solid var(--tables-glass-border);border-top:3px solid var(--tables-primary-color);border-radius:50%;animation:tables-spin 1s linear infinite;margin-bottom:16px}@keyframes tables-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tables-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;background:var(--tables-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--tables-glass-border);border-radius:16px;padding:32px;box-shadow:var(--tables-glass-shadow)}.tables-header-content h1.tables-page-title{font-size:2.5rem;font-weight:800;color:var(--tables-text-primary);margin-bottom:8px}.tables-page-subtitle{font-size:1.125rem;color:var(--tables-text-muted);margin:0}.tables-header-actions{display:flex;gap:16px}.tables-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none}.tables-btn-primary{background:linear-gradient(135deg,var(--tables-primary-color),var(--tables-primary-dark));color:#fff;box-shadow:0 4px 6px #0000001a}.tables-btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 15px #0000001a}.tables-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.tables-btn-secondary{background:#f8f9fa;color:var(--tables-text-dark);border:1px solid rgba(255,255,255,.3)}.tables-btn-secondary:hover{background:#ffffff1a;color:var(--tables-text-primary)}.tables-btn-danger{background:linear-gradient(135deg,var(--tables-danger),#dc2626);color:#fff;box-shadow:0 4px 6px #0000001a}.tables-btn-danger:hover{transform:translateY(-1px);box-shadow:0 10px 15px #0000001a}.tables-stats-section{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.tables-stat-card{background:var(--tables-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--tables-glass-border);border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:var(--tables-glass-shadow);transition:all .2s ease}.tables-stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px #0000001a}.tables-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.tables-stat-total .tables-stat-icon{background:linear-gradient(135deg,var(--tables-info),#2563eb);color:#fff}.tables-stat-available .tables-stat-icon{background:linear-gradient(135deg,var(--tables-success),#059669);color:#fff}.tables-stat-occupied .tables-stat-icon{background:linear-gradient(135deg,var(--tables-warning),#d97706);color:#fff}.tables-stat-number{font-size:2rem;font-weight:800;color:var(--tables-text-primary);line-height:1}.tables-stat-label{font-size:14px;color:var(--tables-text-muted);font-weight:500}.tables-filters-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;background:var(--tables-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--tables-glass-border);border-radius:12px;padding:16px 20px;box-shadow:var(--tables-glass-shadow)}.tables-filter-buttons{display:flex;gap:8px}.tables-filter-btn{padding:8px 16px;border:1px solid var(--tables-glass-border);border-radius:8px;background:#ffffff1a;color:var(--tables-text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.tables-filter-btn:hover{background:#fff3;color:var(--tables-text-primary)}.tables-filter-btn.active{background:var(--tables-primary-color);color:#fff;border-color:var(--tables-primary-color)}.tables-refresh-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff1a;border:1px solid var(--tables-glass-border);border-radius:8px;color:var(--tables-text-secondary);font-size:14px;cursor:pointer;transition:all .2s ease}.tables-refresh-btn:hover{background:#fff3;color:var(--tables-text-primary)}.tables-error-alert{display:flex;align-items:center;gap:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:16px 20px;margin-bottom:24px;color:#fee2e2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.tables-error-close{background:none;border:none;color:inherit;cursor:pointer;margin-left:auto;padding:4px;border-radius:4px;transition:all .2s ease}.tables-error-close:hover{background:#ffffff1a}.tables-success-alert{display:flex;align-items:center;gap:12px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:12px;padding:16px 20px;margin-bottom:24px;color:#d1fae5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.tables-success-close{background:none;border:none;color:inherit;cursor:pointer;margin-left:auto;padding:4px;border-radius:4px;transition:all .2s ease}.tables-success-close:hover{background:#ffffff1a}.tables-grid-section{background:var(--tables-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--tables-glass-border);border-radius:16px;box-shadow:var(--tables-glass-shadow);overflow:hidden}.tables-grid-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--tables-glass-border)}.tables-grid-header h2{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;color:var(--tables-text-primary);margin:0}.tables-grid-header i{color:var(--tables-primary-color)}.tables-count{background:#ffffff1a;color:var(--tables-text-secondary);padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.tables-grid-container{padding:20px}.tables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.tables-table-card{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:0;transition:all .2s ease;position:relative;overflow:hidden;display:flex;flex-direction:column}.tables-table-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.tables-table-card.available{border-color:#10b981;box-shadow:0 0 15px #10b98133}.tables-table-card.occupied{border-color:#f59e0b;box-shadow:0 0 15px #f59e0b33}.tables-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2)}.tables-table-number{font-size:18px;font-weight:700;color:var(--tables-text-primary)}.tables-status-badge{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.tables-status-badge.available{background:#10b98140;color:#fff;border:1px solid rgba(16,185,129,.5)}.tables-status-badge.occupied{background:#f59e0b40;color:#fff;border:1px solid rgba(245,158,11,.5)}.tables-card-content{flex:1;padding:16px;display:flex;flex-direction:column;gap:16px}.tables-table-info{display:flex;flex-direction:column;gap:8px}.tables-info-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--tables-text-secondary)}.tables-info-item i{width:16px;color:var(--tables-text-muted);font-size:12px}.tables-order-info{background:#f59e0b0d;border:1px solid rgba(245,158,11,.2);border-radius:8px;padding:12px}.tables-order-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--tables-warning);margin-bottom:8px;text-transform:uppercase}.tables-order-details{display:flex;flex-direction:column;gap:4px}.tables-order-number{font-size:14px;font-weight:600;color:var(--tables-text-primary)}.tables-order-waiter,.tables-order-time{font-size:12px;color:var(--tables-text-secondary)}.tables-card-actions{display:flex;gap:8px;justify-content:flex-end;padding:12px 16px;border-top:1px solid rgba(255,255,255,.2);background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.tables-action-btn{background:none;border:none;color:var(--tables-text-secondary);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;font-size:14px}.tables-action-btn:hover{background:#ffffff26}.tables-edit-btn:hover{color:#3b82f6;background:#3b82f633}.tables-delete-btn:hover{color:#ef4444;background:#ef444433}.tables-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;grid-column:1 / -1;color:var(--tables-text-gray)}.tables-empty-state i{font-size:48px;color:var(--tables-text-light-gray);margin-bottom:16px}.tables-empty-state h3{font-size:18px;color:var(--tables-text-dark);margin-bottom:8px}.tables-empty-state p{color:var(--tables-text-gray);margin-bottom:24px}.tables-modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.tables-modal{background:#f8f9fa;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.tables-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #e2e8f0}.tables-modal-header h3{font-size:18px;font-weight:600;color:var(--tables-text-dark);margin:0}.tables-modal-close{background:none;border:none;color:var(--tables-text-light-gray);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;font-size:16px}.tables-modal-close:hover{background:#0000000d;color:var(--tables-text-dark)}.tables-modal-content{padding:24px}.tables-modal-form{padding:24px;display:flex;flex-direction:column;gap:20px}.tables-form-group{display:flex;flex-direction:column;gap:8px}.tables-form-group label{font-size:14px;font-weight:500;color:var(--tables-text-dark)}.tables-form-group input,.tables-form-group select,.tables-form-group textarea{padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s ease}.tables-form-group input:focus,.tables-form-group select:focus,.tables-form-group textarea:focus{outline:none;border-color:var(--tables-primary-color);box-shadow:0 0 0 3px var(--tables-primary-alpha)}.tables-form-group textarea{resize:vertical;min-height:80px}.tables-modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:24px;border-top:1px solid #e2e8f0}.tables-delete-modal{max-width:400px}.tables-delete-warning{text-align:center}.tables-delete-warning i{font-size:48px;color:var(--tables-warning);margin-bottom:16px}.tables-delete-warning p{font-size:16px;color:var(--tables-text-dark);margin-bottom:12px}.tables-delete-note{font-size:14px;color:var(--tables-text-gray)!important;margin-bottom:0!important}@media (max-width: 1200px){.tables-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width: 768px){.tables-page-container{padding:16px}.tables-page-header{flex-direction:column;text-align:center;gap:20px}.tables-stats-section{grid-template-columns:1fr;gap:12px}.tables-filters-section{flex-direction:column;gap:16px}.tables-filter-buttons{justify-content:center}.tables-grid{grid-template-columns:1fr;gap:16px}.tables-modal{margin:10px;max-width:calc(100vw - 20px)}}@media (max-width: 480px){.tables-page-header{padding:20px}.tables-page-title{font-size:2rem!important}.tables-header-actions{flex-direction:column;width:100%}.tables-btn{justify-content:center}.tables-stats-section{grid-template-columns:1fr}.tables-stat-card{padding:16px}.tables-stat-number{font-size:1.5rem}}:root{--add-item-primary-color: #FF7F50;--add-item-primary-dark: #E85A2B;--add-item-success: #10b981;--add-item-danger: #ef4444;--add-item-warning: #f59e0b;--add-item-glass-bg: rgba(255, 255, 255, .95);--add-item-glass-border: rgba(255, 255, 255, .3);--add-item-modal-bg: rgba(0, 0, 0, .5);--add-item-text-primary: #2d3748;--add-item-text-secondary: #4a5568;--add-item-text-muted: #718096;--add-item-text-light: #a0aec0}.add-item-modal-overlay{position:fixed;inset:0;background:var(--add-item-modal-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.add-item-modal-container{background:var(--add-item-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--add-item-glass-border);border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:add-item-modal-appear .3s ease-out}@keyframes add-item-modal-appear{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.add-item-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid rgba(226,232,240,.3)}.add-item-modal-header h2{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:var(--add-item-text-primary);margin:0}.add-item-modal-header i{color:var(--add-item-primary-color)}.add-item-modal-close{background:#ef44441a;border:2px solid rgba(239,68,68,.3);color:#ef4444;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;font-size:1.125rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.add-item-modal-close:hover{background:#ef444433;border-color:#ef444480;transform:scale(1.05)}.add-item-modal-close:disabled{opacity:.5;cursor:not-allowed}.add-item-modal-form{flex:1;overflow-y:auto;padding:0}.add-item-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:32px}.add-item-form-section{display:flex;flex-direction:column;gap:20px}.add-item-form-section-full{grid-column:1 / -1}.add-item-section-title{font-size:18px;font-weight:600;color:var(--add-item-text-primary);margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid var(--add-item-primary-color)}.add-item-form-group{display:flex;flex-direction:column;gap:8px}.add-item-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.add-item-form-label{font-size:14px;font-weight:500;color:var(--add-item-text-secondary)}.add-item-required{color:var(--add-item-danger);margin-left:4px}.add-item-form-input,.add-item-form-select,.add-item-form-textarea{padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:var(--add-item-text-primary);background:#fff;transition:all .2s ease;width:100%}.add-item-form-input:focus,.add-item-form-select:focus,.add-item-form-textarea:focus{outline:none;border-color:var(--add-item-primary-color);box-shadow:0 0 0 3px #ff7f501a}.add-item-form-input.error,.add-item-form-select.error,.add-item-form-textarea.error{border-color:var(--add-item-danger);box-shadow:0 0 0 3px #ef44441a}.add-item-form-input:disabled,.add-item-form-select:disabled,.add-item-form-textarea:disabled{background:#f7fafc;color:var(--add-item-text-muted);cursor:not-allowed}.add-item-form-textarea{resize:vertical;min-height:80px}.add-item-price-input{position:relative;display:flex;align-items:center}.add-item-currency-symbol{position:absolute;left:16px;color:var(--add-item-text-muted);font-weight:500;z-index:1}.add-item-price-input .add-item-form-input{padding-left:32px}.add-item-image-upload{position:relative}.add-item-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;border:2px dashed #cbd5e0;border-radius:12px;background:#f7fafc;cursor:pointer;transition:all .2s ease;text-align:center}.add-item-upload-area:hover{border-color:var(--add-item-primary-color);background:#ff7f5005}.add-item-file-input{display:none}.add-item-upload-content{display:flex;flex-direction:column;align-items:center;gap:8px}.add-item-upload-content i{font-size:32px;color:var(--add-item-primary-color);margin-bottom:8px}.add-item-upload-content span{font-size:16px;font-weight:500;color:var(--add-item-text-secondary)}.add-item-upload-content small{font-size:12px;color:var(--add-item-text-muted)}.add-item-image-preview{position:relative;display:inline-block;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.add-item-preview-img{width:200px;height:150px;object-fit:cover;display:block}.add-item-remove-image{position:absolute;top:8px;right:8px;background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:12px}.add-item-remove-image:hover{background:var(--add-item-danger);transform:scale(1.1)}.add-item-upload-progress{display:flex;align-items:center;gap:8px;margin-top:12px;color:var(--add-item-primary-color);font-size:14px;font-weight:500}.add-item-submit-error{display:flex;align-items:center;gap:8px;background:#ef44441a;color:var(--add-item-danger);padding:8px 12px;border-radius:6px;font-size:12px;margin-right:auto}.add-item-error-text{color:var(--add-item-danger);font-size:12px;font-weight:500;margin-top:4px}.add-item-dietary-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:20px}.add-item-checkbox-group{display:flex;align-items:center}.add-item-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--add-item-text-secondary);-webkit-user-select:none;user-select:none}.add-item-checkbox-label input[type=checkbox]{display:none}.add-item-checkbox-custom{width:20px;height:20px;border:2px solid #e2e8f0;border-radius:4px;position:relative;transition:all .2s ease}.add-item-checkbox-label input:checked+.add-item-checkbox-custom{background:var(--add-item-primary-color);border-color:var(--add-item-primary-color)}.add-item-checkbox-label input:checked+.add-item-checkbox-custom:after{content:"";position:absolute;top:2px;left:6px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.add-item-checkbox-label input:disabled+.add-item-checkbox-custom{opacity:.5;cursor:not-allowed}.add-item-modal-footer{display:flex;justify-content:flex-end;gap:16px;padding:24px 32px;border-top:1px solid rgba(226,232,240,.3);background:#f8fafc80}.add-item-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;text-decoration:none;min-width:120px;justify-content:center}.add-item-btn-primary{background:linear-gradient(135deg,var(--add-item-primary-color),var(--add-item-primary-dark));color:#fff;box-shadow:0 4px 6px #0000001a}.add-item-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 15px #0000001a}.add-item-btn-secondary{background:#fff;color:var(--add-item-text-secondary);border:1px solid #e2e8f0}.add-item-btn-secondary:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.add-item-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.add-item-btn i.fa-spin{animation:add-item-spin 1s linear infinite}@keyframes add-item-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.add-item-modal-overlay{padding:10px}.add-item-modal-container{max-width:100%;max-height:95vh;border-radius:16px}.add-item-modal-header{padding:20px}.add-item-modal-header h2{font-size:20px}.add-item-form-grid{grid-template-columns:1fr;gap:24px;padding:20px}.add-item-form-section-full{grid-column:1}.add-item-form-row{grid-template-columns:1fr;gap:16px}.add-item-dietary-options{grid-template-columns:1fr 1fr;gap:12px}.add-item-modal-footer{padding:20px;flex-direction:column}.add-item-btn{width:100%}}@media (max-width: 480px){.add-item-modal-header,.add-item-form-grid{padding:16px}.add-item-dietary-options{grid-template-columns:1fr}.add-item-modal-footer{padding:16px}}.add-item-modal-form::-webkit-scrollbar{width:6px}.add-item-modal-form::-webkit-scrollbar-track{background:#0000000d}.add-item-modal-form::-webkit-scrollbar-thumb{background:var(--add-item-primary-color);border-radius:3px}.add-item-modal-form::-webkit-scrollbar-thumb:hover{background:var(--add-item-primary-dark)}:root{--add-category-primary-color: #FF7F50;--add-category-primary-dark: #E85A2B;--add-category-success: #10b981;--add-category-danger: #ef4444;--add-category-warning: #f59e0b;--add-category-glass-bg: rgba(255, 255, 255, .95);--add-category-glass-border: rgba(255, 255, 255, .3);--add-category-modal-bg: rgba(0, 0, 0, .5);--add-category-text-primary: #2d3748;--add-category-text-secondary: #4a5568;--add-category-text-muted: #718096;--add-category-text-light: #a0aec0}.add-category-modal-overlay{position:fixed;inset:0;background:var(--add-category-modal-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.add-category-modal-container{background:var(--add-category-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--add-category-glass-border);border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:add-category-modal-appear .3s ease-out}@keyframes add-category-modal-appear{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.add-category-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid rgba(226,232,240,.3)}.add-category-modal-header h2{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:var(--add-category-text-primary);margin:0}.add-category-modal-header i{color:var(--add-category-primary-color)}.add-category-modal-close{background:none;border:none;color:var(--add-category-text-muted);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;font-size:16px}.add-category-modal-close:hover{background:#0000000d;color:var(--add-category-text-primary)}.add-category-modal-close:disabled{opacity:.5;cursor:not-allowed}.add-category-modal-form{flex:1;overflow-y:auto;padding:32px}.add-category-form-content{display:flex;flex-direction:column;gap:32px;max-width:600px;margin:0 auto}.add-category-form-section,.add-category-preview-section{display:flex;flex-direction:column;gap:20px}.add-category-section-title{font-size:18px;font-weight:600;color:var(--add-category-text-primary);margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid var(--add-category-primary-color)}.add-category-form-group{display:flex;flex-direction:column;gap:8px}.add-category-form-label{font-size:14px;font-weight:500;color:var(--add-category-text-secondary)}.add-category-required{color:var(--add-category-danger);margin-left:4px}.add-category-form-input,.add-category-form-select,.add-category-form-textarea{padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:var(--add-category-text-primary);background:#fff;transition:all .2s ease;width:100%}.add-category-form-input:focus,.add-category-form-select:focus,.add-category-form-textarea:focus{outline:none;border-color:var(--add-category-primary-color);box-shadow:0 0 0 3px #ff7f501a}.add-category-form-input.error,.add-category-form-select.error,.add-category-form-textarea.error{border-color:var(--add-category-danger);box-shadow:0 0 0 3px #ef44441a}.add-category-form-input:disabled,.add-category-form-select:disabled,.add-category-form-textarea:disabled{background:#f7fafc;color:var(--add-category-text-muted);cursor:not-allowed}.add-category-form-textarea{resize:vertical;min-height:80px}.add-category-help-text{font-size:12px;color:var(--add-category-text-muted);margin-top:4px}.add-category-error-text{color:var(--add-category-danger);font-size:12px;font-weight:500;margin-top:4px}.add-category-preview{margin-bottom:24px}.add-category-preview-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;align-items:flex-start;gap:16px;transition:all .2s ease}.add-category-preview-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--add-category-primary-color),var(--add-category-primary-dark));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex-shrink:0}.add-category-preview-content{flex:1}.add-category-preview-name{font-size:16px;font-weight:600;color:var(--add-category-text-primary);margin:0 0 8px}.add-category-preview-description{font-size:14px;color:var(--add-category-text-secondary);margin:0 0 12px;line-height:1.4}.add-category-preview-meta{display:flex;flex-direction:column;gap:4px}.add-category-preview-parent,.add-category-preview-order{font-size:12px;color:var(--add-category-text-muted);display:flex;align-items:center;gap:6px}.add-category-preview-parent i,.add-category-preview-order i{color:var(--add-category-primary-color)}.add-category-info-box{background:#ff7f500d;border:1px solid rgba(255,127,80,.2);border-radius:12px;padding:20px}.add-category-info-box h4{font-size:14px;font-weight:600;color:var(--add-category-text-primary);margin:0 0 12px}.add-category-info-box ul{margin:0;padding-left:16px;list-style-type:disc}.add-category-info-box li{font-size:12px;color:var(--add-category-text-secondary);margin-bottom:4px;line-height:1.4}.add-category-info-box li:last-child{margin-bottom:0}.add-category-modal-footer{display:flex;justify-content:flex-end;gap:16px;padding:24px 32px;border-top:1px solid rgba(226,232,240,.3);background:#f8fafc80}.add-category-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;text-decoration:none;min-width:120px;justify-content:center}.add-category-btn-primary{background:linear-gradient(135deg,var(--add-category-primary-color),var(--add-category-primary-dark));color:#fff;box-shadow:0 4px 6px #0000001a}.add-category-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 15px #0000001a}.add-category-btn-secondary{background:#fff;color:var(--add-category-text-secondary);border:1px solid #e2e8f0}.add-category-btn-secondary:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.add-category-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.add-category-btn i.fa-spin{animation:add-category-spin 1s linear infinite}@keyframes add-category-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.add-category-modal-overlay{padding:10px}.add-category-modal-container{max-width:100%;max-height:95vh;border-radius:16px}.add-category-modal-header{padding:20px}.add-category-modal-header h2{font-size:20px}.add-category-modal-form{padding:20px}.add-category-form-content{gap:24px}.add-category-preview-card{flex-direction:column;text-align:center}.add-category-modal-footer{padding:20px;flex-direction:column}.add-category-btn{width:100%}}@media (max-width: 480px){.add-category-modal-header,.add-category-modal-form,.add-category-modal-footer{padding:16px}}.add-category-modal-form::-webkit-scrollbar{width:6px}.add-category-modal-form::-webkit-scrollbar-track{background:#0000000d}.add-category-modal-form::-webkit-scrollbar-thumb{background:var(--add-category-primary-color);border-radius:3px}.add-category-modal-form::-webkit-scrollbar-thumb:hover{background:var(--add-category-primary-dark)}.manage-categories-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:manage-categories-fade-in .2s ease}@keyframes manage-categories-fade-in{0%{opacity:0}to{opacity:1}}.manage-categories-modal-content{background:#fff;border-radius:16px;width:90%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:manage-categories-slide-up .3s ease}@keyframes manage-categories-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.manage-categories-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid #e2e8f0}.manage-categories-modal-header h2{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600;color:#2d3748;margin:0}.manage-categories-modal-header i{color:coral}.manage-categories-modal-close{background:none;border:none;color:#718096;font-size:20px;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.manage-categories-modal-close:hover{background:#f7fafc;color:#2d3748}.manage-categories-modal-body{flex:1;overflow-y:auto;padding:20px 28px}.manage-categories-error{background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:8px;padding:12px 16px;margin-bottom:16px;color:#dc2626;display:flex;align-items:center;gap:8px;font-size:14px;animation:manage-categories-shake .5s}.manage-categories-error i{font-size:16px}@keyframes manage-categories-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.manage-categories-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#718096}.manage-categories-empty-state i{font-size:48px;margin-bottom:16px;opacity:.3}.manage-categories-empty-state p{font-size:16px;font-weight:500;color:#4a5568;margin:0 0 8px}.manage-categories-empty-state small{font-size:14px;color:#a0aec0}.manage-categories-list{display:flex;flex-direction:column;gap:12px}.manage-categories-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s ease}.manage-categories-item:hover{background:#edf2f7;border-color:#cbd5e0;box-shadow:0 2px 4px #0000000d}.manage-categories-item-info{flex:1;display:flex;flex-direction:column;gap:8px}.manage-categories-item-name{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#2d3748}.manage-categories-item-name i{color:coral;font-size:14px}.manage-categories-item-details{display:flex;align-items:center;gap:12px;font-size:13px}.manage-categories-item-description{color:#718096;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manage-categories-item-count{display:inline-flex;align-items:center;padding:2px 10px;background:#e2e8f0;color:#4a5568;border-radius:12px;font-size:12px;font-weight:500}.manage-categories-item-actions{display:flex;gap:8px}.manage-categories-action-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#4a5568;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.manage-categories-action-btn:hover:not(:disabled){border-color:#cbd5e0;background:#f7fafc}.manage-categories-edit-btn:hover:not(:disabled){color:#3182ce;border-color:#3182ce}.manage-categories-delete-btn:hover:not(:disabled){color:#e53e3e;border-color:#e53e3e}.manage-categories-delete-btn:disabled{opacity:.5;cursor:not-allowed}.manage-categories-cannot-delete{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#3b82f6;font-size:13px;font-weight:500}.manage-categories-cannot-delete i{font-size:14px}.manage-categories-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid #e2e8f0}.manage-categories-btn-secondary{padding:10px 20px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#4a5568;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.manage-categories-btn-secondary:hover{background:#f7fafc;border-color:#cbd5e0}@media (max-width: 768px){.manage-categories-modal-content{width:95%;max-width:100%;max-height:95vh;margin:10px;border-radius:12px}.manage-categories-modal-header{padding:16px 20px}.manage-categories-modal-header h2{font-size:18px}.manage-categories-modal-header h2 i{font-size:16px}.manage-categories-modal-body{padding:16px}.manage-categories-modal-footer{padding:16px 20px}.manage-categories-item{flex-direction:column;align-items:flex-start;gap:12px;padding:14px}.manage-categories-item-info{width:100%}.manage-categories-item-name{font-size:15px}.manage-categories-item-details{flex-direction:column;align-items:flex-start;gap:8px}.manage-categories-item-description{max-width:100%;white-space:normal;line-height:1.4}.manage-categories-item-actions{width:100%}.manage-categories-action-btn,.manage-categories-cannot-delete{width:100%;justify-content:center;padding:10px 16px}.manage-categories-error{font-size:13px;padding:10px 14px}.manage-categories-btn-secondary{width:100%;padding:12px}}@media (max-width: 480px){.manage-categories-modal-content{width:100%;max-height:100vh;margin:0;border-radius:0}.manage-categories-modal-header{padding:14px 16px}.manage-categories-modal-header h2{font-size:16px}.manage-categories-modal-body{padding:12px}.manage-categories-modal-footer{padding:12px 16px}.manage-categories-item{padding:12px}.manage-categories-item-name{font-size:14px}.manage-categories-item-details{font-size:12px}.manage-categories-item-count{font-size:11px;padding:2px 8px}}:root{--edit-item-primary-color: #FF7F50;--edit-item-primary-dark: #E85A2B;--edit-item-primary-light: #FF9970;--edit-item-primary-alpha: rgba(255, 127, 80, .1);--edit-item-success: #10b981;--edit-item-danger: #ef4444;--edit-item-warning: #f59e0b;--edit-item-info: #3b82f6;--edit-item-glass-bg: rgba(255, 255, 255, .95);--edit-item-glass-border: rgba(255, 255, 255, .3);--edit-item-modal-bg: rgba(0, 0, 0, .6);--edit-item-glass-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--edit-item-text-primary: #2d3748;--edit-item-text-secondary: #4a5568;--edit-item-text-muted: #718096;--edit-item-text-light: #a0aec0}.edit-item-modal-overlay{position:fixed;inset:0;background:var(--edit-item-modal-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto;animation:edit-item-fade-in .2s ease}@keyframes edit-item-fade-in{0%{opacity:0}to{opacity:1}}.edit-item-modal-container{background:var(--edit-item-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--edit-item-glass-border);border-radius:20px;box-shadow:var(--edit-item-glass-shadow);width:100%;max-width:900px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:edit-item-slide-up .3s ease}@keyframes edit-item-slide-up{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.edit-item-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid rgba(226,232,240,.3);background:linear-gradient(to bottom,rgba(255,248,245,.8),transparent)}.edit-item-modal-header h2{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:var(--edit-item-text-primary);margin:0}.edit-item-modal-header i{color:var(--edit-item-primary-color)}.edit-item-modal-close{background:#ef44441a;border:2px solid rgba(239,68,68,.3);color:#ef4444;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;font-size:1.125rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.edit-item-modal-close:hover{background:#ef444433;border-color:#ef444480;transform:scale(1.05)}.edit-item-modal-close:disabled{opacity:.5;cursor:not-allowed}.edit-item-modal-form{flex:1;overflow-y:auto;padding:0}.edit-item-modal-body{padding:32px;display:flex;flex-direction:column;gap:32px}.edit-item-error-banner{display:flex;align-items:center;gap:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:16px 20px;color:var(--edit-item-danger);font-size:14px;font-weight:500;animation:edit-item-shake .5s}.edit-item-error-banner i{font-size:16px}@keyframes edit-item-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.edit-item-section{display:flex;flex-direction:column;gap:20px}.edit-item-section-title{font-size:18px;font-weight:600;color:var(--edit-item-text-primary);margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid var(--edit-item-primary-color);display:flex;align-items:center;gap:8px}.edit-item-section-title:before{content:"";width:4px;height:20px;background:linear-gradient(to bottom,var(--edit-item-primary-color),var(--edit-item-primary-dark));border-radius:2px}.edit-item-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.edit-item-form-group{display:flex;flex-direction:column;gap:8px}.edit-item-label{font-size:14px;font-weight:500;color:var(--edit-item-text-secondary);display:flex;align-items:center;gap:4px}.edit-item-required{color:var(--edit-item-danger);font-weight:600}.edit-item-input,.edit-item-select,.edit-item-textarea{padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;color:var(--edit-item-text-primary);background:#fff;transition:all .2s ease;width:100%;font-family:inherit}.edit-item-input:focus,.edit-item-select:focus,.edit-item-textarea:focus{outline:none;border-color:var(--edit-item-primary-color);box-shadow:0 0 0 3px var(--edit-item-primary-alpha);transform:translateY(-1px)}.edit-item-input-error{border-color:var(--edit-item-danger)!important;box-shadow:0 0 0 3px #ef44441a!important}.edit-item-input:disabled,.edit-item-select:disabled,.edit-item-textarea:disabled{background:#f7fafc;color:var(--edit-item-text-muted);cursor:not-allowed;opacity:.7}.edit-item-textarea{resize:vertical;min-height:100px;line-height:1.5}.edit-item-file-input{padding:8px 12px;border:2px dashed #cbd5e0;border-radius:8px;background:#f7fafc;cursor:pointer;transition:all .2s ease;font-size:14px}.edit-item-file-input:hover{border-color:var(--edit-item-primary-color);background:var(--edit-item-primary-alpha)}.edit-item-file-input:focus{outline:none;border-color:var(--edit-item-primary-color);box-shadow:0 0 0 3px var(--edit-item-primary-alpha)}.edit-item-image-upload{display:flex;flex-direction:column;gap:16px}.edit-item-image-preview{position:relative;display:inline-block;border-radius:12px;overflow:hidden;box-shadow:0 8px 16px #0000001a;border:3px solid var(--edit-item-primary-color);max-width:300px}.edit-item-preview-img{width:100%;height:200px;object-fit:cover;display:block}.edit-item-remove-image{position:absolute;top:8px;right:8px;background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.edit-item-remove-image:hover{background:var(--edit-item-danger);transform:scale(1.1)}.edit-item-help-text{font-size:12px;color:var(--edit-item-text-muted);font-style:italic}.edit-item-error-message{color:var(--edit-item-danger);font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px}.edit-item-error-message:before{content:"⚠";font-size:10px}.edit-item-dietary-badges{display:flex;gap:20px;flex-wrap:wrap;margin:16px 0}.edit-item-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--edit-item-text-secondary);-webkit-user-select:none;user-select:none;padding:8px 12px;border-radius:8px;transition:all .2s ease;border:2px solid transparent}.edit-item-checkbox-label:hover{background:var(--edit-item-primary-alpha);border-color:var(--edit-item-primary-color)}.edit-item-checkbox-label input[type=checkbox]{display:none}.edit-item-checkbox-label:before{content:"";width:20px;height:20px;border:2px solid #e2e8f0;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;background:#fff}.edit-item-checkbox-label input:checked+span{color:var(--edit-item-primary-color);font-weight:600}.edit-item-checkbox-label:has(input:checked):before{background:var(--edit-item-primary-color);border-color:var(--edit-item-primary-color);content:"✓";color:#fff;font-size:12px;font-weight:700}.edit-item-checkbox-label:has(input:checked){background:var(--edit-item-primary-alpha);border-color:var(--edit-item-primary-color)}.edit-item-modal-footer{display:flex;justify-content:flex-end;gap:16px;padding:24px 32px;border-top:1px solid rgba(226,232,240,.3);background:linear-gradient(to top,rgba(248,250,252,.8),transparent)}.edit-item-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;text-decoration:none;min-width:120px;justify-content:center;position:relative;overflow:hidden}.edit-item-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.edit-item-btn:hover:before{left:100%}.edit-item-btn-primary{background:linear-gradient(135deg,var(--edit-item-primary-color),var(--edit-item-primary-dark));color:#fff;box-shadow:0 4px 6px #0000001a;border:2px solid transparent}.edit-item-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 15px #ff7f504d}.edit-item-btn-secondary{background:#fff;color:var(--edit-item-text-secondary);border:2px solid #e2e8f0}.edit-item-btn-secondary:hover:not(:disabled){background:#f7fafc;border-color:var(--edit-item-primary-color);color:var(--edit-item-primary-color);transform:translateY(-1px)}.edit-item-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.edit-item-btn:disabled:before{display:none}.edit-item-btn i.fa-spin{animation:edit-item-spin 1s linear infinite}@keyframes edit-item-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.edit-item-btn:disabled i{opacity:.7}@media (max-width: 768px){.edit-item-modal-overlay{padding:10px}.edit-item-modal-container{max-width:100%;max-height:95vh;border-radius:16px}.edit-item-modal-header{padding:20px}.edit-item-modal-header h2{font-size:20px}.edit-item-modal-body{padding:20px;gap:24px}.edit-item-form-row{grid-template-columns:1fr;gap:16px}.edit-item-dietary-badges{flex-direction:column;gap:12px}.edit-item-modal-footer{padding:20px;flex-direction:column}.edit-item-btn{width:100%}.edit-item-image-preview{max-width:100%}.edit-item-preview-img{height:150px}}@media (max-width: 480px){.edit-item-modal-header,.edit-item-modal-body,.edit-item-modal-footer{padding:16px}.edit-item-section-title{font-size:16px}.edit-item-input,.edit-item-select,.edit-item-textarea{padding:10px 14px}}.edit-item-modal-form::-webkit-scrollbar{width:8px}.edit-item-modal-form::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.edit-item-modal-form::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--edit-item-primary-color),var(--edit-item-primary-dark));border-radius:4px}.edit-item-modal-form::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,var(--edit-item-primary-dark),#d04424)}.edit-item-btn:focus-visible{outline:2px solid var(--edit-item-primary-color);outline-offset:2px}.edit-item-input:focus-visible,.edit-item-select:focus-visible,.edit-item-textarea:focus-visible{outline:none}@media (prefers-contrast: high){.edit-item-modal-container{border:3px solid var(--edit-item-text-primary)}.edit-item-input,.edit-item-select,.edit-item-textarea,.edit-item-btn{border-width:2px}}@media (prefers-reduced-motion: reduce){.edit-item-modal-container,.edit-item-modal-overlay{animation:none}.edit-item-btn:before{display:none}.edit-item-btn:hover,.edit-item-input:focus,.edit-item-select:focus,.edit-item-textarea:focus{transform:none}}.delete-item-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:delete-item-fade-in .2s ease}@keyframes delete-item-fade-in{0%{opacity:0}to{opacity:1}}.delete-item-modal-content{background:#fff;border-radius:16px;width:90%;max-width:500px;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:delete-item-slide-up .3s ease}@keyframes delete-item-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.delete-item-modal-header{padding:28px 28px 20px;text-align:center;border-bottom:1px solid #fee;background:linear-gradient(to bottom,#fff5f5,#fff)}.delete-item-icon-warning{width:64px;height:64px;margin:0 auto 16px;background:linear-gradient(135deg,#fee,#fecaca);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ef444433}.delete-item-icon-warning i{font-size:28px;color:#dc2626}.delete-item-modal-header h2{margin:0;font-size:22px;font-weight:600;color:#1f2937}.delete-item-modal-body{padding:24px 28px}.delete-item-error{background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:8px;padding:12px 16px;margin-bottom:20px;color:#dc2626;display:flex;align-items:center;gap:8px;font-size:14px;animation:delete-item-shake .5s}.delete-item-error i{font-size:16px}@keyframes delete-item-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.delete-item-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:20px}.delete-item-detail{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e5e7eb}.delete-item-detail:last-child{border-bottom:none;padding-bottom:0}.delete-item-detail:first-child{padding-top:0}.delete-item-label{font-size:13px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.delete-item-value{font-size:15px;font-weight:600;color:#1f2937}.delete-item-warning{background:#ef44440d;border-left:4px solid #ef4444;border-radius:8px;padding:14px 16px;display:flex;gap:12px;align-items:flex-start}.delete-item-warning i{color:#ef4444;font-size:18px;margin-top:2px;flex-shrink:0}.delete-item-warning p{margin:0;font-size:14px;color:#4b5563;line-height:1.6}.delete-item-modal-footer{display:flex;gap:12px;padding:20px 28px 28px;border-top:1px solid #f3f4f6;background:#fafafa;border-bottom-left-radius:16px;border-bottom-right-radius:16px}.delete-item-btn-cancel,.delete-item-btn-delete{flex:1;padding:12px 20px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.delete-item-btn-cancel{background:#fff;color:#4b5563;border:2px solid #d1d5db}.delete-item-btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#1f2937}.delete-item-btn-delete{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:2px solid transparent}.delete-item-btn-delete:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.delete-item-btn-cancel:disabled,.delete-item-btn-delete:disabled{opacity:.6;cursor:not-allowed;transform:none}.delete-item-btn-cancel i,.delete-item-btn-delete i{font-size:14px}@media (max-width: 768px){.delete-item-modal-content{width:95%;max-width:100%;margin:10px}.delete-item-modal-header{padding:24px 20px 16px}.delete-item-icon-warning{width:56px;height:56px;margin-bottom:12px}.delete-item-icon-warning i{font-size:24px}.delete-item-modal-header h2{font-size:20px}.delete-item-modal-body{padding:20px}.delete-item-modal-footer{padding:16px 20px 24px;flex-direction:column}.delete-item-btn-cancel,.delete-item-btn-delete{width:100%}.delete-item-detail{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width: 480px){.delete-item-modal-content{width:100%;margin:0;border-radius:0}.delete-item-modal-header{padding:20px 16px 14px}.delete-item-icon-warning{width:48px;height:48px}.delete-item-icon-warning i{font-size:20px}.delete-item-modal-header h2{font-size:18px}.delete-item-modal-body{padding:16px}.delete-item-modal-footer{padding:14px 16px 20px}.delete-item-info,.delete-item-warning{padding:12px}}:root{--menu-primary-color: #FF7F50;--menu-primary-dark: #E85A2B;--menu-primary-light: #FF9970;--menu-primary-alpha: rgba(255, 127, 80, .1);--menu-glass-bg: rgba(255, 255, 255, .15);--menu-glass-border: rgba(255, 255, 255, .3);--menu-glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--menu-text-primary: #ffffff;--menu-text-secondary: rgba(255, 255, 255, .9);--menu-text-muted: rgba(255, 255, 255, .7);--menu-text-subtle: rgba(255, 255, 255, .6);--menu-text-dark: #2d3748;--menu-text-gray: #4a5568;--menu-text-light-gray: #718096;--menu-success: #10b981;--menu-warning: #f59e0b;--menu-danger: #ef4444;--menu-info: #3b82f6}.menu-page-container{padding:24px;min-height:100vh;max-width:1400px;margin:0 auto}.menu-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--menu-text-secondary)}.menu-loading-spinner{width:40px;height:40px;border:3px solid var(--menu-glass-border);border-top:3px solid var(--menu-primary-color);border-radius:50%;animation:menu-spin 1s linear infinite;margin-bottom:16px}@keyframes menu-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.menu-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;background:var(--menu-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--menu-glass-border);border-radius:16px;padding:32px;box-shadow:var(--menu-glass-shadow)}.menu-header-content h1.menu-page-title{font-size:2.5rem;font-weight:800;color:var(--menu-text-primary);margin-bottom:8px}.menu-page-subtitle{font-size:1.125rem;color:var(--menu-text-muted);margin:0}.menu-header-actions{display:flex;gap:16px}.menu-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none}.menu-btn-primary{background:linear-gradient(135deg,var(--menu-primary-color),var(--menu-primary-dark));color:#fff;box-shadow:0 4px 6px #0000001a}.menu-btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 15px #0000001a}.menu-btn-secondary{background:#fff;color:var(--menu-text-dark);border:1px solid rgba(255,255,255,.3)}.menu-btn-secondary:hover{background:#ffffff1a;color:var(--menu-text-primary)}.menu-controls-section{display:flex;align-items:center;gap:24px;margin-bottom:32px;background:var(--menu-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--menu-glass-border);border-radius:12px;padding:20px;box-shadow:var(--menu-glass-shadow)}.menu-search-container{position:relative;flex:1;max-width:400px}.menu-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--menu-text-muted);font-size:14px}.menu-search-input{width:100%;padding:12px 16px 12px 40px;border:1px solid var(--menu-glass-border);border-radius:12px;background:#ffffff1a;color:var(--menu-text-primary);font-size:14px;transition:all .2s ease}.menu-search-input::placeholder{color:var(--menu-text-muted)}.menu-search-input:focus{outline:none;border-color:var(--menu-primary-color);box-shadow:0 0 0 3px var(--menu-primary-alpha);background:#fff3}.menu-filters{display:flex;gap:12px}.menu-filter-select{padding:12px 16px;border:1px solid var(--menu-glass-border);border-radius:12px;background:#ffffff1a;color:var(--menu-text-primary);font-size:14px;cursor:pointer;transition:all .2s ease}.menu-filter-select option{background:#fff;color:var(--menu-text-dark);padding:8px 12px}.menu-filter-select:focus{outline:none;border-color:var(--menu-primary-color);box-shadow:0 0 0 3px var(--menu-primary-alpha)}.menu-error-alert{display:flex;align-items:center;gap:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:16px 20px;margin-bottom:24px;color:#fee2e2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.menu-error-close{background:none;border:none;color:inherit;cursor:pointer;margin-left:auto;padding:4px;border-radius:4px;transition:all .2s ease}.menu-error-close:hover{background:#ffffff1a}.menu-success-alert{display:flex;align-items:center;gap:12px;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:12px;padding:16px 20px;margin-bottom:24px;color:#d1fae5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.menu-success-close{background:none;border:none;color:inherit;cursor:pointer;margin-left:auto;padding:4px;border-radius:4px;transition:all .2s ease}.menu-success-close:hover{background:#ffffff1a}.menu-categories-panel,.menu-items-panel,.menu-items-panel-full{background:var(--menu-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--menu-glass-border);border-radius:16px;box-shadow:var(--menu-glass-shadow);display:flex;flex-direction:column;overflow:hidden}.menu-items-panel-full{min-height:500px;max-height:calc(100vh - 320px)}.menu-panel-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--menu-glass-border)}.menu-panel-header h2{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;color:var(--menu-text-primary);margin:0}.menu-panel-header i{color:var(--menu-primary-color)}.menu-panel-action{background:var(--menu-primary-color);color:#fff;border:none;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.menu-panel-action:hover{background:var(--menu-primary-dark)}.menu-panel-content{flex:1;overflow-y:auto;padding:0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.menu-categories-list{padding:16px 0}.menu-category-item{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent}.menu-category-item:hover{background:#ffffff1a;border-left-color:var(--menu-primary-color)}.menu-category-item.active{background:var(--menu-primary-alpha);border-left-color:var(--menu-primary-color)}.menu-category-info{display:flex;flex-direction:column;gap:4px}.menu-category-name{font-weight:500;color:var(--menu-text-primary);font-size:14px}.menu-category-count{font-size:12px;color:var(--menu-text-muted)}.menu-category-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.menu-category-item:hover .menu-category-actions{opacity:1}.menu-category-action-btn{background:none;border:none;color:var(--menu-text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.menu-category-action-btn:hover{background:#ffffff1a;color:var(--menu-text-primary)}.menu-items-header-info{display:flex;align-items:center;gap:16px}.menu-items-count{background:#ffffff1a;color:var(--menu-text-secondary);padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.menu-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;padding:20px}.menu-item-card{background:#fff;border:1px solid rgba(226,232,240,.3);border-radius:12px;padding:0;transition:all .2s ease;cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column}.menu-item-card:hover{border-color:var(--menu-primary-color);box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.menu-item-image-container{width:100%;height:120px;overflow:hidden;background:#f8f9fa;position:relative}.menu-item-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.menu-item-card:hover .menu-item-image{transform:scale(1.05)}.menu-item-image-placeholder{width:100%;height:120px;background:linear-gradient(135deg,#f5f7fa,#e9ecef);display:flex;align-items:center;justify-content:center;color:#cbd5e0;font-size:36px}.menu-item-image-placeholder i{opacity:.3}.menu-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding:16px 16px 0}.menu-item-title-section{flex:1}.menu-item-name{font-size:15px;font-weight:600;color:var(--menu-text-dark);margin:0 0 4px}.menu-item-description{font-size:12px;color:var(--menu-text-gray);margin:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-height:2.8em}.menu-item-price{font-size:16px;font-weight:700;color:var(--menu-primary-color);white-space:nowrap}.menu-item-status-section{display:flex;flex-direction:column;gap:12px;border-top:1px solid rgba(226,232,240,.5);padding:12px 16px}.menu-availability-toggle{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.menu-availability-toggle input[type=checkbox]{display:none}.menu-toggle-slider{position:relative;width:48px;height:24px;background:#cbd5e0;border-radius:12px;transition:all .2s ease}.menu-toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .2s ease}.menu-availability-toggle input:checked+.menu-toggle-slider{background:var(--menu-success)}.menu-availability-toggle input:checked+.menu-toggle-slider:before{transform:translate(24px)}.menu-toggle-label{font-size:14px;font-weight:500;color:var(--menu-text-dark)}.menu-item-stock{display:flex;align-items:center;justify-content:space-between;gap:12px}.menu-stock-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500}.menu-stock-indicator{width:8px;height:8px;border-radius:50%}.menu-stock-status.in-stock .menu-stock-indicator{background:var(--menu-success)}.menu-stock-status.in-stock .menu-stock-text{color:var(--menu-success)}.menu-stock-status.low-stock .menu-stock-indicator{background:var(--menu-warning)}.menu-stock-status.low-stock .menu-stock-text{color:var(--menu-warning)}.menu-stock-status.out-of-stock .menu-stock-indicator{background:var(--menu-danger)}.menu-stock-status.out-of-stock .menu-stock-text{color:var(--menu-danger)}.menu-stock-status.not-tracked .menu-stock-indicator{background:var(--menu-text-light-gray)}.menu-stock-status.not-tracked .menu-stock-text{color:var(--menu-text-light-gray)}.menu-stock-quantity{display:flex;align-items:center;gap:8px;font-size:12px}.menu-stock-quantity label{color:var(--menu-text-gray);font-weight:500}.menu-stock-input{width:60px;padding:4px 8px;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;text-align:center}.menu-stock-input:focus{outline:none;border-color:var(--menu-primary-color)}.menu-item-actions{display:flex;gap:8px;justify-content:flex-end;opacity:0;transition:opacity .2s ease;padding:0 16px 16px}.menu-item-card:hover .menu-item-actions{opacity:1}.menu-item-action-btn{background:none;border:none;color:var(--menu-text-light-gray);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;font-size:14px}.menu-item-action-btn:hover{background:#0000000d}.menu-edit-btn:hover{color:var(--menu-info);background:#3b82f61a}.menu-delete-btn:hover{color:var(--menu-danger);background:#ef44441a}.menu-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;grid-column:1 / -1}.menu-empty-state i{font-size:48px;color:var(--menu-text-light-gray);margin-bottom:16px}.menu-empty-state h3{font-size:18px;color:var(--menu-text-dark);margin-bottom:8px}.menu-empty-state p{color:var(--menu-text-gray);margin-bottom:24px}@media (max-width: 1200px){.menu-main-grid{grid-template-columns:250px 1fr}.menu-items-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width: 768px){.menu-page-container{padding:16px}.menu-page-header{flex-direction:column;text-align:center;gap:20px}.menu-controls-section{flex-direction:column;gap:16px}.menu-search-container{max-width:none}.menu-main-grid{grid-template-columns:1fr;gap:16px;height:auto}.menu-categories-panel{order:1}.menu-items-panel{order:2}.menu-items-grid{grid-template-columns:1fr;gap:12px;padding:16px}}@media (max-width: 480px){.menu-page-header{padding:20px}.menu-page-title{font-size:2rem!important}.menu-header-actions{flex-direction:column;width:100%}.menu-btn{justify-content:center}}.menu-scroll-to-top{position:fixed;bottom:32px;right:32px;width:50px;height:50px;background:linear-gradient(135deg,var(--menu-primary-color),var(--menu-primary-dark));color:#fff;border:none;border-radius:50%;font-size:18px;cursor:pointer;box-shadow:0 4px 12px #0003;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;display:flex;align-items:center;justify-content:center}.menu-scroll-to-top:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000040}.menu-scroll-to-top:active{transform:translateY(-2px)}@media (max-width: 768px){.menu-scroll-to-top{bottom:20px;right:20px;width:44px;height:44px;font-size:16px}}.inventory-form-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.inventory-form-modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:inventory-form-appear .2s ease-out}@keyframes inventory-form-appear{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.inventory-form-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0;background:#f7fafc}.inventory-form-title{display:flex;align-items:center;gap:12px;color:#2d3748;font-size:1.25rem;font-weight:600;margin:0}.inventory-form-title i{color:#3182ce}.inventory-form-close{background:none;border:none;color:#718096;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.inventory-form-close:hover:not(:disabled){background:#e2e8f0;color:#4a5568}.inventory-form-close:disabled{opacity:.5;cursor:not-allowed}.inventory-form-content{padding:24px;max-height:calc(90vh - 80px);overflow-y:auto}.inventory-form-group{margin-bottom:20px}.inventory-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.inventory-form-label{display:block;color:#4a5568;font-size:.875rem;font-weight:500;margin-bottom:6px}.inventory-form-input,.inventory-form-textarea,.inventory-form-select{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;transition:all .2s ease;background:#fff}.inventory-form-input:focus,.inventory-form-textarea:focus,.inventory-form-select:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.inventory-form-input:disabled,.inventory-form-textarea:disabled,.inventory-form-select:disabled{background:#f7fafc;color:#718096;cursor:not-allowed}.inventory-form-input.error,.inventory-form-textarea.error,.inventory-form-select.error{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.inventory-form-textarea{resize:vertical;min-height:80px}.inventory-form-new-category{margin-top:8px}.inventory-form-error{display:block;color:#e53e3e;font-size:.75rem;margin-top:4px}.inventory-form-submit-error{display:flex;align-items:center;gap:8px;background:#fed7d7;color:#c53030;padding:12px;border-radius:8px;font-size:.875rem;margin-bottom:20px}.inventory-form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e2e8f0}.inventory-form-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.inventory-form-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.inventory-form-btn-primary{background:#3182ce;color:#fff}.inventory-form-btn-primary:hover:not(:disabled){background:#2c5aa0;transform:translateY(-1px)}.inventory-form-btn-secondary{background:#e2e8f0;color:#4a5568}.inventory-form-btn-secondary:hover:not(:disabled){background:#cbd5e0}@media (max-width: 768px){.inventory-form-overlay{padding:10px}.inventory-form-modal{max-height:95vh}.inventory-form-header{padding:16px 20px}.inventory-form-content{padding:20px;max-height:calc(95vh - 70px)}.inventory-form-row{grid-template-columns:1fr;gap:0}.inventory-form-actions{flex-direction:column-reverse;gap:8px}.inventory-form-btn{width:100%;justify-content:center}}@media (max-width: 480px){.inventory-form-title{font-size:1.125rem}.inventory-form-content{padding:16px}.inventory-form-group{margin-bottom:16px}}.stock-update-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.stock-update-modal{background:#fff;border-radius:12px;width:100%;max-width:550px;max-height:90vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:stock-update-appear .2s ease-out}@keyframes stock-update-appear{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.stock-update-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0;background:#f7fafc}.stock-update-title{display:flex;align-items:center;gap:12px;color:#2d3748;font-size:1.25rem;font-weight:600;margin:0}.stock-update-title i{color:#3182ce}.stock-update-close{background:none;border:none;color:#718096;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.stock-update-close:hover:not(:disabled){background:#e2e8f0;color:#4a5568}.stock-update-close:disabled{opacity:.5;cursor:not-allowed}.stock-update-content{padding:24px;max-height:calc(90vh - 80px);overflow-y:auto}.stock-current-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px;padding:16px;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.stock-info-card{text-align:center}.stock-info-label{font-size:.75rem;color:#718096;margin-bottom:4px;text-transform:uppercase;letter-spacing:.025em;font-weight:500}.stock-info-value{font-size:.875rem;color:#2d3748;font-weight:600}.stock-update-form{display:flex;flex-direction:column;gap:20px}.stock-form-group{display:flex;flex-direction:column;gap:8px}.stock-form-label{color:#4a5568;font-size:.875rem;font-weight:500}.stock-form-input,.stock-form-textarea{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;transition:all .2s ease;background:#fff}.stock-form-input:focus,.stock-form-textarea:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.stock-form-input:disabled,.stock-form-textarea:disabled{background:#f7fafc;color:#718096;cursor:not-allowed}.stock-form-input.error,.stock-form-textarea.error{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1a}.stock-form-textarea{resize:vertical;min-height:80px}.stock-form-error{color:#e53e3e;font-size:.75rem;margin-top:4px}.stock-movement-types{display:grid;grid-template-columns:1fr;gap:12px}.stock-movement-option{display:block;padding:16px;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff}.stock-movement-option:hover{border-color:#cbd5e0;background:#f7fafc}.stock-movement-option.active{border-color:#3182ce;background:#ebf8ff}.stock-movement-option input[type=radio]{display:none}.stock-movement-content{display:flex;align-items:center;gap:12px}.stock-movement-icon{font-size:1.25rem;width:24px;text-align:center}.stock-movement-icon.success{color:#38a169}.stock-movement-icon.warning{color:#d69e2e}.stock-movement-icon.info{color:#3182ce}.stock-movement-title{font-weight:600;color:#2d3748;font-size:.875rem}.stock-movement-desc{font-size:.75rem;color:#718096}.stock-preview-section{padding:16px;background:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.stock-preview-title{color:#4a5568;font-size:.875rem;font-weight:600;margin:0 0 12px}.stock-preview-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.stock-preview-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stock-preview-label{font-size:.75rem;color:#718096;text-transform:uppercase;letter-spacing:.025em}.stock-preview-value{font-size:.875rem;font-weight:600;color:#2d3748}.stock-preview-value.warning{color:#d69e2e}.stock-preview-value.error{color:#e53e3e}.stock-preview-arrow{color:#718096;font-size:1.125rem}.stock-preview-warning{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;font-size:.75rem;font-weight:500}.stock-preview-warning.warning{background:#fef5e7;color:#744210}.stock-preview-warning.error{background:#fed7d7;color:#742a2a}.stock-form-submit-error{display:flex;align-items:center;gap:8px;background:#fed7d7;color:#c53030;padding:12px;border-radius:8px;font-size:.875rem}.stock-form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e2e8f0}.stock-form-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.stock-form-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.stock-form-btn-primary{background:#3182ce;color:#fff}.stock-form-btn-primary:hover:not(:disabled){background:#2c5aa0;transform:translateY(-1px)}.stock-form-btn-secondary{background:#e2e8f0;color:#4a5568}.stock-form-btn-secondary:hover:not(:disabled){background:#cbd5e0}@media (max-width: 768px){.stock-update-overlay{padding:10px}.stock-update-modal{max-height:95vh}.stock-update-header{padding:16px 20px}.stock-update-content{padding:20px;max-height:calc(95vh - 70px)}.stock-current-info{grid-template-columns:1fr;gap:12px}.stock-preview-content{flex-direction:column;gap:12px}.stock-preview-arrow{transform:rotate(90deg)}.stock-form-actions{flex-direction:column-reverse;gap:8px}.stock-form-btn{width:100%;justify-content:center}}@media (max-width: 480px){.stock-update-title{font-size:1.125rem}.stock-update-content{padding:16px}.stock-movement-content{gap:8px}.stock-movement-icon{font-size:1rem}}.item-details-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.item-details-modal{background:#fff;border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:item-details-appear .2s ease-out}@keyframes item-details-appear{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.item-details-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0;background:#f7fafc}.item-details-title{display:flex;align-items:center;gap:12px;color:#2d3748;font-size:1.25rem;font-weight:600;margin:0}.item-details-title i{color:#3182ce}.item-details-header-actions{display:flex;align-items:center;gap:8px}.item-details-action-btn{background:none;border:none;color:#718096;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.item-details-action-btn.edit:hover{background:#fef5e7;color:#d69e2e}.item-details-action-btn.delete:hover{background:#fed7d7;color:#e53e3e}.item-details-close{background:none;border:none;color:#718096;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.item-details-close:hover{background:#e2e8f0;color:#4a5568}.item-details-content{padding:24px;max-height:calc(90vh - 80px);overflow-y:auto;display:flex;flex-direction:column;gap:32px}.item-info-section{background:#f7fafc;border-radius:12px;padding:24px;border:1px solid #e2e8f0}.item-info-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.item-info-name{color:#2d3748;font-size:1.5rem;font-weight:600;margin:0;line-height:1.3}.item-info-status{padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.item-info-status.in-stock{background:#c6f6d5;color:#276749}.item-info-status.low-stock{background:#fed7aa;color:#9c4221}.item-info-status.out-of-stock{background:#fed7d7;color:#c53030}.item-info-description{color:#4a5568;font-size:.875rem;line-height:1.5;margin:0 0 20px;font-style:italic}.item-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.item-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;text-align:center}.item-info-label{font-size:.75rem;color:#718096;margin-bottom:8px;text-transform:uppercase;letter-spacing:.025em;font-weight:500}.item-info-value{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.875rem;color:#2d3748;font-weight:600}.item-info-value i{color:#718096;font-size:.75rem}.movements-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.movements-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0;background:#f7fafc}.movements-title{display:flex;align-items:center;gap:12px;color:#2d3748;font-size:1.125rem;font-weight:600;margin:0}.movements-title i{color:#3182ce}.movements-filters{display:flex;gap:12px}.movements-filter-select{padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:.75rem;cursor:pointer;transition:all .2s ease}.movements-filter-select:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 2px #3182ce1a}.movements-container{max-height:400px;overflow-y:auto}.movements-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#718096}.movements-loading-spinner{width:32px;height:32px;border:2px solid #e2e8f0;border-top:2px solid #3182ce;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.movements-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#e53e3e;text-align:center}.movements-error i{font-size:2rem;margin-bottom:12px;color:#fed7d7}.movements-error p{margin:0 0 16px;color:#4a5568}.movements-retry-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:#e53e3e;color:#fff;border:none;border-radius:6px;font-size:.75rem;cursor:pointer;transition:background .2s ease}.movements-retry-btn:hover{background:#c53030}.movements-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#718096;text-align:center}.movements-empty i{font-size:2.5rem;margin-bottom:16px;color:#cbd5e0}.movements-empty h4{color:#4a5568;font-size:1.125rem;margin:0 0 8px}.movements-empty p{margin:0;font-size:.875rem}.movements-list{padding:16px 24px}.movement-item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid #f1f5f9}.movement-item:last-child{border-bottom:none}.movement-icon-section{flex-shrink:0}.movement-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem}.movement-icon.success{background:#c6f6d5;color:#276749}.movement-icon.warning{background:#fed7aa;color:#9c4221}.movement-icon.info{background:#bee3f8;color:#2b6cb0}.movement-content{flex:1;display:flex;flex-direction:column;gap:6px}.movement-main{display:flex;justify-content:space-between;align-items:flex-start}.movement-type-quantity{display:flex;align-items:center;gap:12px}.movement-type{font-weight:600;color:#2d3748;font-size:.875rem}.movement-quantity{font-weight:600;font-size:.875rem}.movement-quantity.success{color:#276749}.movement-quantity.warning{color:#9c4221}.movement-quantity.info{color:#2b6cb0}.movement-date{font-size:.75rem;color:#718096;white-space:nowrap}.movement-details{display:flex;gap:16px;flex-wrap:wrap}.movement-user,.movement-cost{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#718096}.movement-user i,.movement-cost i{font-size:.625rem}.movement-reason{display:flex;align-items:flex-start;gap:6px;font-size:.75rem;color:#4a5568;font-style:italic;line-height:1.4}.movement-reason i{font-size:.625rem;margin-top:2px;color:#718096}@media (max-width: 768px){.item-details-overlay{padding:10px}.item-details-modal{max-height:95vh}.item-details-header{padding:16px 20px}.item-details-content{padding:20px;max-height:calc(95vh - 70px);gap:24px}.item-info-section{padding:20px}.item-info-header{flex-direction:column;gap:12px;text-align:center}.item-info-grid{grid-template-columns:repeat(2,1fr);gap:12px}.movements-header{flex-direction:column;gap:12px;padding:16px 20px}.movements-filters{width:100%;justify-content:center}.movements-list{padding:12px 20px}.movement-main{flex-direction:column;gap:4px}.movement-details{gap:12px}}@media (max-width: 480px){.item-details-content{padding:16px}.item-info-grid{grid-template-columns:1fr}.item-info-card{padding:12px}.movements-container{max-height:300px}.movement-item{gap:12px}.movement-icon{width:32px;height:32px;font-size:.875rem}}.delete-item-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.delete-item-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:delete-item-appear .2s ease-out}@keyframes delete-item-appear{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.delete-item-header{display:flex;flex-direction:column;align-items:center;padding:32px 24px 24px;text-align:center;background:#fef5e7;border-bottom:1px solid #fbd38d}.delete-item-icon{width:64px;height:64px;background:#fed7aa;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.delete-item-icon i{font-size:1.75rem;color:#d69e2e}.delete-item-title{color:#744210;font-size:1.5rem;font-weight:600;margin:0}.delete-item-content{padding:24px;max-height:calc(90vh - 140px);overflow-y:auto;display:flex;flex-direction:column;gap:24px}.delete-item-warning{text-align:center}.delete-warning-text{color:#2d3748;font-size:1rem;margin:0 0 8px;line-height:1.5}.delete-warning-text strong{color:#e53e3e;font-weight:600}.delete-warning-subtext{color:#718096;font-size:.875rem;margin:0;line-height:1.4}.delete-item-summary{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.delete-summary-title{color:#4a5568;font-size:.875rem;font-weight:600;margin:0 0 12px;text-transform:uppercase;letter-spacing:.025em}.delete-summary-grid{display:flex;flex-direction:column;gap:8px}.delete-summary-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #e2e8f0}.delete-summary-item:last-child{border-bottom:none}.delete-summary-item.total-value{border-top:1px solid #cbd5e0;margin-top:4px;padding-top:10px;font-weight:600}.delete-summary-label{color:#718096;font-size:.75rem;font-weight:500}.delete-summary-value{color:#2d3748;font-size:.75rem;font-weight:500}.delete-summary-item.total-value .delete-summary-label,.delete-summary-item.total-value .delete-summary-value{color:#d69e2e;font-weight:600}.delete-stock-warning{display:flex;gap:12px;padding:16px;background:#fed7aa;border:1px solid #fbbf24;border-radius:8px}.delete-stock-warning-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.delete-stock-warning-icon i{color:#d69e2e;font-size:1.125rem}.delete-stock-warning-content{flex:1}.delete-stock-warning-title{color:#744210;font-size:.875rem;font-weight:600;margin:0 0 4px}.delete-stock-warning-text{color:#744210;font-size:.75rem;margin:0 0 4px;line-height:1.4}.delete-stock-warning-subtext{color:#92400e;font-size:.6875rem;margin:0;line-height:1.3;font-style:italic}.delete-consequences{background:#f1f5f9;border:1px solid #cbd5e0;border-radius:8px;padding:16px}.delete-consequences-title{color:#4a5568;font-size:.875rem;font-weight:600;margin:0 0 12px}.delete-consequences-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.delete-consequences-list li{display:flex;align-items:flex-start;gap:8px;color:#4a5568;font-size:.75rem;line-height:1.4}.delete-consequences-list li i{margin-top:2px;color:#718096;font-size:.625rem;flex-shrink:0}.delete-consequences-list li.consequence-warning{color:#d69e2e;font-weight:500}.delete-consequences-list li.consequence-warning i{color:#d69e2e}.delete-error-alert{display:flex;align-items:center;gap:8px;background:#fed7d7;color:#c53030;padding:12px;border-radius:8px;font-size:.875rem;border:1px solid #fc8181}.delete-item-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid #e2e8f0}.delete-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.delete-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.delete-btn-cancel{background:#e2e8f0;color:#4a5568}.delete-btn-cancel:hover:not(:disabled){background:#cbd5e0}.delete-btn-confirm{background:#e53e3e;color:#fff}.delete-btn-confirm:hover:not(:disabled){background:#c53030;transform:translateY(-1px)}@media (max-width: 768px){.delete-item-overlay{padding:10px}.delete-item-modal{max-height:95vh}.delete-item-header{padding:24px 20px 20px}.delete-item-content{padding:20px;max-height:calc(95vh - 120px);gap:20px}.delete-item-actions{flex-direction:column-reverse;gap:8px}.delete-btn{width:100%;justify-content:center}}@media (max-width: 480px){.delete-item-header{padding:20px 16px 16px}.delete-item-icon{width:56px;height:56px;margin-bottom:12px}.delete-item-icon i{font-size:1.5rem}.delete-item-title{font-size:1.25rem}.delete-item-content{padding:16px;gap:16px}.delete-stock-warning{gap:8px;padding:12px}.delete-consequences{padding:12px}}:root{--inventory-primary-color: #FF7F50;--inventory-primary-dark: #E85A2B;--inventory-primary-light: #FF9970;--inventory-primary-alpha: rgba(255, 127, 80, .1);--inventory-glass-bg: rgba(255, 255, 255, .15);--inventory-glass-border: rgba(255, 255, 255, .3);--inventory-glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--inventory-text-primary: #ffffff;--inventory-text-secondary: rgba(255, 255, 255, .9);--inventory-text-muted: rgba(255, 255, 255, .7);--inventory-text-subtle: rgba(255, 255, 255, .6);--inventory-text-dark: #2d3748;--inventory-text-gray: #4a5568;--inventory-text-light-gray: #718096;--inventory-success: #10b981;--inventory-warning: #f59e0b;--inventory-danger: #ef4444;--inventory-info: #3b82f6}.inventory-page-container{padding:24px;min-height:100vh;max-width:1400px;margin:0 auto}.inventory-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;background:var(--inventory-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--inventory-glass-border);border-radius:16px;padding:32px;box-shadow:var(--inventory-glass-shadow)}.inventory-header-content h1.inventory-page-title{font-size:2.5rem;font-weight:800;color:var(--inventory-text-primary);margin:0 0 8px}.inventory-header-content p.inventory-page-subtitle{font-size:1.125rem;color:var(--inventory-text-muted);margin:0}.inventory-header-actions{display:flex;gap:16px}.inventory-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none}.inventory-btn-primary{background:linear-gradient(135deg,var(--inventory-primary-color),var(--inventory-primary-dark));color:#fff;box-shadow:0 4px 6px #0000001a}.inventory-btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 15px #0000001a}.inventory-btn-secondary{background:#fff;color:var(--inventory-text-dark);border:1px solid rgba(255,255,255,.3)}.inventory-btn-secondary:hover{background:#ffffff1a;color:var(--inventory-text-primary)}.inventory-summary-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.inventory-summary-card{background:var(--inventory-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--inventory-glass-border);border-radius:16px;padding:24px;box-shadow:var(--inventory-glass-shadow);display:flex;align-items:center;gap:16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.inventory-summary-card:hover{transform:translateY(-2px);box-shadow:0 12px 20px #00000026}.inventory-summary-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fff3;color:var(--inventory-text-primary);font-size:1.25rem}.inventory-summary-icon.warning{background:#f59e0b33;color:#fbbf24}.inventory-summary-icon.success{background:#10b98133;color:#34d399}.inventory-summary-icon.info{background:#3b82f633;color:#60a5fa}.inventory-summary-content h3{font-size:1.875rem;font-weight:700;color:var(--inventory-text-primary);margin:0 0 4px}.inventory-summary-content p{font-size:.875rem;color:var(--inventory-text-muted);margin:0}.inventory-alerts-section{margin-bottom:32px}.inventory-alert-card{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:16px;padding:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--inventory-glass-shadow)}.inventory-alert-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.inventory-alert-header i{color:#fbbf24;font-size:1.125rem}.inventory-alert-header h3{color:var(--inventory-text-primary);font-size:1.125rem;font-weight:600;margin:0}.inventory-alert-content p{color:var(--inventory-text-secondary);margin:0 0 12px}.inventory-alert-items{display:flex;flex-wrap:wrap;gap:8px}.inventory-alert-item{background:#fbbf2433;color:var(--inventory-text-primary);padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:500}.inventory-alert-more{background:#f59e0b4d;color:var(--inventory-text-primary);padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:600}.inventory-controls-section{display:flex;align-items:center;gap:24px;margin-bottom:32px;background:var(--inventory-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--inventory-glass-border);border-radius:12px;padding:20px;box-shadow:var(--inventory-glass-shadow)}.inventory-search-container{position:relative;flex:1;max-width:400px}.inventory-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--inventory-text-muted);font-size:14px}.inventory-search-input{width:100%;padding:12px 16px 12px 40px;border:1px solid var(--inventory-glass-border);border-radius:12px;background:#ffffff1a;color:var(--inventory-text-primary);font-size:14px;transition:all .2s ease}.inventory-search-input::placeholder{color:var(--inventory-text-muted)}.inventory-search-input:focus{outline:none;border-color:var(--inventory-primary-color);box-shadow:0 0 0 3px var(--inventory-primary-alpha);background:#fff3}.inventory-filters{display:flex;gap:12px;align-items:center}.inventory-filter-select{padding:12px 16px;border:1px solid var(--inventory-glass-border);border-radius:12px;background:#ffffff1a;color:var(--inventory-text-primary);font-size:14px;cursor:pointer;transition:all .2s ease}.inventory-filter-select option{background:#fff;color:var(--inventory-text-dark);padding:8px 12px}.inventory-filter-select:focus{outline:none;border-color:var(--inventory-primary-color);box-shadow:0 0 0 3px var(--inventory-primary-alpha)}.inventory-filter-btn{padding:12px 16px;border:1px solid var(--inventory-glass-border);border-radius:12px;background:#ffffff1a;color:var(--inventory-text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500}.inventory-filter-btn:hover{background:#fff3;color:var(--inventory-text-primary)}.inventory-filter-btn.active{background:var(--inventory-primary-color);color:#fff;border-color:var(--inventory-primary-color)}.inventory-items-section{background:var(--inventory-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--inventory-glass-border);border-radius:16px;box-shadow:var(--inventory-glass-shadow);overflow:hidden}.inventory-section-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--inventory-glass-border)}.inventory-section-header h2{display:flex;align-items:center;gap:12px;color:var(--inventory-text-primary);font-size:18px;font-weight:600;margin:0}.inventory-section-header h2 i{color:var(--inventory-primary-color)}.inventory-items-count{background:#ffffff1a;color:var(--inventory-text-secondary);padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.inventory-items-container{max-height:600px;overflow-y:auto;padding:20px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.inventory-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.inventory-item-card{background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:20px;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column}.inventory-item-card:hover{border-color:var(--inventory-primary-color);box-shadow:0 4px 6px #0000001a,0 0 20px #ff7f504d;transform:translateY(-2px)}.inventory-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.inventory-item-name{color:var(--inventory-text-primary);font-size:1.125rem;font-weight:600;margin:0;line-height:1.3}.inventory-stock-status{padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.inventory-stock-status.in-stock{background:#10b98140;color:#fff;border:1px solid rgba(16,185,129,.5)}.inventory-stock-status.low-stock{background:#f59e0b40;color:#fff;border:1px solid rgba(245,158,11,.5)}.inventory-stock-status.out-of-stock{background:#ef444440;color:#fff;border:1px solid rgba(239,68,68,.5)}.inventory-item-info{margin-bottom:16px}.inventory-item-description{color:var(--inventory-text-secondary);font-size:.875rem;margin:0 0 8px;line-height:1.4}.inventory-item-details{display:flex;gap:16px;flex-wrap:wrap}.inventory-item-category,.inventory-item-location{display:flex;align-items:center;gap:4px;color:var(--inventory-text-muted);font-size:.75rem}.inventory-item-category i,.inventory-item-location i{font-size:.625rem}.inventory-item-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;padding:12px;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px;border:1px solid rgba(255,255,255,.2)}.inventory-metric{text-align:center}.inventory-metric-label{display:block;font-size:.75rem;color:var(--inventory-text-muted);margin-bottom:4px}.inventory-metric-value{display:block;font-size:.875rem;font-weight:600;color:var(--inventory-text-primary)}.inventory-item-actions{display:flex;gap:8px;justify-content:center;opacity:1}.inventory-action-btn{padding:8px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.inventory-action-view{background:#3b82f633;color:#60a5fa}.inventory-action-view:hover{background:#3b82f64d;color:#93c5fd}.inventory-action-stock{background:#10b98133;color:#34d399}.inventory-action-stock:hover{background:#10b9814d;color:#6ee7b7}.inventory-action-edit{background:#f59e0b33;color:#fbbf24}.inventory-action-edit:hover{background:#f59e0b4d;color:#fcd34d}.inventory-action-delete{background:#ef444433;color:#f87171}.inventory-action-delete:hover{background:#ef44444d;color:#fca5a5}.inventory-empty-state{text-align:center;padding:60px 20px;color:var(--inventory-text-secondary);grid-column:1 / -1}.inventory-empty-state i{font-size:3rem;margin-bottom:16px;color:var(--inventory-text-muted)}.inventory-empty-state h3{font-size:1.25rem;color:var(--inventory-text-primary);margin:0 0 8px}.inventory-empty-state p{margin:0 0 20px;color:var(--inventory-text-muted)}.inventory-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--inventory-text-secondary)}.inventory-loading-spinner{width:40px;height:40px;border:3px solid var(--inventory-glass-border);border-top:3px solid var(--inventory-primary-color);border-radius:50%;animation:inventory-spin 1s linear infinite;margin-bottom:16px}@keyframes inventory-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.inventory-error-alert,.inventory-success-alert{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;margin-bottom:24px;font-size:14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.inventory-error-alert{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fee2e2}.inventory-success-alert{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#d1fae5}.inventory-alert-close{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.inventory-alert-close:hover{background:#ffffff1a}@media (max-width: 1024px){.inventory-page-container{padding:16px}.inventory-summary-section{grid-template-columns:repeat(2,1fr)}.inventory-items-grid{grid-template-columns:1fr}}@media (max-width: 768px){.inventory-page-header{flex-direction:column;gap:16px;text-align:center}.inventory-header-content h1.inventory-page-title{font-size:2rem}.inventory-summary-section{grid-template-columns:1fr}.inventory-controls-section{flex-direction:column;gap:12px;align-items:stretch}.inventory-search-container{max-width:none}.inventory-filters{flex-wrap:wrap}.inventory-section-header{flex-direction:column;gap:8px;text-align:center}.inventory-item-metrics{grid-template-columns:1fr;gap:8px}}@media (max-width: 480px){.inventory-page-container{padding:12px}.inventory-summary-card,.inventory-item-card{padding:16px}.inventory-item-details{flex-direction:column;gap:8px}}:root{--staff-glass-bg: rgba(255, 255, 255, .15);--staff-glass-border: rgba(255, 255, 255, .3);--staff-glass-hover: rgba(255, 255, 255, .22);--staff-text-primary: #ffffff;--staff-text-secondary: rgba(255, 255, 255, .85);--staff-text-muted: rgba(255, 255, 255, .65);--staff-accent-primary: #4f46e5;--staff-accent-success: #10b981;--staff-accent-danger: #ef4444;--staff-accent-warning: #f59e0b;--staff-shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--staff-shadow-md: 0 4px 16px rgba(0, 0, 0, .15);--staff-shadow-lg: 0 8px 24px rgba(0, 0, 0, .2)}.staff-page-container{padding:2rem;max-width:1400px;margin:0 auto}.staff-page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.staff-loading-spinner{width:48px;height:48px;border:4px solid var(--staff-glass-border);border-top-color:var(--staff-text-primary);border-radius:50%;animation:staff-spin 1s linear infinite}@keyframes staff-spin{to{transform:rotate(360deg)}}.staff-page-loading p{color:var(--staff-text-secondary);font-size:1rem}.staff-alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;margin-bottom:1.5rem;border-radius:12px;background:var(--staff-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--staff-glass-border);box-shadow:var(--staff-shadow-sm);color:var(--staff-text-primary);animation:staff-slide-in .3s ease-out}@keyframes staff-slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.staff-alert i{font-size:1.25rem}.staff-alert-success{border-color:var(--staff-accent-success)}.staff-alert-success i{color:var(--staff-accent-success)}.staff-alert-error{border-color:var(--staff-accent-danger)}.staff-alert-error i{color:var(--staff-accent-danger)}.staff-alert-close{margin-left:auto;background:none;border:none;color:var(--staff-text-secondary);cursor:pointer;padding:.25rem;transition:color .2s}.staff-alert-close:hover{color:var(--staff-text-primary)}.staff-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1.5rem;flex-wrap:wrap}.staff-header-content h1.staff-page-title{font-size:2rem;font-weight:700;color:var(--staff-text-primary);margin:0 0 .5rem}.staff-page-subtitle{color:var(--staff-text-secondary);font-size:1rem;margin:0}.staff-controls-section{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.staff-search-container{position:relative;flex:1;min-width:280px}.staff-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--staff-text-muted);font-size:1rem}.staff-search-input{width:100%;padding:.875rem 1rem .875rem 2.75rem;background:var(--staff-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--staff-glass-border);border-radius:12px;color:var(--staff-text-primary);font-size:.95rem;transition:all .3s ease}.staff-search-input::placeholder{color:var(--staff-text-muted)}.staff-search-input:focus{outline:none;border-color:var(--staff-accent-primary);background:var(--staff-glass-hover);box-shadow:var(--staff-shadow-md)}.staff-filters{display:flex;gap:1rem}.staff-filter-select{padding:.875rem 1rem;background:var(--staff-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--staff-glass-border);border-radius:12px;color:var(--staff-text-primary);font-size:.95rem;cursor:pointer;transition:all .3s ease;min-width:150px}.staff-filter-select:hover{background:var(--staff-glass-hover);border-color:var(--staff-text-secondary)}.staff-filter-select:focus{outline:none;border-color:var(--staff-accent-primary);box-shadow:var(--staff-shadow-md)}.staff-filter-select option{background:#1f2937;color:var(--staff-text-primary)}.staff-list-container{margin-top:1.5rem}.staff-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--staff-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--staff-glass-border);border-radius:16px;box-shadow:var(--staff-shadow-sm)}.staff-empty-state i{font-size:3rem;color:var(--staff-text-muted);margin-bottom:1rem}.staff-empty-state h3{color:var(--staff-text-primary);font-size:1.25rem;margin:0 0 .5rem}.staff-empty-state p{color:var(--staff-text-secondary);margin:0}.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.staff-card{background:var(--staff-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--staff-glass-border);border-radius:16px;padding:1.5rem;box-shadow:var(--staff-shadow-sm);transition:all .3s ease}.staff-card:hover{background:var(--staff-glass-hover);box-shadow:var(--staff-shadow-md);transform:translateY(-2px)}.staff-card-header{display:flex;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--staff-glass-border)}.staff-avatar{width:56px;height:56px;border-radius:50%;background:var(--staff-accent-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.staff-avatar i{font-size:1.5rem;color:#fff}.staff-info{flex:1;min-width:0}.staff-name{color:var(--staff-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-email{color:var(--staff-text-secondary);font-size:.875rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-card-body{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.staff-role-row,.staff-permissions-row,.staff-date-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.staff-role-label,.staff-permissions-label{color:var(--staff-text-muted);font-size:.875rem}.staff-permissions-count{color:var(--staff-text-secondary);font-size:.875rem;background:var(--staff-glass-bg);padding:.25rem .75rem;border-radius:8px;border:1px solid var(--staff-glass-border)}.staff-date-row{color:var(--staff-text-muted);font-size:.875rem}.staff-date-row i{margin-right:.5rem}.staff-role-badge{display:inline-block;padding:.375rem .875rem;border-radius:8px;font-size:.8125rem;font-weight:600;border:1px solid;text-transform:uppercase;letter-spacing:.025em}.staff-role-badge-owner{background:#ef444426;border-color:#ef444466;color:#fca5a5}.staff-role-badge-manager{background:#3b82f626;border-color:#3b82f666;color:#93c5fd}.staff-role-badge-staff{background:#10b98126;border-color:#10b98166;color:#6ee7b7}.staff-role-badge-default{background:#9ca3af26;border-color:#9ca3af66;color:#d1d5db}.staff-card-actions{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid var(--staff-glass-border)}.staff-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:10px;font-size:.875rem;font-weight:500;border:1px solid;cursor:pointer;transition:all .3s ease;flex:1;justify-content:center}.staff-btn i{font-size:.9rem}.staff-btn-edit{background:#4f46e526;border-color:#4f46e566;color:#a5b4fc}.staff-btn-edit:hover{background:#4f46e540;border-color:#4f46e599;box-shadow:var(--staff-shadow-sm)}.staff-btn-remove{background:#ef444426;border-color:#ef444466;color:#fca5a5}.staff-btn-remove:hover{background:#ef444440;border-color:#ef444499;box-shadow:var(--staff-shadow-sm)}.staff-btn-primary{background:var(--staff-accent-primary);border-color:var(--staff-accent-primary);color:#fff}.staff-btn-primary:hover{background:#4338ca;border-color:#4338ca;box-shadow:var(--staff-shadow-md)}.staff-btn-secondary{background:var(--staff-glass-bg);border-color:var(--staff-glass-border);color:var(--staff-text-secondary)}.staff-btn-secondary:hover{background:var(--staff-glass-hover);border-color:var(--staff-text-secondary);color:var(--staff-text-primary)}.staff-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:staff-fade-in .2s ease-out}@keyframes staff-fade-in{0%{opacity:0}to{opacity:1}}.staff-modal{background:#1f2937f2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--staff-glass-border);border-radius:20px;box-shadow:var(--staff-shadow-lg);width:100%;max-width:700px;max-height:85vh;display:flex;flex-direction:column;animation:staff-modal-slide-up .3s ease-out}@keyframes staff-modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.staff-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--staff-glass-border)}.staff-modal-header h2{color:var(--staff-text-primary);font-size:1.5rem;margin:0}.staff-modal-close{background:none;border:none;color:var(--staff-text-secondary);cursor:pointer;padding:.5rem;transition:color .2s;font-size:1.25rem}.staff-modal-close:hover{color:var(--staff-text-primary)}.staff-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.staff-modal-staff-info{display:flex;gap:1rem;align-items:center;padding:1rem;background:var(--staff-glass-bg);border:1px solid var(--staff-glass-border);border-radius:12px;margin-bottom:1.5rem}.staff-modal-avatar{width:48px;height:48px;border-radius:50%;background:var(--staff-accent-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.staff-modal-avatar i{font-size:1.25rem;color:#fff}.staff-modal-staff-info h3{color:var(--staff-text-primary);font-size:1.125rem;margin:0 0 .25rem}.staff-modal-staff-info p{color:var(--staff-text-secondary);font-size:.875rem;margin:0 0 .5rem}.staff-permissions-groups{display:flex;flex-direction:column;gap:1.5rem}.staff-permission-group{background:var(--staff-glass-bg);border:1px solid var(--staff-glass-border);border-radius:12px;padding:1.25rem}.staff-permission-group-title{color:var(--staff-text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}.staff-permission-items{display:flex;flex-direction:column;gap:.75rem}.staff-permission-item{display:flex;gap:.75rem;cursor:pointer;padding:.75rem;border-radius:8px;background:#0003;border:1px solid transparent;transition:all .2s ease}.staff-permission-item:hover{background:#0000004d;border-color:var(--staff-glass-border)}.staff-permission-checkbox{width:18px;height:18px;cursor:pointer;flex-shrink:0;margin-top:.125rem}.staff-permission-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.staff-permission-name{color:var(--staff-text-primary);font-size:.9375rem;font-weight:500}.staff-permission-desc{color:var(--staff-text-muted);font-size:.8125rem}.staff-modal-summary{margin-top:1.5rem;padding:1rem;background:var(--staff-glass-bg);border:1px solid var(--staff-glass-border);border-radius:12px;text-align:center;color:var(--staff-text-secondary);font-size:.9375rem}.staff-modal-footer{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid var(--staff-glass-border)}.staff-modal-footer .staff-btn{flex:1;padding:.875rem 1.5rem;font-size:1rem}@media (max-width: 1024px){.staff-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.staff-page-container{padding:1.5rem}.staff-page-header h1.staff-page-title{font-size:1.75rem}.staff-controls-section{flex-direction:column}.staff-search-container,.staff-filters,.staff-filter-select{width:100%}.staff-grid{grid-template-columns:1fr;gap:1rem}.staff-card-actions{flex-direction:column}.staff-btn{width:100%}.staff-modal{max-height:90vh;margin:1rem}.staff-modal-footer{flex-direction:column}}.staff-view-requests-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:var(--staff-text-primary);border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d;position:relative}.staff-view-requests-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.staff-requests-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--staff-accent-danger);color:#fff;border-radius:10px;font-size:.75rem;font-weight:700}.staff-header-actions{display:flex;align-items:center;gap:1rem}.staff-manage-roles-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#f093fb,#f5576c);color:var(--staff-text-primary);border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #f093fb4d}.staff-manage-roles-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f093fb66}.staff-requests-modal{max-width:900px;max-height:85vh}.staff-requests-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.staff-requests-loading p{color:var(--staff-text-secondary)}.staff-requests-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.staff-requests-empty i{font-size:4rem;color:var(--staff-text-muted);margin-bottom:1rem}.staff-requests-empty h3{color:var(--staff-text-primary);font-size:1.25rem;margin-bottom:.5rem}.staff-requests-empty p{color:var(--staff-text-muted);font-size:.95rem}.staff-requests-list{display:flex;flex-direction:column;gap:1rem;max-height:60vh;overflow-y:auto}.staff-request-card{background:var(--staff-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--staff-glass-border);border-radius:16px;padding:1.5rem;transition:all .3s ease}.staff-request-card:hover{background:var(--staff-glass-hover);box-shadow:var(--staff-shadow-md)}.staff-request-header{display:flex;gap:1rem;margin-bottom:1rem}.staff-request-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.staff-request-avatar i{font-size:1.5rem;color:#fff}.staff-request-info h4{color:var(--staff-text-primary);font-size:1.1rem;margin-bottom:.25rem}.staff-request-email{color:var(--staff-text-muted);font-size:.9rem;margin-bottom:.25rem}.staff-request-phone{color:var(--staff-text-secondary);font-size:.9rem;display:flex;align-items:center;gap:.5rem}.staff-request-phone i{font-size:.8rem}.staff-request-message{background:#0003;border-left:3px solid var(--staff-accent-primary);border-radius:8px;padding:1rem;margin-bottom:1rem}.staff-request-message i{color:var(--staff-accent-primary);margin-right:.5rem}.staff-request-message p{color:var(--staff-text-secondary);font-size:.95rem;line-height:1.5;margin:0}.staff-request-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-top:1rem;border-top:1px solid var(--staff-glass-border)}.staff-request-date{color:var(--staff-text-muted);font-size:.85rem;display:flex;align-items:center;gap:.5rem}.staff-request-date i{font-size:.8rem}.staff-request-actions{display:flex;gap:.75rem;justify-content:flex-end}.staff-btn-reject{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#ef4444}.staff-btn-reject:hover{background:#ef444440;border-color:#ef444480}.staff-btn-approve{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#10b981}.staff-btn-approve:hover{background:#10b98140;border-color:#10b98180}@media (max-width: 480px){.staff-page-container{padding:1rem}.staff-page-header h1.staff-page-title{font-size:1.5rem}.staff-page-subtitle{font-size:.875rem}.staff-card,.staff-modal-header,.staff-modal-body,.staff-modal-footer{padding:1.25rem}.staff-permission-group{padding:1rem}.staff-view-requests-btn{padding:.65rem 1rem;font-size:.875rem}.staff-request-card{padding:1.25rem}.staff-request-actions{flex-direction:column}.staff-btn{width:100%;justify-content:center}}.staff-role-modal{max-width:700px;max-height:80vh}.staff-role-list{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto}.staff-role-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--staff-bg-secondary);border:1px solid var(--staff-border-color);border-radius:12px;transition:all .3s ease}.staff-role-item:hover{background:var(--staff-bg-hover);border-color:var(--staff-accent-primary)}.staff-role-info{display:flex;flex-direction:column;gap:.25rem}.staff-role-name{font-size:1rem;font-weight:600;color:var(--staff-text-primary)}.staff-role-email{font-size:.875rem;color:var(--staff-text-secondary)}.staff-role-selector{display:flex;align-items:center;gap:.75rem}.staff-role-selector label{font-size:.875rem;font-weight:600;color:var(--staff-text-primary)}.staff-role-select{padding:.5rem .75rem;border:1px solid var(--staff-border-color);border-radius:8px;background:var(--staff-bg-primary);color:var(--staff-text-primary);font-size:.875rem;cursor:pointer;transition:all .3s ease;min-width:120px}.staff-role-select:focus{outline:none;border-color:var(--staff-accent-primary);box-shadow:0 0 0 3px #3b82f61a}.staff-role-select option{background:#fff;color:#000}.salesanalytics-container{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:24px;margin-bottom:20px;box-shadow:var(--glass-shadow);width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.salesanalytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.salesanalytics-header h2{margin:0;color:#fff;font-size:22px}.salesanalytics-controls{display:flex;gap:10px;flex-wrap:wrap}.salesanalytics-controls input,.salesanalytics-controls select{padding:8px 12px;border:1px solid rgba(255,255,255,.3);border-radius:5px;font-size:14px;background:#ffffff1a;color:#fff}.salesanalytics-controls input::placeholder,.salesanalytics-controls select option{color:#ffffffb3}.salesanalytics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:25px}.salesanalytics-card{background:#9333ea26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(147,51,234,.2);padding:20px;border-radius:var(--radius-lg);text-align:center}.salesanalytics-card h4{margin:0 0 10px;color:#fffc;font-size:14px;font-weight:500}.salesanalytics-card p{margin:0;font-size:24px;font-weight:700;color:#fff}.salesanalytics-ordertypes{margin-top:25px}.salesanalytics-ordertypes h3{margin:0 0 15px;font-size:18px;color:#fff}.salesanalytics-ordertype{display:grid;grid-template-columns:1fr 1fr 1fr;padding:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius);margin-bottom:8px;font-size:14px}.salesanalytics-ordertype span:first-child{font-weight:600;color:#fff}.salesanalytics-ordertype span:nth-child(2){color:#c4b5fd;font-weight:600}.salesanalytics-ordertype span:last-child{color:#fffc;text-align:right}@media (max-width: 768px){.salesanalytics-header{flex-direction:column;align-items:flex-start;gap:15px}.salesanalytics-summary{grid-template-columns:1fr}.salesanalytics-ordertype{grid-template-columns:1fr;gap:8px;text-align:center}.salesanalytics-ordertype span:last-child{text-align:center}}.salesanalytics-loading,.salesanalytics-error{padding:30px;text-align:center;color:#fffc}.salesanalytics-error{color:#fca5a5}.peakhours-container{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:24px;margin-bottom:20px;box-shadow:var(--glass-shadow);width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.peakhours-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.peakhours-header h2{margin:0;color:#fff;font-size:22px}.peakhours-controls{display:flex;gap:10px;flex-wrap:wrap}.peakhours-controls input{padding:8px 12px;border:1px solid rgba(255,255,255,.3);border-radius:5px;font-size:14px;background:#ffffff1a;color:#fff}.peakhours-busiest{background:#ea580c26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(234,88,12,.2);padding:15px 20px;border-radius:var(--radius-lg);margin-bottom:25px;display:flex;gap:10px;align-items:center}.peakhours-busiest span{color:#fffc;font-size:14px}.peakhours-busiest strong{color:#fcd34d;font-size:18px}.peakhours-chart{display:flex;align-items:flex-end;gap:8px;height:250px;padding:10px 0}.peakhours-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.peakhours-bar{width:100%;background:linear-gradient(180deg,#9333ea,#7c3aed);border-radius:4px 4px 0 0;position:relative;min-height:5px;transition:all .3s ease;display:flex;align-items:flex-start;justify-content:center;padding-top:5px}.peakhours-bar:hover{opacity:.8}.peakhours-bar-busiest{background:linear-gradient(180deg,#ea580c,#f97316)}.peakhours-count{font-size:11px;font-weight:600;color:#fff}.peakhours-hour{font-size:11px;color:#ffffffb3;margin-top:8px;white-space:nowrap}@media (max-width: 768px){.peakhours-header{flex-direction:column;align-items:flex-start;gap:15px}.peakhours-chart{overflow-x:auto;padding-bottom:10px}.peakhours-busiest{flex-direction:column;text-align:center;gap:5px}}.peakhours-loading,.peakhours-error{padding:30px;text-align:center;color:#fffc}.peakhours-error{color:#fca5a5}.ordercompletion-container{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:24px;margin-bottom:20px;box-shadow:var(--glass-shadow);width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.ordercompletion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.ordercompletion-header h2{margin:0;color:#fff;font-size:22px}.ordercompletion-controls{display:flex;gap:10px;flex-wrap:wrap}.ordercompletion-controls input{padding:8px 12px;border:1px solid rgba(255,255,255,.3);border-radius:5px;font-size:14px;background:#ffffff1a;color:#fff}.ordercompletion-rate{display:flex;justify-content:center;margin:30px 0}.ordercompletion-circle{position:relative;width:200px;height:200px}.ordercompletion-circle svg{width:100%;height:100%}.ordercompletion-bg{fill:none;stroke:#fff3;stroke-width:8}.ordercompletion-progress{fill:none;stroke:#6ee7b7;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .5s ease}.ordercompletion-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;font-weight:700;color:#6ee7b7}.ordercompletion-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}.ordercompletion-stat{display:flex;flex-direction:column;align-items:center;padding:15px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg)}.ordercompletion-label{font-size:13px;color:#fffc;margin-bottom:8px}.ordercompletion-value{font-size:24px;font-weight:700;color:#fff}.ordercompletion-completed{color:#6ee7b7}.ordercompletion-cancelled{color:#fca5a5}@media (max-width: 768px){.ordercompletion-header{flex-direction:column;align-items:flex-start;gap:15px}.ordercompletion-stats{grid-template-columns:1fr}.ordercompletion-circle{width:160px;height:160px}.ordercompletion-percentage{font-size:28px}}.ordercompletion-loading,.ordercompletion-error{padding:30px;text-align:center;color:#fffc}.ordercompletion-error{color:#fca5a5}.topselling-container{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:24px;margin-bottom:20px;box-shadow:var(--glass-shadow);width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.topselling-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.topselling-header h2{margin:0;color:#fff;font-size:22px}.topselling-controls{display:flex;gap:10px;flex-wrap:wrap}.topselling-controls input,.topselling-controls select{padding:8px 12px;border:1px solid rgba(255,255,255,.3);border-radius:5px;font-size:14px;background:#ffffff1a;color:#fff}.topselling-list{display:flex;flex-direction:column;gap:12px}.topselling-item{display:grid;grid-template-columns:40px 1fr auto;gap:15px;align-items:center;padding:15px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);transition:all .2s ease}.topselling-item:hover{background:#ffffff26;transform:translate(5px)}.topselling-rank{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.topselling-info{flex:1}.topselling-name{font-weight:600;color:#fff;margin-bottom:8px;font-size:15px}.topselling-bar-container{width:100%;height:8px;background:#fff3;border-radius:4px;overflow:hidden}.topselling-bar{height:100%;background:linear-gradient(90deg,#9333ea,#7c3aed);border-radius:4px;transition:width .5s ease}.topselling-metrics{text-align:right}.topselling-quantity{font-size:13px;color:#ffffffb3;margin-bottom:4px}.topselling-revenue{font-size:16px;font-weight:700;color:#c4b5fd}@media (max-width: 768px){.topselling-header{flex-direction:column;align-items:flex-start;gap:15px}.topselling-item{grid-template-columns:40px 1fr;gap:10px}.topselling-metrics{grid-column:1 / -1;display:flex;justify-content:space-around;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.15)}}.topselling-empty,.topselling-loading,.topselling-error{padding:30px;text-align:center;color:#fffc}.topselling-error{color:#fca5a5}.revenuecategory-container{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:24px;margin-bottom:20px;box-shadow:var(--glass-shadow);width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.revenuecategory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.revenuecategory-header h2{margin:0;color:#fff;font-size:22px}.revenuecategory-controls{display:flex;gap:10px;flex-wrap:wrap}.revenuecategory-controls input{padding:8px 12px;border:1px solid rgba(255,255,255,.3);border-radius:5px;font-size:14px;background:#ffffff1a;color:#fff}.revenuecategory-total{background:#9333ea26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(147,51,234,.2);padding:15px 20px;border-radius:var(--radius-lg);margin-bottom:25px;display:flex;justify-content:space-between;align-items:center}.revenuecategory-total span{color:#fffc;font-size:14px}.revenuecategory-total strong{color:#c4b5fd;font-size:24px;font-weight:700}.revenuecategory-list{display:flex;flex-direction:column;gap:15px}.revenuecategory-item{display:grid;grid-template-columns:150px 1fr auto;gap:20px;align-items:center;padding:15px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg)}.revenuecategory-name{display:flex;align-items:center;gap:10px;font-weight:600;color:#fff}.revenuecategory-dot{width:12px;height:12px;border-radius:50%}.revenuecategory-bar-wrapper{flex:1;height:24px;background:#ffffff26;border-radius:12px;overflow:hidden}.revenuecategory-bar{height:100%;border-radius:12px;transition:width .5s ease}.revenuecategory-stats{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.revenuecategory-percentage{font-weight:700;color:#fff;font-size:16px}.revenuecategory-amount{font-weight:600;color:#c4b5fd;font-size:14px}.revenuecategory-items{font-size:12px;color:#ffffffb3}@media (max-width: 768px){.revenuecategory-header{flex-direction:column;align-items:flex-start;gap:15px}.revenuecategory-item{grid-template-columns:1fr;gap:12px}.revenuecategory-stats{flex-direction:row;justify-content:space-between;width:100%}}.revenuecategory-empty,.revenuecategory-loading,.revenuecategory-error{padding:30px;text-align:center;color:#fffc}.revenuecategory-error{color:#fca5a5}.lowperforming-container{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:24px;margin-bottom:20px;box-shadow:var(--glass-shadow);width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.lowperforming-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.lowperforming-header h2{margin:0;color:#fff;font-size:22px}.lowperforming-controls{display:flex;gap:10px;flex-wrap:wrap}.lowperforming-controls input,.lowperforming-controls select{padding:8px 12px;border:1px solid rgba(255,255,255,.3);border-radius:5px;font-size:14px;background:#ffffff1a;color:#fff}.lowperforming-list{display:flex;flex-direction:column;gap:12px}.lowperforming-item{display:grid;grid-template-columns:40px 1fr auto;gap:15px;align-items:center;padding:15px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-left:4px solid #ef4444;border-radius:var(--radius-lg)}.lowperforming-warning{width:40px;height:40px;border-radius:50%;background:#ef4444;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px}.lowperforming-info{flex:1}.lowperforming-name{font-weight:600;color:#fff;margin-bottom:5px;font-size:15px}.lowperforming-category{font-size:13px;color:#ffffffb3}.lowperforming-metrics{display:flex;gap:20px}.lowperforming-metric{display:flex;flex-direction:column;align-items:flex-end}.lowperforming-label{font-size:12px;color:#fff9;margin-bottom:4px}.lowperforming-value{font-size:15px;font-weight:600;color:#fca5a5}@media (max-width: 768px){.lowperforming-header{flex-direction:column;align-items:flex-start;gap:15px}.lowperforming-item{grid-template-columns:40px 1fr}.lowperforming-metrics{grid-column:1 / -1;justify-content:space-around;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.15)}.lowperforming-metric{align-items:center}}.lowperforming-empty,.lowperforming-loading,.lowperforming-error{padding:30px;text-align:center;color:#fffc}.lowperforming-error{color:#fca5a5}.stockstatus-container{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:24px;margin-bottom:20px;box-shadow:var(--glass-shadow);width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.stockstatus-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.stockstatus-header h2{margin:0;color:#fff;font-size:22px}.stockstatus-refresh{padding:8px 16px;background:#9333ea4d;color:#fff;border:1px solid rgba(147,51,234,.5);border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.stockstatus-refresh:hover{background:#9333ea80;border-color:#9333eab3}.stockstatus-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:30px}.stockstatus-summary-card{padding:20px;border-radius:var(--radius-lg);text-align:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid}.stockstatus-summary-card h4{margin:0 0 10px;font-size:14px;font-weight:500;color:#ffffffe6}.stockstatus-summary-card p{margin:0;font-size:28px;font-weight:700}.stockstatus-out{background:#dc262626;border-color:#dc262633;color:#fca5a5}.stockstatus-low{background:#f59e0b26;border-color:#f59e0b33;color:#fcd34d}.stockstatus-ok{background:#10b98126;border-color:#10b98133;color:#6ee7b7}.stockstatus-sections{display:flex;flex-direction:column;gap:25px}.stockstatus-section-title{margin:0 0 15px;font-size:18px;color:#fff}.stockstatus-list{display:flex;flex-direction:column;gap:10px}.stockstatus-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg)}.stockstatus-item-info{flex:1}.stockstatus-item-name{font-weight:600;color:#fff;margin-bottom:4px;font-size:15px}.stockstatus-item-category{font-size:13px;color:#ffffffb3}.stockstatus-item-stock{display:flex;align-items:center;gap:12px}.stockstatus-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.stockstatus-badge-out{background:#dc262633;color:#fca5a5;border:1px solid rgba(220,38,38,.3)}.stockstatus-badge-low{background:#f59e0b33;color:#fcd34d;border:1px solid rgba(245,158,11,.3)}.stockstatus-badge-ok{background:#10b98133;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.stockstatus-quantity{font-size:14px;color:#fffc;font-weight:500}@media (max-width: 768px){.stockstatus-summary{grid-template-columns:1fr}.stockstatus-item{flex-direction:column;align-items:flex-start;gap:10px}.stockstatus-item-stock{width:100%;justify-content:space-between}}.stockstatus-loading,.stockstatus-error{padding:30px;text-align:center;color:#fffc}.stockstatus-error{color:#fca5a5}.analyticspage-container{padding:30px;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box;overflow-x:hidden}.analyticspage-header{margin-bottom:30px}.analyticspage-title{font-size:28px;font-weight:700;color:#fff;margin:0}.analyticspage-content{display:flex;flex-direction:column;gap:20px;width:100%;box-sizing:border-box}.analyticspage-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;width:100%;box-sizing:border-box}@media (max-width: 1024px){.analyticspage-grid-2{grid-template-columns:1fr}}@media (max-width: 768px){.analyticspage-container{padding:15px}.analyticspage-title{font-size:22px}.analyticspage-content{gap:15px}}:root{--user-profile-primary-color: #FF7F50;--user-profile-primary-dark: #E85A2B;--user-profile-success: #10b981;--user-profile-danger: #ef4444;--user-profile-text-primary: #ffffff;--user-profile-text-secondary: rgba(255, 255, 255, .9);--user-profile-text-muted: rgba(255, 255, 255, .7);--user-profile-text-dark: #2d3748;--user-profile-text-gray: #4a5568;--user-profile-text-light-gray: #718096}.user-profile-settings-container{background:transparent;padding:32px;height:100%}.user-profile-settings-header{margin-bottom:32px;text-align:center}.user-profile-settings-title{font-size:1.75rem;font-weight:700;color:var(--user-profile-text-primary);margin-bottom:8px}.user-profile-settings-subtitle{color:var(--user-profile-text-muted);font-size:1rem;margin:0}.user-profile-settings-message{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px;font-weight:500}.user-profile-settings-success{background:#10b9811a;color:var(--user-profile-success);border:1px solid rgba(16,185,129,.3)}.user-profile-settings-success:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900}.user-profile-settings-error{background:#ef44441a;color:var(--user-profile-danger);border:1px solid rgba(239,68,68,.3)}.user-profile-settings-error:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900}.user-profile-settings-form{display:flex;flex-direction:column;gap:32px}.user-profile-settings-image-section{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px;background:#f7fafc;border-radius:12px;border:2px dashed #e2e8f0}.user-profile-settings-image-container{position:relative}.user-profile-settings-image-preview{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 4px 12px #00000026}.user-profile-settings-image-placeholder{width:120px;height:120px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;color:#718096;font-size:.875rem;font-weight:500;border:4px solid white;box-shadow:0 4px 12px #00000026}.user-profile-settings-image-controls{display:flex;flex-direction:column;align-items:center;gap:8px}.user-profile-settings-file-input{display:none}.user-profile-settings-image-button{padding:8px 16px;background:#4299e1;color:#fff;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.user-profile-settings-image-button:hover{background:#3182ce}.user-profile-settings-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.user-profile-settings-form-group{display:flex;flex-direction:column;gap:6px}.user-profile-settings-label{font-size:14px;font-weight:600;color:var(--user-profile-text-primary);margin-bottom:4px}.user-profile-settings-input,.user-profile-settings-select{padding:12px 16px;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:14px;background:#ffffff1a;color:var(--user-profile-text-primary);transition:all .2s ease}.user-profile-settings-input:focus,.user-profile-settings-select:focus{outline:none;border-color:var(--user-profile-primary-color);box-shadow:0 0 0 3px #ff7f501a;background:#ffffff26}.user-profile-settings-input::placeholder{color:var(--user-profile-text-muted)}.user-profile-settings-select option{background:var(--user-profile-text-dark);color:var(--user-profile-text-primary);padding:8px 12px}.user-profile-settings-select option:hover,.user-profile-settings-select option:focus{background:var(--user-profile-primary-color);color:#fff}.user-profile-settings-actions{display:flex;justify-content:flex-end;padding-top:24px;border-top:1px solid #e2e8f0}.user-profile-settings-save-button{display:inline-flex;align-items:center;gap:8px;padding:12px 32px;background:linear-gradient(135deg,var(--user-profile-success),#0d9488);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.user-profile-settings-save-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 8px #00000026}.user-profile-settings-save-button:disabled{background:#ffffff4d;cursor:not-allowed;transform:none;box-shadow:none}.user-profile-settings-save-button:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900}@media (max-width: 768px){.user-profile-settings-container{padding:16px}.user-profile-settings-form-grid{grid-template-columns:1fr;gap:16px}.user-profile-settings-image-section{padding:20px}.user-profile-settings-actions{justify-content:center}}:root{--security-primary-color: #FF7F50;--security-primary-dark: #E85A2B;--security-danger: #ef4444;--security-success: #10b981;--security-text-primary: #ffffff;--security-text-secondary: rgba(255, 255, 255, .9);--security-text-muted: rgba(255, 255, 255, .7)}.security-settings-container{background:transparent;padding:32px;height:100%}.security-settings-header{margin-bottom:32px;text-align:center}.security-settings-title{font-size:1.75rem;font-weight:700;color:var(--security-text-primary);margin-bottom:8px}.security-settings-subtitle{color:var(--security-text-muted);font-size:1rem;margin:0}.security-settings-message{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px;font-weight:500}.security-settings-success{background:#10b9811a;color:var(--security-success);border:1px solid rgba(16,185,129,.3)}.security-settings-success:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900}.security-settings-error{background:#ef44441a;color:var(--security-danger);border:1px solid rgba(239,68,68,.3)}.security-settings-error:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900}.security-settings-form{display:flex;flex-direction:column;gap:24px;max-width:500px;margin:0 auto}.security-settings-form-group{display:flex;flex-direction:column;gap:8px}.security-settings-label{font-size:.875rem;font-weight:500;color:#2d3748}.security-settings-password-input-container{position:relative;display:flex;align-items:center}.security-settings-input{padding:12px 48px 12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;width:100%;transition:border-color .2s}.security-settings-input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.security-settings-input::placeholder{color:#a0aec0}.security-settings-password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;font-size:1.2rem;color:#718096;transition:color .2s}.security-settings-password-toggle:hover{color:#4a5568}.security-settings-password-requirements{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.security-settings-requirement{font-size:.75rem;padding:4px 8px;border-radius:4px;display:flex;align-items:center;gap:4px}.security-settings-requirement:before{content:"";width:12px;height:12px;border-radius:50%;flex-shrink:0}.security-settings-valid{color:#38a169;background:#f0fff4}.security-settings-valid:before{background:#38a169}.security-settings-invalid{color:#718096;background:#f7fafc}.security-settings-invalid:before{background:#e2e8f0}.security-settings-password-match{font-size:.75rem;padding:4px 8px;border-radius:4px;margin-top:4px;display:flex;align-items:center;gap:4px}.security-settings-password-match:before{content:"";width:12px;height:12px;border-radius:50%;flex-shrink:0}.security-settings-actions{display:flex;justify-content:center;padding-top:24px;border-top:1px solid #e2e8f0}.security-settings-save-button{display:inline-flex;align-items:center;gap:8px;padding:12px 32px;background:linear-gradient(135deg,var(--security-danger),#dc2626);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.security-settings-save-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 8px #00000026}.security-settings-save-button:disabled{background:#ffffff4d;cursor:not-allowed;transform:none;box-shadow:none}.security-settings-save-button:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900}@media (max-width: 768px){.security-settings-container{padding:16px}.security-settings-form{max-width:none}.security-settings-password-requirements{grid-template-columns:1fr}}:root{--restaurant-primary-color: #FF7F50;--restaurant-primary-dark: #E85A2B;--restaurant-success: #10b981;--restaurant-danger: #ef4444;--restaurant-text-primary: #ffffff;--restaurant-text-secondary: rgba(255, 255, 255, .9);--restaurant-text-muted: rgba(255, 255, 255, .7)}.restaurant-settings-container{background:transparent;padding:32px;height:100%}.restaurant-settings-header{margin-bottom:32px;text-align:center}.restaurant-settings-title{font-size:1.75rem;font-weight:700;color:var(--restaurant-text-primary);margin-bottom:8px}.restaurant-settings-subtitle{color:var(--restaurant-text-muted);font-size:1rem;margin:0}.restaurant-settings-access-denied{text-align:center;padding:48px 24px}.restaurant-settings-access-title{font-size:1.25rem;font-weight:600;color:#e53e3e;margin-bottom:12px}.restaurant-settings-access-message{color:#718096;font-size:.875rem}.restaurant-settings-message{padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:.875rem}.restaurant-settings-success{background-color:#f0fff4;color:#38a169;border:1px solid #9ae6b4}.restaurant-settings-error{background-color:#fed7d7;color:#e53e3e;border:1px solid #feb2b2}.restaurant-settings-form{display:flex;flex-direction:column;gap:32px}.restaurant-settings-logo-section{display:flex;flex-direction:column;align-items:center;gap:20px;padding:24px;background:#f7fafc;border-radius:12px;border:2px dashed #e2e8f0}.restaurant-settings-logo-container{position:relative}.restaurant-settings-logo-preview{width:120px;height:120px;border-radius:12px;object-fit:cover;border:4px solid white;box-shadow:0 4px 12px #00000026}.restaurant-settings-logo-placeholder{width:120px;height:120px;border-radius:12px;background:#e2e8f0;display:flex;align-items:center;justify-content:center;color:#718096;font-size:.875rem;font-weight:500;border:4px solid white;box-shadow:0 4px 12px #00000026}.restaurant-settings-logo-controls{display:flex;flex-direction:column;align-items:center;gap:8px}.restaurant-settings-file-input{display:none}.restaurant-settings-logo-button{padding:8px 16px;background:#4299e1;color:#fff;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.restaurant-settings-logo-button:hover{background:#3182ce}.restaurant-settings-section{display:flex;flex-direction:column;gap:20px}.restaurant-settings-section-title{font-size:1.25rem;font-weight:600;color:var(--restaurant-text-primary);margin:0;padding-bottom:12px;border-bottom:2px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:8px}.restaurant-settings-section-title:before{font-family:"Font Awesome 5 Free";font-weight:900}.restaurant-settings-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.restaurant-settings-form-group{display:flex;flex-direction:column;gap:6px}.restaurant-settings-full-width{grid-column:1 / -1}.restaurant-settings-label{font-size:14px;font-weight:600;color:var(--restaurant-text-primary);margin-bottom:4px}.restaurant-settings-input,.restaurant-settings-select,.restaurant-settings-textarea{padding:12px 16px;border:1px solid rgba(255,255,255,.3);border-radius:8px;font-size:14px;background:#ffffff1a;color:var(--restaurant-text-primary);transition:all .2s ease}.restaurant-settings-input:focus,.restaurant-settings-select:focus,.restaurant-settings-textarea:focus{outline:none;border-color:var(--restaurant-primary-color);box-shadow:0 0 0 3px #ff7f501a;background:#ffffff26}.restaurant-settings-input::placeholder,.restaurant-settings-textarea::placeholder{color:var(--restaurant-text-muted)}.restaurant-settings-select option{background:var(--restaurant-text-dark);color:var(--restaurant-text-primary);padding:8px 12px}.restaurant-settings-select option:hover,.restaurant-settings-select option:focus{background:var(--restaurant-primary-color);color:#fff}.restaurant-settings-textarea{resize:vertical;min-height:80px}.restaurant-settings-help-text{font-size:.75rem;color:#718096;margin-top:4px}.restaurant-settings-section-header{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.restaurant-settings-section-message{padding:8px 12px;border-radius:6px;font-size:.8rem;font-weight:500;align-self:flex-start}.restaurant-settings-section-actions{display:flex;justify-content:flex-end;padding-top:16px;margin-top:16px;border-top:1px solid rgba(255,255,255,.1)}.restaurant-settings-section-save-button{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:linear-gradient(135deg,var(--restaurant-primary-color),var(--restaurant-primary-dark));color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.restaurant-settings-section-save-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #ff7f504d}.restaurant-settings-section-save-button:disabled{background:#ffffff4d;cursor:not-allowed;transform:none;box-shadow:none}.restaurant-settings-section-save-button:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900}@media (max-width: 768px){.restaurant-settings-section-actions{justify-content:center}.restaurant-settings-section-save-button{width:100%;justify-content:center}}.restaurant-settings-actions{display:flex;justify-content:flex-end;padding-top:24px;border-top:1px solid #e2e8f0}.restaurant-settings-save-button{display:inline-flex;align-items:center;gap:8px;padding:12px 32px;background:linear-gradient(135deg,var(--restaurant-success),#0d9488);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.restaurant-settings-save-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 8px #00000026}.restaurant-settings-save-button:disabled{background:#ffffff4d;cursor:not-allowed;transform:none;box-shadow:none}.restaurant-settings-save-button:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900}@media (max-width: 768px){.restaurant-settings-container{padding:16px}.restaurant-settings-form-grid{grid-template-columns:1fr;gap:16px}.restaurant-settings-logo-section{padding:20px}.restaurant-settings-actions{justify-content:center}}.restaurant-settings-payment-methods{display:flex;flex-direction:column;gap:12px}.restaurant-settings-payment-method-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;transition:all .2s}.restaurant-settings-payment-method-item:hover{background:#ffffff26;border-color:#ffffff4d}.restaurant-settings-payment-method-info{display:flex;align-items:center;gap:12px}.restaurant-settings-payment-method-info i{font-size:24px;color:var(--restaurant-primary-color);width:32px;text-align:center}.restaurant-settings-payment-method-details{display:flex;flex-direction:column;gap:4px}.restaurant-settings-payment-method-name{font-weight:500;color:var(--restaurant-text-primary);font-size:15px}.restaurant-settings-payment-method-type{font-size:13px;color:var(--restaurant-text-muted);text-transform:capitalize}.restaurant-settings-payment-method-actions{display:flex;align-items:center;gap:12px}.restaurant-settings-payment-toggle{padding:6px 16px;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:var(--restaurant-text-muted);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.restaurant-settings-payment-toggle:hover{background:#ffffff26}.restaurant-settings-payment-toggle.active{background:#10b98133;color:var(--restaurant-success);border-color:var(--restaurant-success)}.restaurant-settings-payment-delete{padding:8px 12px;border:1px solid rgba(239,68,68,.3);background:#ef44441a;color:var(--restaurant-danger);border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.restaurant-settings-payment-delete:hover{background:#ef444433;border-color:#ef444480}.restaurant-settings-add-payment-form{padding:16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px}.restaurant-settings-add-payment-inputs{display:flex;gap:12px;margin-bottom:12px}.restaurant-settings-add-payment-inputs input,.restaurant-settings-add-payment-inputs select{flex:1;padding:10px 12px;border:1px solid rgba(255,255,255,.3);border-radius:6px;font-size:14px;background:#ffffff1a;color:var(--restaurant-text-primary)}.restaurant-settings-add-payment-inputs select option{background:#1f2937;color:#fff}.restaurant-settings-add-payment-inputs input:focus,.restaurant-settings-add-payment-inputs select:focus{outline:none;border-color:var(--restaurant-primary-color);background:#ffffff26}.restaurant-settings-add-payment-actions{display:flex;justify-content:flex-end;gap:8px}.restaurant-settings-payment-cancel,.restaurant-settings-payment-save{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.restaurant-settings-payment-cancel{background:#ffffff26;color:var(--restaurant-text-secondary)}.restaurant-settings-payment-cancel:hover{background:#fff3}.restaurant-settings-payment-save{background:var(--restaurant-primary-color);color:#fff}.restaurant-settings-payment-save:hover{background:var(--restaurant-primary-dark)}.restaurant-settings-add-payment-btn{width:100%;padding:12px;border:2px dashed rgba(255,255,255,.3);background:transparent;color:var(--restaurant-text-muted);border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.restaurant-settings-add-payment-btn:hover{border-color:var(--restaurant-primary-color);color:var(--restaurant-primary-color);background:#ff7f501a}.restaurant-settings-custom-fields{display:flex;flex-direction:column;gap:12px}.restaurant-settings-custom-field-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;transition:all .2s}.restaurant-settings-custom-field-item:hover{background:#ffffff26;border-color:#ffffff4d}.restaurant-settings-custom-field-info{display:flex;flex-direction:column;gap:4px;flex:1}.restaurant-settings-custom-field-label{font-weight:600;color:var(--restaurant-text-primary);font-size:14px}.restaurant-settings-custom-field-value{font-size:13px;color:var(--restaurant-text-secondary)}.restaurant-settings-custom-field-delete{padding:8px 12px;border:1px solid rgba(239,68,68,.3);background:#ef44441a;color:var(--restaurant-danger);border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.restaurant-settings-custom-field-delete:hover{background:#ef444433;border-color:#ef444480}.restaurant-settings-add-custom-field-form{display:flex;gap:12px;margin-top:8px}.restaurant-settings-add-custom-field-form input{flex:1;padding:10px 12px;border:1px solid rgba(255,255,255,.3);border-radius:6px;font-size:14px;background:#ffffff1a;color:var(--restaurant-text-primary)}.restaurant-settings-add-custom-field-form input:focus{outline:none;border-color:var(--restaurant-primary-color);background:#ffffff26}.restaurant-settings-add-custom-field-btn{padding:10px 20px;border:none;background:var(--restaurant-primary-color);color:#fff;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;white-space:nowrap}.restaurant-settings-add-custom-field-btn:hover{background:var(--restaurant-primary-dark);transform:translateY(-1px)}.restaurant-settings-checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:15px;font-weight:500;color:var(--restaurant-text-primary)}.restaurant-settings-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--restaurant-primary-color)}.restaurant-settings-help-text-small{font-size:13px;color:var(--restaurant-text-muted);margin-top:4px;font-style:italic}@media (max-width: 768px){.restaurant-settings-add-custom-field-form{flex-direction:column}.restaurant-settings-add-custom-field-btn{width:100%;justify-content:center}.restaurant-settings-add-payment-inputs{flex-direction:column}.restaurant-settings-payment-method-item{flex-direction:column;align-items:flex-start;gap:12px}.restaurant-settings-payment-method-actions{width:100%;justify-content:space-between}}:root{--settings-primary-color: #FF7F50;--settings-primary-dark: #E85A2B;--settings-primary-light: #FF9970;--settings-primary-alpha: rgba(255, 127, 80, .1);--settings-glass-bg: rgba(255, 255, 255, .15);--settings-glass-border: rgba(255, 255, 255, .3);--settings-glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--settings-text-primary: #ffffff;--settings-text-secondary: rgba(255, 255, 255, .9);--settings-text-muted: rgba(255, 255, 255, .7);--settings-text-subtle: rgba(255, 255, 255, .6);--settings-text-dark: #2d3748;--settings-text-gray: #4a5568;--settings-text-light-gray: #718096}.settings-page-container{padding:24px;min-height:100vh;max-width:1400px;margin:0 auto}.settings-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;background:var(--settings-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--settings-glass-border);border-radius:16px;padding:32px;box-shadow:var(--settings-glass-shadow)}.settings-header-content h1.settings-page-title{font-size:2.5rem;font-weight:800;color:var(--settings-text-primary);margin-bottom:8px}.settings-page-subtitle{font-size:1.125rem;color:var(--settings-text-muted);margin:0}.settings-page-content{display:flex;flex-direction:column;gap:24px}.settings-page-tabs{display:flex;gap:6px;background:var(--settings-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--settings-glass-border);border-radius:12px;padding:8px;box-shadow:var(--settings-glass-shadow);overflow-x:auto}.settings-page-tab{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;font-size:14px;font-weight:600;color:var(--settings-text-muted);text-decoration:none}.settings-page-tab:hover{background:#ffffff1a;color:var(--settings-text-primary);transform:translateY(-1px)}.settings-page-tab-active{background:linear-gradient(135deg,var(--settings-primary-color),var(--settings-primary-dark));color:#fff;box-shadow:0 4px 6px #0000001a}.settings-page-tab-active:hover{transform:translateY(-1px);box-shadow:0 6px 8px #00000026}.settings-page-tab-icon{font-size:16px}.settings-page-tab-label{font-weight:inherit}.settings-page-tab-content{min-height:500px;background:var(--settings-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--settings-glass-border);border-radius:16px;box-shadow:var(--settings-glass-shadow);overflow:hidden}@media (max-width: 768px){.settings-page-container{padding:16px}.settings-page-header{padding:24px}.settings-header-content h1.settings-page-title{font-size:2rem}.settings-page-tabs{justify-content:flex-start}.settings-page-tab{padding:10px 16px;font-size:13px}.settings-page-tab-icon{font-size:14px}}@media (max-width: 480px){.settings-page-header{padding:20px;text-align:center}.settings-page-tab{flex-direction:column;gap:4px;padding:8px 12px;font-size:12px}.settings-page-tab-label{font-size:11px}.settings-page-tab-icon{font-size:16px}}