@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary: #075e54;--primary-hover: #128c7e;--primary-light: rgba(7, 94, 84, .08);--bg-dark: #f3f4f6;--bg-card: #ffffff;--bg-sidebar: #ffffff;--text-main: #1f2937;--text-muted: #6b7280;--border: #e5e7eb;--accent: #f43f5e;--success: #10b981;--warning: #f59e0b;--glass: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .08);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--shadow-lg: none;--shadow-primary: none;--radius-lg: 8px;--radius-md: 6px;--radius-sm: 4px}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}body{background-color:var(--bg-dark);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.animate-fade{animation:fadeIn .5s ease-out forwards}.animate-slide{animation:slideIn .4s ease-out forwards}.glass{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border);box-shadow:var(--shadow-lg);transition:var(--transition)}.btn{padding:10px 20px;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;font-size:.9rem;height:42px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{background:#fff;border:1px solid var(--border);color:var(--text-main)}.btn-outline:hover{background:#f8fafc;border-color:var(--primary);color:var(--primary)}.icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--border);background:#fff;color:var(--text-muted);cursor:pointer;transition:var(--transition);padding:0}.icon-btn:hover{background:#f8fafc;color:var(--primary);border-color:var(--primary)}.icon-btn.danger:hover{background:#fef2f2;color:#ef4444;border-color:#ef4444}input,select,textarea{background:#fff;border:1px solid var(--border);padding:10px 16px;border-radius:var(--radius-md);color:var(--text-main);font-size:.95rem;transition:var(--transition);width:100%;height:42px;resize:none}select option{background-color:#fff;color:var(--text-main)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #075e541a}input[type=checkbox]{appearance:none;-webkit-appearance:none;width:22px!important;height:22px!important;aspect-ratio:1 / 1;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;flex-shrink:0;margin:0;padding:0}input[type=checkbox]:hover{border-color:#ffffff4d;background:#ffffff0d}input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary);box-shadow:0 0 10px #6366f14d}input[type=checkbox]:checked:after{content:"";position:absolute;left:50%;top:45%;width:5px;height:10px;border:solid white;border-width:0 2.5px 2.5px 0;transform:translate(-50%,-50%) rotate(45deg)}.dashboard-layout{display:flex;min-height:100vh}.main-content{flex:1;padding:0;overflow-y:auto;min-width:0}.page-container{padding:2rem;width:100%;min-height:100%}@media(max-width:1024px){.main-content{padding:0}.page-container{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.card{padding:16px}th,td{padding:12px 8px!important}}@media(max-width:640px){:root{--page-padding: .8rem;--card-padding: 1rem}body{font-size:14px}input,select,textarea{padding:10px 12px!important;font-size:.9rem!important}h1,.page-title{font-size:1.3rem!important}h2{font-size:1.15rem!important}h3{font-size:1.05rem!important}.page-container{padding:var(--page-padding)!important}.card{padding:var(--card-padding)!important;border-radius:12px}.mobile-header{display:flex!important;box-shadow:none!important}.page-header{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;gap:.75rem 1rem!important;margin-bottom:1.5rem!important;text-align:left;width:100%!important}.page-header>div:first-child{flex:1;min-width:0}.page-header button,.page-header .btn{flex-shrink:0!important;width:auto!important;height:38px!important;padding:0 12px!important;font-size:.85rem!important}.header-actions{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;gap:8px!important}.page-header button,.page-header .btn,.page-header .input,.page-header .custom-datepicker{height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 16px!important;font-size:.85rem!important;white-space:nowrap;width:auto}.datepicker-wrapper{flex:1;height:40px}.custom-datepicker{width:100%!important;padding-left:36px!important}.dashboard-stats-grid{grid-template-columns:1fr 1fr!important;gap:.75rem!important}.dashboard-stats-grid .card{padding:.75rem!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;gap:8px!important}.dashboard-stats-grid .card h3{font-size:1.15rem!important;margin-top:2px!important}.dashboard-stats-grid .card p{font-size:.7rem!important}.dashboard-stats-grid .card div[style*="width: 44px"]{width:36px!important;height:36px!important}.dashboard-stats-grid .card div[style*="width: 44px"] svg{width:16px!important;height:16px!important}.qr-list-card,.orders-card,.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}table{min-width:450px}.btn{padding:7px 14px;font-size:.85rem}input,select,textarea{padding:8px 12px;font-size:.85rem}.form-row{flex-direction:column!important;gap:0!important}.form-group{margin-bottom:.85rem!important}.modal{width:95%!important;max-height:90vh!important;padding:1rem!important}}.page-header{background:#fff;border:1px solid var(--border);padding:16px 24px;border-radius:var(--radius-lg);margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.page-header input:not([type=checkbox]),.page-header select,.page-header .search-input,.page-header .date-controls{background:#f3f4f6!important;border:1px solid #e5e7eb!important;height:42px!important;border-radius:var(--radius-md)!important;display:flex;align-items:center;transition:var(--transition)}.page-header .search-input input,.page-header .date-controls input{background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;height:100%!important;padding:0!important;width:100%!important}.page-header input:focus,.page-header .search-input:focus-within,.page-header .date-controls:focus-within{border-color:var(--primary)!important;background:#fff!important;outline:none!important;box-shadow:none!important}.page-header .date-controls,.page-header .search-input{padding:0 16px;gap:10px}.page-header h1{font-size:1.5rem;font-weight:700;color:var(--text-main);margin:0}.page-header p{font-size:17px;color:var(--text-muted);margin-top:4px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.datepicker-wrapper{position:relative;display:flex;align-items:center}.datepicker-icon{position:absolute;left:12px;z-index:10;color:var(--text-muted);pointer-events:none}.custom-datepicker{padding-left:40px!important;min-width:220px;background:var(--bg-card)!important;cursor:pointer}.react-datepicker{background-color:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;font-family:Outfit,sans-serif!important;color:var(--text-main)!important}.react-datepicker__header{background-color:var(--bg-dark)!important;border-bottom:1px solid var(--border)!important;border-top-left-radius:var(--radius-md)!important;border-top-right-radius:var(--radius-md)!important}.react-datepicker__current-month,.react-datepicker__day-name,.react-datepicker__day{color:var(--text-main)!important}.react-datepicker__day:hover{background-color:var(--primary)!important;border-radius:8px!important}.react-datepicker__day--selected{background-color:var(--primary)!important;color:#fff!important;border-radius:8px!important}.react-datepicker__day--disabled{color:var(--text-muted)!important;opacity:.3}.react-datepicker__navigation--next,.react-datepicker__navigation--previous{top:10px!important}.react-datepicker__triangle{display:none!important}.alert{padding:12px 20px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.95rem;font-weight:500;border:1px solid transparent;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:slideInDown .4s cubic-bezier(.175,.885,.32,1.275) forwards;box-shadow:none!important;position:relative;overflow:hidden}.alert:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.alert-success{background:#10b9811a;border-color:#10b98133;color:#10b981}.alert-success:before{background:#10b981}.alert-error{background:#ef44441a;border-color:#ef444433;color:#ef4444}.alert-error:before{background:#ef4444}.alert button{background:transparent;border:none;color:inherit;cursor:pointer;opacity:.6;transition:opacity .2s;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:6px}.alert button:hover{opacity:1;background:#ffffff0d}@keyframes slideInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.settings-tabs{display:flex;gap:12px;margin-bottom:24px;overflow-x:auto;padding-bottom:4px}.settings-tabs .tab-btn{display:flex;align-items:center;gap:8px;padding:0 20px;height:42px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition);border:1px solid var(--primary)!important;background:var(--primary-light)!important;color:var(--primary)!important;white-space:nowrap}.settings-tabs .tab-btn.tab-active{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}.settings-tabs .tab-btn:hover:not(.tab-active){background:#075e541f!important}.settings-tabs .tab-btn svg{flex-shrink:0}.sidebar{width:280px;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:24px 0 0;height:100vh;position:sticky;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1000}.sidebar-toggle-btn-small{background:#00000008;border:1px solid var(--border);color:var(--text-muted);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);flex-shrink:0}body.sidebar-collapsed .sidebar{width:80px!important}body.sidebar-collapsed .logo-text,body.sidebar-collapsed .nav-label,body.sidebar-collapsed .nav-arrow,body.sidebar-collapsed .sub-nav-label,body.sidebar-collapsed .sidebar-footer span{display:none!important}body.sidebar-collapsed .sidebar-logo{padding:0;flex-direction:column;justify-content:center;gap:12px}body.sidebar-collapsed .sidebar-logo>div:first-child{justify-content:center!important}body.sidebar-collapsed .nav-item{justify-content:center;padding:12px}body.sidebar-collapsed .nav-icon{margin-right:0}body.sidebar-collapsed .sub-menu{padding-left:0;align-items:center}body.sidebar-collapsed .sub-nav-item{padding:8px;justify-content:center}.sidebar-logo{padding:0 24px 32px;display:flex;align-items:center;gap:12px}.logo-icon{width:40px;height:40px;background:var(--primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:none!important}.logo-icon.super-logo{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 14px #f59e0b66!important;color:#0f172a}.logo-text{display:flex;flex-direction:column}.logo-text span{font-weight:600;font-size:1.1rem}.logo-text small{color:var(--text-muted);font-size:.75rem}.sidebar-nav{flex:1;padding:0 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{display:flex;align-items:center;padding:12px 16px;text-decoration:none;color:var(--text-muted);border-radius:var(--radius-md);transition:var(--transition);position:relative}.nav-item:hover{color:var(--text-main);background:#00000008}.nav-item.active{color:var(--primary);background:#075e5414}.nav-item.active:before{content:"";position:absolute;left:0;top:25%;height:50%;width:3px;background:var(--primary);border-radius:0 4px 4px 0}.nav-icon{margin-right:12px;display:flex;align-items:center}.nav-label{flex:1;font-weight:500;font-size:.95rem}.nav-arrow{opacity:0;transition:var(--transition)}.nav-arrow.rotate{transform:rotate(90deg);opacity:.5}.nav-item:hover .nav-arrow,.nav-item.expanded .nav-arrow{opacity:.5;transform:translate(4px)}.nav-item.expanded .nav-arrow.rotate{transform:translate(4px) rotate(90deg)}.sub-menu{display:flex;flex-direction:column;gap:2px;padding-left:32px;margin-top:2px;margin-bottom:8px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sub-nav-item{display:flex;align-items:center;padding:8px 16px;text-decoration:none;color:var(--text-muted);border-radius:var(--radius-sm);font-size:.85rem;transition:var(--transition)}.sub-nav-item:hover{color:var(--text-main);background:#00000005}.sub-nav-item.active{color:var(--primary);font-weight:600}.sidebar-footer{padding:16px;border-top:1px solid var(--border);position:relative}.my-account-btn{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;background:transparent;border:none;border-radius:10px;cursor:pointer;transition:background .2s;text-align:left}.my-account-btn:hover{background:var(--bg-soft, #f3f4f6);border:none!important;box-shadow:none!important}.account-avatar{width:34px;height:34px;min-width:34px;background:var(--primary);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:700}.account-info{display:flex;flex-direction:column;overflow:hidden;flex:1}.account-name{font-size:.85rem;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-email{font-size:.72rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-modal{position:absolute;bottom:calc(100% + 8px);left:12px;right:12px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f;z-index:999;animation:slideUpFade .18s ease}.account-modal-close{position:absolute;top:10px;right:10px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .2s}.account-modal-close:hover{background:#f3f4f6;color:var(--text-main)}.account-modal-header{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-right:20px}.account-modal-avatar{width:42px;height:42px;min-width:42px;background:var(--primary);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;font-weight:800}.account-modal-name{font-size:.95rem;font-weight:700;color:var(--text-main);line-height:1.3}.account-modal-email{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:4px;margin-top:2px}.account-modal-divider{height:1px;background:#f0f0f0;margin:12px 0}.account-modal-section-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:8px}.account-plan-row{display:flex;align-items:center;gap:8px}.account-plan-badge{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;font-size:.82rem;font-weight:700;flex:1}.account-upgrade-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#4f46e5;color:#fff;border:none;border-radius:8px;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #4f46e533}.account-upgrade-btn:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 6px #4f46e54d}.account-upgrade-btn:active{transform:translateY(0)}.account-signout-btn{width:100%;display:flex;align-items:center;gap:8px;padding:9px 12px;background:#fff1f2;color:#e11d48;border:1px solid #ffe4e6;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.account-signout-btn:hover{background:#e11d48;color:#fff;border-color:#e11d48;box-shadow:none!important}body.sidebar-collapsed .account-info,body.sidebar-collapsed .my-account-btn svg:last-child{display:none}body.sidebar-collapsed .my-account-btn{justify-content:center;padding:10px}@media(max-width:1024px){.sidebar{width:80px;transition:width .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s ease}body:not(.sidebar-collapsed) .sidebar{position:fixed;width:280px!important;height:100vh;z-index:2000;box-shadow:none!important;animation:slideInSidebar .4s cubic-bezier(.4,0,.2,1)}@keyframes slideInSidebar{0%{width:80px}to{width:280px}}body.sidebar-collapsed .sidebar{width:80px;position:sticky;box-shadow:none}.sidebar-logo{padding:0 16px 32px}body:not(.sidebar-collapsed) .logo-text{display:flex}body.sidebar-collapsed .logo-text{display:none}.sidebar-nav{padding:0 8px}.nav-item{padding:12px;justify-content:center}.nav-icon{margin-right:0}body:not(.sidebar-collapsed) .nav-label,body:not(.sidebar-collapsed) .nav-arrow,body:not(.sidebar-collapsed) .logout-btn span{display:inline-block;animation:fadeInLabel .4s ease forwards}@keyframes fadeInLabel{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}body:not(.sidebar-collapsed) .nav-item{justify-content:flex-start;padding:12px 16px}body:not(.sidebar-collapsed) .nav-icon{margin-right:12px}body:not(.sidebar-collapsed) .logout-btn{width:100%;justify-content:flex-start}body.sidebar-collapsed .sub-menu{padding-left:0;align-items:center}body.sidebar-collapsed .sub-nav-item{padding:8px;justify-content:center;width:44px;height:44px;border-radius:12px;background:#ffffff08;margin-bottom:6px}body.sidebar-collapsed .sub-nav-item:before{content:attr(data-short);font-weight:700;font-size:.8rem}body.sidebar-collapsed .sub-nav-label{display:none}body:not(.sidebar-collapsed) .sub-menu{padding-left:44px;align-items:flex-start}body:not(.sidebar-collapsed) .sub-nav-item{width:100%;height:auto;justify-content:flex-start;padding:8px 16px;background:transparent}body:not(.sidebar-collapsed) .sub-nav-item:before{content:none}body:not(.sidebar-collapsed) .sub-nav-label{display:inline-block}.sidebar-footer{padding:12px;display:flex;justify-content:center}.logout-btn{padding:12px;width:48px;height:48px;justify-content:center}}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:60px;background:var(--bg-sidebar);border-bottom:1px solid var(--border);padding:0 1.25rem;align-items:center;justify-content:space-between;z-index:1000;box-shadow:none!important}.mobile-logo{display:flex;align-items:center;gap:10px;font-weight:600;font-size:1rem;color:var(--text-main)}.logo-icon.small{width:28px;height:28px;font-size:.9rem;border-radius:var(--radius-sm)}.mobile-toggle-btn{background:#00000008;border:1px solid var(--border);color:var(--text-muted);width:38px;height:38px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer}@media(max-width:640px){.dashboard-layout{flex-direction:column;padding-top:60px}.mobile-header{display:flex!important;box-shadow:none!important}.sidebar{position:fixed!important;left:-280px!important;top:0;bottom:0;width:280px!important;z-index:2005;transition:transform .4s cubic-bezier(.19,1,.22,1);display:flex;height:100vh;box-shadow:none!important}body.sidebar-open-mobile .sidebar{transform:translate(280px);box-shadow:none!important}.main-content{height:auto;overflow:visible}.page-container{padding:1.25rem 1rem}}.skeleton-base{background:linear-gradient(90deg,#00000008 25%,#0000000f 37%,#00000008 63%);background-size:400% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0% 50%}}.notifications-container{position:fixed;bottom:24px;right:24px;z-index:100000!important;display:flex;flex-direction:column;gap:12px;pointer-events:none}.notification-toast{pointer-events:auto;background:#1e293b!important;border:2px solid #6366f1!important;border-radius:12px;padding:16px;width:340px;display:flex;gap:16px;box-shadow:0 20px 40px -10px #0009,0 0 25px #6366f166;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.notification-toast:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--primary)}.notification-icon{width:40px;height:40px;background:#6366f11a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.notification-content{flex:1}.notification-subtitle{font-size:.72rem;font-weight:600;color:#6366f1;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.notification-title{font-weight:700;font-size:.95rem;color:var(--text-main);margin-bottom:4px}.notification-message{font-size:.85rem;color:var(--text-muted);line-height:1.4}.notification-amount{margin-top:8px;font-size:.9rem;font-weight:600;color:var(--success)}.notification-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:var(--transition)}.notification-close:hover{background:#ffffff0d;color:var(--text-main)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-slide-up{animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards}.menu-planner{display:block}.header-actions{display:flex;align-items:center;gap:1.5rem}.save-menu-btn,.sync-meta-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:0 20px;height:42px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.save-menu-btn{background:#818cf81a;border:1px solid var(--primary);color:var(--primary)}.save-menu-btn:hover:not(:disabled){background:var(--primary);color:#fff}.sync-meta-btn{background:#a855f71a;border:1px solid #a855f7;color:#a855f7}.sync-meta-btn:hover:not(:disabled){background:#a855f7;color:#fff}.save-menu-btn .spin,.sync-meta-btn .spin{animation:spin 1s linear infinite}.planner-alert{position:fixed;top:2rem;left:50%;transform:translate(-50%);padding:1rem 2rem;border-radius:12px;z-index:1000;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;border:1px solid rgba(255,255,255,.2)}.planner-alert.info{background:#6366f1e6;color:#fff;border:1px solid rgba(255,255,255,.2)}.planner-alert.success{background:#10b981e6;color:#fff;border:1px solid rgba(255,255,255,.2)}.planner-alert.error{background:#ef4444e6;color:#fff;border:1px solid rgba(255,255,255,.2)}.status-badges{display:flex;gap:1rem}.badge-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:0 24px;height:42px;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;white-space:nowrap}.badge-btn.published{background:#10b981;color:#fff}.badge-btn:disabled{cursor:default;transform:none!important;filter:none!important}.badge-btn.public{background:var(--primary);color:#fff}.badge-btn:hover:not(:disabled){filter:brightness(1.1)}.planner-columns{display:flex;gap:1.5rem;margin-top:2rem;overflow-x:auto;padding:.5rem}.meal-column{flex:1;min-width:300px;display:flex;flex-direction:column;height:calc(100vh - 280px);background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg)}.meal-column:not(:last-child){border-right:1px solid var(--border)}.column-header{padding:.75rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;background:#f8fafc;border-bottom:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.column-header h3{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;color:var(--text-main)}.session-times{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%}.column-desc{font-size:.85rem;color:var(--text-muted);font-style:italic;margin:0}.session-times input{background:#fff;border:1px solid var(--border);color:var(--text-main);padding:6px 10px;border-radius:var(--radius-sm);font-size:.9rem;width:95px;color-scheme:light}.session-times span{color:var(--text-muted);font-size:.9rem}.column-body{padding:1.5rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:.25rem}.planner-item{display:flex;align-items:center;gap:.75rem;padding:.4rem .75rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;margin-bottom:.4rem}.planner-item:hover{background:#f8fafc;border-color:var(--primary)}.planner-item.active{background:#6366f10d;border-color:var(--primary)}.item-name-price{display:flex;flex-direction:column;flex:1}.item-name-price .name{font-size:1rem;font-weight:500;color:var(--text-main);margin-bottom:2px}.item-name-price .price{font-size:.85rem;color:var(--text-muted)}.planner-item.active .item-name-price .price{color:var(--primary);font-weight:600}.column-body::-webkit-scrollbar{display:none}.column-body{-ms-overflow-style:none;scrollbar-width:none}.planner-header-new{align-items:flex-end}.controls-section{display:flex;align-items:center;gap:1rem;flex-shrink:0}@media(max-width:1300px){.planner-header-new{flex-direction:column;align-items:flex-start;gap:1.5rem;padding-top:2rem}.controls-section{width:100%;justify-content:flex-start}}.sidebar-toggle-btn{background:#ffffff0d;border:1px solid var(--border);color:var(--text-muted);width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.sidebar-toggle-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}@media(max-width:1300px){.menu-planner{position:relative}.header-actions,.controls-section{flex-wrap:wrap;gap:1rem;justify-content:flex-start;width:100%}.save-menu-btn,.badge-btn{padding:10px 20px;font-size:.85rem}.planner-columns{gap:1rem;flex-wrap:wrap}.meal-column{flex:1 1 calc(50% - 1rem);height:500px;background:#ffffff03;border:1px solid var(--border);border-radius:16px;border-right:1px solid var(--border)!important;overflow:hidden}.column-header{flex-direction:row;justify-content:space-between;padding:1.5rem;height:auto;text-align:left}.column-header h3{margin-bottom:0;font-size:1.3rem}.session-times{width:auto;gap:.5rem}.session-times input{background:#ffffff0d;padding:4px 8px;width:85px;font-size:.8rem}.column-header:after{left:1rem;right:1rem}}@media(max-width:640px){.planner-header-new{margin-bottom:1.5rem}.controls-section{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;padding:.75rem;gap:.75rem;align-items:center;justify-content:center}.date-controls{width:100%!important;margin-bottom:2px}.save-menu-btn,.status-badges{width:auto!important;display:flex}.badge-btn,.save-menu-btn{width:auto!important;padding:12px 20px!important;font-size:.88rem!important;font-weight:600!important;border-radius:12px!important;white-space:nowrap}.save-menu-btn{border:1px solid var(--primary)!important}.status-badges button{width:auto!important}.planner-columns{margin-top:1.5rem;gap:1.25rem}.meal-column{height:auto;min-height:400px}.column-header{padding:1rem;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:8px;text-align:left}.column-header h3{font-size:1.1rem;margin-bottom:0}.session-times{width:auto;gap:4px}.session-times input{width:75px;padding:4px 6px;font-size:.75rem}.planner-item{padding:8px 12px;gap:10px}.item-name-price .name{font-size:.9rem}.item-name-price .price{font-size:.8rem}}.categories-page{position:relative}.categories-grid{display:flex;flex-direction:column;gap:2rem;margin-top:1.5rem}.add-card-row{display:flex;justify-content:space-between;align-items:center;background:none!important;border:none!important;padding:0!important;box-shadow:none!important;margin-bottom:.5rem}.add-card-row h3{margin-bottom:0!important;font-size:1.1rem}.list-card{padding:2rem!important}.add-card:hover{transform:none!important}.add-card h3,.list-card h3{margin-bottom:1.5rem;font-size:1.25rem;font-weight:700;color:var(--text-main);letter-spacing:-.01em}.inline-form{display:flex;flex-direction:row;gap:.75rem;align-items:center;width:auto}.inline-form .input{width:300px;padding:8px 14px;font-size:.9rem}.inline-form .btn{width:auto!important;white-space:nowrap;padding:8px 16px;font-size:.9rem}@media(max-width:900px){.add-card form{display:flex!important;flex-direction:row!important;gap:.5rem!important;align-items:stretch!important}.add-card .input,.add-card .btn{height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:.85rem!important}.add-card .input{flex:1;padding-top:0!important;padding-bottom:0!important}.add-card .btn{width:auto!important;padding:0 16px!important}}.cat-list{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:1200px){.cat-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.cat-list{grid-template-columns:1fr}}.cat-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#f8fafc;border:1px solid var(--border);border-radius:var(--radius-md);transition:all .2s ease}.cat-item:hover{background:#f1f5f9;border-color:var(--primary)}.cat-item .name{font-weight:500}.cat-item .actions{display:flex;gap:.5rem}.foods-page{overflow:hidden}.search-input{display:flex;align-items:center}.header-search{width:300px}.search-input:focus-within{border-color:var(--primary)}.header-controls{display:flex;align-items:center;gap:1rem}.category-section{margin-bottom:4rem}.category-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.category-header h2{font-size:1.4rem;font-weight:700;color:var(--text-main);white-space:nowrap;text-transform:capitalize}.category-line{height:1px;background:var(--border);flex:1}.foods-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(min-width:1200px){.foods-grid{grid-template-columns:repeat(3,1fr)}}.food-card{display:flex;flex-direction:column;padding:1rem;gap:1.25rem}.food-top{display:flex;gap:1rem}.food-image-container{width:80px;height:80px;flex-shrink:0;border-radius:var(--radius-md);overflow:hidden;background:#f1f5f9;border:1px solid var(--border)}.food-image-container img{width:100%;height:100%;object-fit:cover}.food-details{flex:1;min-width:0}.food-cat{display:inline-block;padding:2px 8px;background:#6366f11a;color:#818cf8;border-radius:4px;font-size:.72rem;font-weight:600;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.05em}.food-details h3{margin:0;font-size:1.05rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.food-desc{font-size:.8rem;color:var(--text-muted);line-height:1.4;margin-top:.4rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.food-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border)}.food-bottom .price{font-weight:800;color:var(--primary-color);font-size:1.25rem}.food-actions-row{display:flex;gap:.75rem}.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:1rem}.modal{width:100%;max-width:500px;height:90vh;padding:0;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid var(--border);flex-shrink:0}.modal-header button{background:none;border:none;color:var(--text-muted);cursor:pointer}.modal-body{flex:1;overflow-y:auto;padding:2rem;-ms-overflow-style:none;scrollbar-width:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid var(--border);background:var(--bg-card);flex-shrink:0}.empty-state{grid-column:1 / -1;text-align:center;padding:4rem;color:var(--text-muted)}.upload-container{width:100%}.upload-box{display:block;width:100%;height:160px;border:2px dashed var(--border);border-radius:var(--radius-md);cursor:pointer;overflow:hidden;transition:all .2s ease}.upload-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-muted);font-size:.9rem}.upload-overlay{position:absolute;inset:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;opacity:0;transition:opacity .2s ease}.modal-body textarea{resize:none!important;height:80px!important;width:100%!important}.sessions-checkbox-grid{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.6rem}.session-check-item{display:flex!important;align-items:center!important;padding:0 16px;height:42px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;line-height:1;min-width:120px}.session-check-item:hover:not(.disabled){background:#f8fafc;border-color:var(--primary)}.session-check-item.disabled{opacity:.25;cursor:not-allowed;filter:grayscale(1)}.session-check-item span{font-size:.95rem;font-weight:500;color:var(--text-main);display:block}.session-check-item input[type=checkbox]{margin-right:12px!important;flex-shrink:0}@media(max-width:640px){.category-section{margin-bottom:2.5rem}.category-header{margin-bottom:1.25rem;gap:.75rem}.category-header h2{font-size:1.1rem}.foods-grid{grid-template-columns:1fr;gap:1rem}.food-card{padding:.85rem;gap:.75rem}.food-image-container{width:64px;height:64px}.food-details h3{font-size:.95rem}.food-desc{font-size:.75rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.food-bottom{padding-top:.75rem}.food-bottom .price{font-size:1.1rem}.modal-header{padding:1rem 1.25rem}.modal-body{padding:1.25rem}.modal-footer{padding:1rem 1.25rem}.form-row{grid-template-columns:1fr;gap:0}.upload-box{height:120px}.sessions-checkbox-grid{gap:.5rem}.session-check-item{min-width:calc(50% - .25rem);padding:8px 12px}}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:1.5rem}.plan-card{display:flex;flex-direction:column;justify-content:space-between}.plan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.plan-title{font-size:1.25rem;font-weight:600}.plan-type{font-size:.8rem;padding:4px 8px;border-radius:4px;background:#6366f11a;color:var(--primary);text-transform:capitalize}.plan-price-block{margin-bottom:1.5rem}.plan-price{font-size:1.8rem;font-weight:700;color:var(--text-color)}.plan-duration{font-size:.9rem;color:var(--text-muted)}.plan-details{margin-bottom:1.5rem}.plan-desc{font-size:.9rem;color:var(--text-muted);margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.plan-meals{display:flex;gap:.5rem;flex-wrap:wrap}.meal-badge{background:#ffffff0d;border:1px solid var(--border-color);padding:4px 8px;border-radius:4px;font-size:.75rem;color:var(--text-color)}.plan-actions{display:flex;gap:.5rem;border-top:1px solid var(--border-color);padding-top:1rem}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#0f121afa;width:95%;max-width:550px;border-radius:24px;border:1px solid rgba(255,255,255,.1);max-height:85vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #000000b3;position:relative;overflow:hidden}.modal-header{padding:1.25rem 1.5rem .75rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.modal-header h2{font-size:1.25rem;margin:0;font-weight:700;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.close-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);cursor:pointer;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:#ef44441a;color:#ef4444;border-color:#ef444433;transform:rotate(90deg)}.modal-content form{display:flex;flex-direction:column;flex:1;overflow:hidden}.modal-body{padding:1rem 1.5rem 1.5rem;flex:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.modal-body::-webkit-scrollbar{display:none}.modal-footer{padding:1rem 1.5rem;background:#ffffff05;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end;gap:1rem;margin-top:.2rem}.form-section{margin-bottom:2rem}.form-section-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--primary);margin-bottom:1rem;font-weight:600}.form-group{margin-bottom:1.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem;font-weight:500;font-size:.9rem;color:#ffffffe6}.input-wrapper{position:relative}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.form-control-modern{width:100%;padding:.8rem 1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:12px;font-size:.95rem;transition:all .2s}.form-control-modern:focus{outline:none;border-color:var(--primary);background:#6366f10d;box-shadow:0 0 0 4px #6366f11a}.form-control-modern::placeholder{color:#fff3}.meal-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.meal-tile{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:14px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.meal-tile:hover{background:#ffffff0d;border-color:#fff3}.meal-tile.active{background:#6366f11a;border-color:var(--primary);box-shadow:0 0 15px #6366f133}.meal-tile-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;color:var(--text-muted);transition:all .2s}.meal-tile.active .meal-tile-icon{background:var(--primary);color:#fff}.meal-tile span{font-size:.85rem;font-weight:500;color:var(--text-muted)}.meal-tile.active span{color:#fff}.row-group{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:480px){.row-group{grid-template-columns:1fr;gap:0}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.375em;border-bottom-right-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-bottom:none;border-top:1px solid #aeaeae;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{background-color:transparent;border:1px solid #aeaeae;border-radius:.3rem;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:auto 1px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.5em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:5em;margin:2px}.react-datepicker__month{margin:.5em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:5em;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.375em;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.0625em);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.625em;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__children-container{width:17.25em;margin:.5em;padding-right:.25em;padding-left:.25em;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker-popper-offset{margin-top:-.7em}.data-table{width:100%;border-collapse:collapse;min-width:800px}.data-table th{text-align:left;padding:16px;color:var(--text-muted);font-size:.85rem;font-weight:600;border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.05em}.data-table td{padding:16px;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.user-info{display:flex;flex-direction:column}.user-info span{font-size:.8rem;color:var(--text-muted)}.period{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-muted)}.badge{padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.badge-success{background:#10b9811a;color:#10b981}.badge-danger{background:#ef44441a;color:#ef4444}.badge-outline{border:1px solid var(--border-color);color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;width:90%;max-width:500px;max-height:85vh;overflow-y:auto;position:relative;padding:1.5rem}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h3{margin:0;font-size:1.25rem}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:2rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.9rem;color:var(--text-muted)}.form-group input,.form-group textarea{width:100%;padding:10px;background:var(--bg-body);border:1px solid var(--border);border-radius:6px;color:var(--text)}.history-item{padding:12px;border-bottom:1px solid var(--border)}.history-item:last-child{border-bottom:none}.history-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted);margin-bottom:4px}.settings-container{overflow:hidden}.form-group{display:flex;flex-direction:column;gap:2px!important;margin-bottom:1.25rem}.form-group label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:0!important}.notification{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;border-radius:12px;margin-bottom:2rem;font-weight:500;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.alert-success{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.alert-error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.close-notify{margin-left:auto;background:none;border:none;color:inherit;opacity:.6;cursor:pointer}.settings-section-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem}@media(max-width:1200px){.settings-section-grid{grid-template-columns:1fr}}@media(max-width:600px){.wait-stat-grid{grid-template-columns:1fr}}.kitchen-type-grid{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.type-option{display:flex;align-items:center;gap:1.25rem;padding:1rem 1.25rem;background:#fff;border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.type-option:hover{background:#f9fafb}.type-option.active{background:var(--primary-light)}.type-option input[type=radio]{appearance:none!important;-webkit-appearance:none!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;border:2px solid var(--border)!important;border-radius:50%!important;position:relative!important;cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;flex-shrink:0!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;aspect-ratio:1 / 1!important;box-sizing:border-box!important}.type-option input[type=radio]:checked{border-color:var(--primary)!important;background:var(--primary)!important}.type-option input[type=radio]:after{content:"";width:8px;height:8px;background:#fff;border-radius:50%;opacity:0;transform:scale(0);transition:all .2s cubic-bezier(.34,1.56,.64,1)}.type-option input[type=radio]:checked:after{opacity:1;transform:scale(1)}.type-info{display:flex;flex-direction:column;gap:.25rem}.type-info strong{font-size:1rem;color:var(--text-main);font-weight:700}.type-info span{font-size:.85rem;color:var(--text-muted)}.settings-card{padding:2rem!important;height:fit-content;background:#fff!important;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.border-b{border-bottom:1px solid var(--border)}.pb-4{padding-bottom:1rem}.mb-4{margin-bottom:1rem}.mx-auto{margin-left:auto;margin-right:auto}.p-8{padding:2rem}.icon-p{color:var(--primary);width:24px;height:24px}.card-header h3{margin:0;font-size:17px;font-weight:700;color:var(--text-main)}.settings-form{display:flex;flex-direction:column;gap:1.25rem}.field-group{display:flex;flex-direction:column;gap:2px}.field-group label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0}.field-hint{font-size:.85rem;color:var(--text-muted);margin:.5rem 0 0;opacity:.7}.weekly-hours-list{display:flex;flex-direction:column;background:#fff;padding:1.25rem;border-radius:8px}.day-row{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.day-row:last-child{border-bottom:none}.day-name{flex:0 0 90px;font-weight:600;font-size:.9rem;color:var(--text-main)}.day-timing-box{display:flex;align-items:center;gap:.75rem}.day-timing-box span{color:var(--text-muted);font-size:.8rem}.day-timing-box input{background:#0000004d!important;border:1px solid rgba(255,255,255,.1)!important;padding:.4rem .6rem!important;border-radius:8px!important;width:130px!important;font-size:.9rem!important;color:#fff!important}.day-timing-box input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.day-timing-box input:disabled{opacity:.3;cursor:not-allowed}.day-close-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.85rem;color:var(--text-muted);min-width:80px;justify-content:flex-end}.day-close-toggle input{appearance:none!important;-webkit-appearance:none!important;width:16px!important;height:16px!important;border:1.5px solid rgba(255,255,255,.3)!important;border-radius:50%!important;cursor:pointer!important;background:transparent!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;padding:0!important;margin:0!important;box-sizing:border-box!important}.day-close-toggle input:checked{background:#f43f5e!important;border-color:#ffffff80!important;box-shadow:0 0 10px #f43f5e80!important}.day-close-toggle input:checked:after{content:"";width:6px;height:6px;background:#fff!important;border-radius:50%}.mb-4{margin-bottom:1rem!important}.wa-status-alert{display:flex;align-items:center;gap:1.25rem;background:#10b9811a;color:#10b981;padding:1.5rem;border-radius:12px;margin-bottom:2.5rem;border:1px solid rgba(16,185,129,.2);transition:all .3s ease}.wa-status-alert.disconnected{background:#f43f5e0d;border:1px dashed rgba(244,63,94,.3);color:var(--text-muted)}.wa-status-alert.disconnected strong{color:#f43f5e}.status-dot{width:10px;height:10px;border-radius:50%;position:relative;background:#10b981;box-shadow:0 0 10px #10b98180;transition:all .3s ease}.status-dot.disconnected{background:#f43f5e;box-shadow:0 0 10px #f43f5e4d}.status-dot.active:after{content:"";position:absolute;width:100%;height:100%;background:inherit;border-radius:inherit;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:.5}to{transform:scale(3);opacity:0}}.save-btn,.primary-btn,.primary-wa-btn{background:var(--primary)!important;color:#fff!important;border:none!important;height:42px!important;padding:0 24px!important;border-radius:8px!important;font-weight:700!important;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .2s}.save-btn:hover,.primary-btn:hover,.primary-wa-btn:hover{filter:brightness(1.1);border:none!important}.pulse-primary{animation:pulse-border 2s infinite;box-shadow:0 0 #6366f1b3}@keyframes pulse-border{0%{box-shadow:0 0 #6366f1b3}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}.add-override-form{background:#f9fafb;padding:1.5rem;border-radius:12px;border:1px solid var(--border);margin-bottom:1.5rem}.ov-field{display:flex;flex-direction:column;gap:4px;margin-bottom:1rem}.ov-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:flex-start}.input-with-icon{display:flex;align-items:center;background:#f9fafb;border:1px solid var(--border);border-radius:8px;padding:0 1rem;height:42px;gap:.75rem;width:100%;transition:var(--transition)}.input-with-icon:focus-within{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px var(--primary-light)}.input-with-icon svg{color:var(--text-muted)!important}input[type=time]::-webkit-calendar-picker-indicator,input[type=date]::-webkit-calendar-picker-indicator{display:none!important;-webkit-appearance:none}.input-with-icon input{background:none;border:none;color:var(--text-main);flex:1;font-weight:500;font-family:inherit;font-size:.95rem}.disabled-style{opacity:.4;cursor:not-allowed;background:#ffffff0d!important}.disabled-style input{cursor:not-allowed}.center-items{display:flex;align-items:center;justify-content:center;height:48px}.toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;background:#fef2f2;padding:.6rem 1rem;border-radius:8px;border:1px solid #fee2e2;width:fit-content}.toggle-label input{margin-top:0}.toggle-label input:checked{background:#f43f5e!important;border-color:#ffffff80!important;box-shadow:0 0 10px #f43f5e80!important}.toggle-label input:checked:after{content:"";width:6px;height:6px;background:#fff!important;border-radius:50%}.toggle-text{color:#e11d48;font-weight:700;font-size:.9rem}.ov-add-btn{width:100%;height:42px!important;border-radius:8px!important;margin-top:1.5rem;display:flex;align-items:center;justify-content:center;gap:8px}.active-overrides{display:flex;flex-direction:column;gap:1rem}.ov-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#fff;border-radius:8px;border:1px solid var(--border)}.whatsapp-config-box{max-width:1000px;margin:0;padding:2.5rem!important}.wa-container-flex{display:flex;gap:2.5rem;align-items:flex-start}.wa-main-config{flex:1;min-width:0}.wa-side-panel{width:320px;display:flex;flex-direction:column;gap:1.5rem;flex-shrink:0}.usage-limit-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:1.5rem}.usage-limit-title{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-bottom:1.25rem;display:flex;align-items:center;gap:.6rem;letter-spacing:.05em}.limit-tier{font-size:1.75rem;font-weight:800;color:var(--primary);margin-bottom:.75rem;line-height:1}.limit-desc{font-size:.85rem;color:var(--text-muted);line-height:1.5}.wa-status-pill-list{display:flex;flex-direction:column;gap:.75rem}.status-pill{display:flex;align-items:center;gap:.75rem;padding:0 1rem;height:42px;background:#fff;border:1px solid var(--border);border-radius:8px;font-size:.85rem;color:var(--text-muted)}.status-pill strong{color:var(--text-main);margin-left:auto}.shimmer-text{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:1000px){.wa-container-flex{flex-direction:column}.wa-side-panel{width:100%}}.wa-fields-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.horizontal-field{display:flex;align-items:center;gap:2rem;width:100%}.horizontal-field.top-aligned{align-items:flex-start}.horizontal-field label{flex:0 0 180px;font-size:.85rem;font-weight:700;color:var(--text-muted)}.horizontal-field.top-aligned label{margin-top:14px}.horizontal-field input{flex:1;font-family:inherit}.readonly-input{background:#f9fafb!important;opacity:.7;cursor:not-allowed}.wa-actions{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin-bottom:2.5rem}.wa-main-actions{display:flex;align-items:center;gap:1rem}.wa-actions button:disabled{cursor:not-allowed;pointer-events:none}.disconnect-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:0 1.5rem;height:42px;border-radius:8px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s;background:#fff1f2;color:#e11d48;border:1px solid #ffe4e6;list-style:none;white-space:nowrap}.disconnect-btn:hover{background:#e11d48;color:#fff}.disconnect-btn:active{transform:translateY(0)}.disconnect-btn svg,.save-btn svg{display:inline-flex;flex-shrink:0}.disconnect-btn.confirm{background:#f43f5e!important;color:#fff!important;animation:flash .5s ease-in-out infinite alternate}@keyframes flash{0%{opacity:1}to{opacity:.7}}.input-group-vertical{display:flex;flex-direction:column;gap:.5rem;width:100%}.wa-help-info{display:flex;align-items:center;gap:.5rem;font-size:.75rem!important;color:var(--text-muted)!important;padding-left:.25rem;opacity:.8!important;margin-top:.25rem}.wa-help-info a{color:var(--primary)!important;text-decoration:none;font-weight:500;transition:all .2s ease}.wa-help-info a:hover{color:#818cf8!important;text-decoration:underline}.wa-onboarding-view{display:flex;flex-direction:column;align-items:center;gap:2.5rem;padding:0 0 2.5rem;animation:fadeIn .5s ease-out}.wa-benefit-list{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;width:100%}.benefit-item{display:flex;align-items:center;gap:.75rem;color:var(--success);font-size:.95rem}.benefit-item span{color:var(--text-muted)}.fb-connect-btn{display:flex;align-items:center;justify-content:center;gap:1rem;background:#1877f2;color:#fff;padding:1rem 2.5rem;border-radius:12px;font-weight:700;font-size:1.1rem;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 16px #1877f233;width:100%;max-width:400px}.fb-connect-btn:hover{background:#166fe5;transform:translateY(-2px);box-shadow:0 12px 24px #1877f24d}.fb-connect-btn:disabled{background:var(--border);cursor:not-allowed;box-shadow:none;opacity:.6}.link-btn{background:none;border:none;color:var(--primary);font-size:.9rem;font-weight:600;cursor:pointer;padding:.5rem 1rem;border-radius:8px;transition:all .2s}.link-btn:hover{text-decoration:underline;background:#6366f10d}.password-wrapper{flex:1;width:100%}.password-wrapper input{width:100%}.wa-footer{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding-top:2.5rem;border-top:1px solid var(--border)}.wa-hint{color:var(--text-muted);font-size:.9rem;text-align:center}.wa-buttons-row{display:flex;gap:1rem;width:100%}.wa-btn{flex:1;justify-content:center}.primary-wa-btn{background:var(--primary)!important}.accordion-item{border:1px solid var(--border);border-radius:8px;background:#fff;overflow:hidden;transition:var(--transition)}.accordion-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.75rem;cursor:pointer;background:#fff;transition:background .2s}.accordion-header:hover{background:#ffffff0d}.accordion-header label{margin-bottom:0;cursor:pointer}.section-header-row{display:flex;justify-content:space-between;align-items:center}.accordion-header label{margin-bottom:0;cursor:pointer;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.accordion-content{padding:1.75rem;border-top:1px solid var(--border);background:#fff}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.section-subtitle{font-size:.8rem;color:#ffffff80;margin:0!important}.variables-grid{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:1.5rem;max-height:300px;overflow-y:auto;padding-top:.5rem}.fee-toggle-wrapper{display:flex;align-items:center;gap:.75rem;background:#ffffff0d;padding:6px 12px;border-radius:8px;border:1px solid var(--border)}.disabled-ui{opacity:.5;cursor:not-allowed}.disabled-ui input{background:#ffffff05!important;border-color:transparent!important;color:var(--text-muted)!important}.disabled-text{color:var(--text-muted)!important;text-decoration:line-through;opacity:.5}.areas-manager{display:flex;flex-direction:column;gap:1.5rem}.add-area-form{display:grid;grid-template-columns:1fr 120px 80px;gap:1rem;align-items:center}.price-input-wrapper{position:relative;display:flex;align-items:center}.price-input-wrapper span{position:absolute;left:12px;color:var(--text-muted)}.price-input-wrapper input{padding-left:28px!important}.add-btn-small{background:var(--primary);color:#fff;border:none;padding:10px;border-radius:8px;font-weight:600;cursor:pointer}.active-areas-list{display:flex;flex-direction:column;gap:.75rem}.area-item{display:flex;align-items:center;justify-content:space-between;background:#ffffff08;padding:.75rem 1.25rem;border-radius:10px;border:1px solid var(--border)}.area-info{display:flex;gap:1.5rem;align-items:center}.area-name{font-weight:600;min-width:150px;text-transform:capitalize}.area-fee{color:var(--primary);font-weight:700}.area-actions{display:flex;align-items:center;gap:1.5rem}.del-btn-icon{background:none;border:none;color:#ef4444;cursor:pointer;opacity:.6;transition:opacity .2s}.del-btn-icon:hover{opacity:1}.toggle-switch{position:relative;display:inline-block;width:44px;height:22px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(20px)}.placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#ffffff03;border-radius:12px;border:1px dashed var(--border);color:var(--text-muted)}.add-staff-form{background:#ffffff08;padding:1.5rem;border-radius:12px;border:1px solid var(--border)}.staff-inputs-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:1.5rem}.staff-inputs-grid input{background:#0003;border:1px solid var(--border);padding:.8rem 1rem;border-radius:8px;color:#fff}.chips-container{display:flex;flex-wrap:wrap;gap:.5rem}.area-chip{padding:.4rem 1rem;background:#ffffff0d;border:1px solid var(--border);border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;text-transform:capitalize}.area-chip:hover{background:#ffffff1a}.area-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.staff-list{display:flex;flex-direction:column;gap:1rem}.staff-item{display:flex;align-items:center;justify-content:space-between;padding:1.25rem!important;background:#ffffff05}.staff-header strong{font-size:1.1rem}.staff-areas{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.area-tag{font-size:.75rem;background:#6366f126;color:var(--primary);padding:2px 8px;border-radius:4px;border:1px solid rgba(99,102,241,.2);text-transform:capitalize}.ml-1{margin-left:.25rem}.mb-2{margin-bottom:.5rem}.spin{animation:spin 1s linear infinite}.sync-catalog-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:0 1.25rem;margin-top:1rem;border-radius:8px;background:#fff;border:1px solid var(--border);color:var(--primary);font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s;width:100%;height:42px}.sync-catalog-btn:hover:not(:disabled){background:var(--primary-light);border-color:var(--primary)}.sync-catalog-btn:disabled{opacity:.6;cursor:not-allowed;background:#ffffff05;border-color:var(--border);color:var(--text-muted)}.sync-catalog-btn.loading{background:#f59e0b1a;color:#f59e0b;border-color:#f59e0b4d}.gateway-selector{display:flex;gap:1rem;margin-bottom:1.25rem}.gateway-option{flex:1;padding:1.25rem;background:#fff;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s}.gateway-option:hover{background:#f9fafb}.gateway-option.active{background:var(--primary-light);color:var(--primary)}.gateway-fields{background:#f9fafb;padding:1.5rem;border-radius:12px;border:1px solid var(--border);display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.webhook-box{background:#f9fafb;padding:1.25rem;border-radius:8px;border:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem}.webhook-box label{font-size:.65rem!important;opacity:.6}.webhook-box code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;color:var(--primary);word-break:break-all;line-height:1.4;margin-top:.25rem}.copy-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.copy-btn:hover{background:var(--primary-light);color:var(--primary)}.copy-btn.copied{color:#10b981}.flex-between{display:flex;align-items:center;justify-content:space-between}.mb-6{margin-bottom:1.5rem!important}.p-4{padding:1.5rem}.text-xs{font-size:.75rem}.text-sm{font-size:.85rem}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.settings-container{padding:0}.settings-section-grid{display:flex!important;flex-direction:column!important;width:100%!important;gap:1.25rem!important}.tab-pane{width:100%!important}.settings-card{padding:1.25rem!important;border-radius:12px!important;width:100%!important;max-width:none!important;margin-bottom:1rem}.card-header{margin-bottom:1.25rem!important;gap:.75rem!important}.card-header h3{font-size:1.1rem!important}.field-group label{font-size:.7rem!important;margin-bottom:.25rem!important;letter-spacing:.05em!important}.settings-form{gap:1rem!important}.field-group{gap:.5rem!important}.day-row{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important;padding:1rem 0!important}.day-timing-box{width:100%!important;justify-content:space-between!important}.add-override-form{padding:1.25rem!important;border-radius:12px!important}.ov-grid{display:flex!important;flex-direction:column!important;gap:1rem!important}.ov-field{width:100%!important;margin-bottom:.75rem!important}.input-with-icon{height:44px!important;padding:0 .75rem!important}.toggle-label{width:100%!important;justify-content:flex-start!important;padding:.75rem!important}.accordion-header{padding:1rem!important}.accordion-content{padding:1.25rem!important}.whatsapp-config-box{padding:1.25rem!important;border-radius:12px!important}.wa-container-flex{flex-direction:column!important;gap:1.5rem!important}.wa-onboarding-view{gap:1.5rem!important;padding-bottom:1.5rem!important}.wa-benefit-list{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important;padding:0 .5rem!important}.fb-connect-btn{padding:.85rem 1.5rem!important;font-size:1rem!important;width:100%!important;max-width:none!important}.wa-fields-list{gap:1rem!important;margin-bottom:1.5rem!important}.wa-help-info{flex-wrap:wrap!important;gap:.25rem!important;line-height:1.4!important;margin-bottom:.5rem!important}.wa-help-info span{white-space:nowrap!important}.sync-catalog-btn{margin-top:.5rem!important;padding:.75rem!important}.horizontal-field{flex-direction:column!important;align-items:flex-start!important;gap:.25rem!important}.horizontal-field label{flex:none!important;width:100%!important}.wa-actions{flex-direction:column!important;gap:1rem!important;margin-bottom:1.5rem!important;padding-top:1rem!important}.wa-main-actions{flex-direction:column!important;width:100%!important;gap:.75rem!important}.wa-main-actions button{width:100%!important}.wa-side-panel{gap:1rem!important;width:100%!important}.usage-limit-card{padding:1.25rem!important}.limit-tier{font-size:1.5rem!important}.status-pill{padding:.75rem!important}.wa-footer{padding-top:1.5rem!important;gap:1rem!important;width:100%!important}.wa-buttons-row{flex-direction:column!important;width:100%!important}.wa-btn{width:100%!important;padding:.85rem!important}.modal-content{padding:1.5rem!important;width:95%!important;margin:10px!important}}.catalog-selection-row{display:flex;gap:.75rem;align-items:center;width:100%;margin-bottom:.25rem}.wa-select{flex:1;background:#ffffff08!important;border:1px solid var(--border)!important;color:var(--text-main)!important;font-size:.95rem!important;font-family:inherit!important;outline:none!important;cursor:pointer;transition:all .2s ease}.wa-select:hover{border-color:var(--primary)!important;background:#ffffff0d!important}.wa-select option{background:#1a1a1a;color:#fff;padding:10px}.icon-btn-refresh{background:#ffffff0d;border:1px solid var(--border);border-radius:10px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.icon-btn-refresh:hover:not(:disabled){background:#6366f11a;border-color:var(--primary);color:var(--primary)}.icon-btn-refresh:disabled{opacity:.5;cursor:not-allowed}.manual-id-input-wrap{background:#f9fafb;padding:8px 12px!important;border-radius:8px;border:1px solid var(--border);display:grid!important;grid-template-columns:1fr;gap:0px!important;margin-bottom:.5rem;height:auto!important;min-height:auto!important}.manual-id-input-wrap label{margin-top:0!important;font-size:.7rem!important;letter-spacing:.05em;color:var(--text-muted);margin-bottom:0!important;line-height:1!important;font-weight:600;text-transform:uppercase}.manual-id-input-wrap input{background:transparent!important;border:none!important;padding:0!important;height:24px!important;min-height:24px!important;max-height:24px!important;font-size:.95rem!important;border-radius:0!important;flex:none!important;width:100%!important;margin:0!important;box-shadow:none!important;color:var(--text-main)!important}.manual-id-input-wrap input:focus{border-color:var(--primary)!important}.spin{animation:fa-spin 1s infinite linear}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wa-templates-table-wrapper{overflow-x:auto;border-radius:8px;background:#fff;border:1px solid var(--border)}.wa-templates-table{width:100%;border-collapse:collapse;font-size:.9rem}.wa-templates-table th{text-align:left;padding:.85rem 1rem;background:#f9fafb;color:var(--text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.wa-templates-table td{padding:1rem;border-bottom:1px solid var(--border);color:var(--text-main);vertical-align:middle}.wa-templates-table tr:last-child td{border-bottom:none}.status-badge{padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;display:inline-flex;align-items:center;gap:.5rem}.status-approved{background:#10b9811a;color:#10b981}.status-pending{background:#f59e0b1a;color:#f59e0b}.status-rejected{background:#ef44441a;color:#ef4444}.status-deleted,.status-disabled{background:#ffffff0d;color:var(--text-muted)}.rejection-box{display:flex;align-items:center;gap:.5rem;color:#ef4444;font-size:.8rem;background:#ef44440d;padding:.4rem .6rem;border-radius:6px;border:1px solid rgba(239,68,68,.1)}.empty-templates-state{padding:3rem 1.5rem;text-align:center;color:var(--text-muted)}.btn-outline-small{background:transparent;border:1px solid var(--primary);color:var(--primary);padding:0 16px;height:38px;border-radius:8px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s}.save-btn,.primary-btn{background:var(--primary);color:#fff;border:none;border-radius:8px;height:42px;padding:0 20px;font-weight:700;display:flex;align-items:center;gap:.75rem;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-outline-small:hover{background:#6366f11a;transform:translateY(-1px)}.btn-outline-small:disabled{opacity:.5;cursor:not-allowed}.spin{display:inline-block;animation:spin 1s linear infinite}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:#fff!important;border:1px solid var(--border)!important;border-radius:12px!important;box-shadow:0 20px 50px #0000001a!important;overflow:hidden;width:90%;max-width:450px}.modal-header{padding:1.25rem 1.75rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:#f9fafb}.modal-header h3{margin:0;font-size:1.15rem;font-weight:700;color:var(--text-main)}.close-btn{background:#ffffff0d;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:#f43f5e;color:#fff;border-color:#f43f5e;transform:rotate(90deg)}.animate-scale-up{animation:scaleUp .3s cubic-bezier(.34,1.56,.64,1)}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.test-template-form .field-group input{background:#f9fafb!important;border:1px solid var(--border)!important;padding:0 16px!important;height:42px!important;font-size:1rem!important;border-radius:8px!important;color:var(--text-main)!important;width:100%!important;transition:all .2s}.test-template-form .field-group input:focus{border-color:var(--primary)!important;background:#fff!important;box-shadow:0 0 0 4px var(--primary-light)!important}.btn-tiny{background:#fff;border:1px solid var(--border);color:var(--text-main);padding:0 10px;height:32px;border-radius:6px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.4rem;cursor:pointer;transition:all .2s}.btn-tiny:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:#fff}.btn-tiny:disabled{opacity:.3;cursor:not-allowed}.input-small{background:#f9fafb!important;border:1px solid var(--border)!important;padding:0 12px!important;height:42px!important;font-size:.95rem!important;border-radius:8px!important;color:var(--text-main)!important;width:100%!important;transition:all .2s ease}.input-small:focus{border-color:var(--primary)!important;background:#fff!important;box-shadow:0 0 0 4px var(--primary-light)!important}.template-var-field{display:flex;align-items:center;gap:.75rem;background:#f9fafb;border:1px solid var(--border);border-radius:8px;padding:2px 2px 2px 10px;transition:all .2s cubic-bezier(.4,0,.2,1)}.template-var-field:focus-within{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px var(--primary-light)}.template-var-field .var-label{display:flex;align-items:center;gap:.5rem}.template-var-field .var-label label{font-size:.75rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;white-space:nowrap;margin:0}.template-var-field .var-badge{font-family:var(--font-mono);font-size:.7rem;font-weight:800;color:#fff;background:var(--primary);padding:3px 8px;border-radius:6px;min-width:24px;text-align:center}.var-input-row{display:flex;align-items:center;flex:1;gap:.5rem}.section-header-row{display:flex;align-items:center;justify-content:space-between}.variables-grid{display:flex;flex-direction:column;gap:.75rem}.template-var-field input{flex:1;background:transparent!important;border:none!important;padding:8px 10px!important;color:#fff!important;font-weight:500;font-size:.95rem!important;outline:none!important}.max-w-md{max-width:450px}.usage-stats-box{margin-top:1rem}.usage-info-row{display:flex;align-items:baseline;gap:4px;margin-bottom:.75rem}.usage-info-row .current{font-size:1.5rem;font-weight:800;color:var(--primary)}.usage-info-row .total{color:var(--text-muted);font-size:.9rem}.usage-progress{height:6px;background:#e5e7eb;border-radius:10px;overflow:hidden;margin-bottom:1rem}.usage-fill{height:100%;background:var(--primary);border-radius:10px;transition:width .3s ease}.usage-fill.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.usage-period{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-muted)}.upgrade-btn-small{background:var(--primary-light);border:1px solid var(--primary);color:var(--primary);padding:.25rem .75rem;border-radius:6px;font-size:.7rem;font-weight:700;cursor:pointer;transition:all .2s}.upgrade-btn-small:hover{background:var(--primary);color:#fff}.mt-6{margin-top:1.5rem}.mt-4{margin-top:1rem}.delivery-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);padding:2rem}.login-card{width:100%;max-width:400px;padding:2.5rem!important;text-align:center}.login-header{margin-bottom:2rem}.login-header h1{font-size:1.75rem;margin:1rem 0 .5rem}.login-header p{color:var(--text-muted)}.input-group{text-align:left;margin-bottom:1.5rem}.input-group label{display:block;font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-bottom:.5rem}.input-group input{width:100%;padding:.85rem 1rem;background:#ffffff0d;border:1px solid var(--border);border-radius:10px;color:#fff;font-size:1rem}.login-btn{width:100%;padding:1rem;background:var(--primary);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 8px 16px #6366f133;transition:all .2s}.login-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #6366f14d}.error-alert{background:#ef44441a;color:#ef4444;padding:.75rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem}.delivery-container{min-height:100vh;background:var(--bg-dark);padding-bottom:5rem}.delivery-header{background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.25rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.staff-meta{display:flex;align-items:center;gap:1rem}.staff-meta h2{margin:0;font-size:1.1rem}.staff-header-sub{display:flex;align-items:center;gap:1rem;margin-top:.25rem}.kitchen-tag{font-size:.7rem;color:var(--primary);font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;background:#6366f11a;border-radius:4px}.header-areas{display:flex;gap:.5rem;flex-wrap:wrap}.header-area-badge{font-size:.65rem;background:#ffffff0d;color:var(--text-muted);padding:2px 8px;border-radius:4px;text-transform:capitalize;font-weight:600;border:1px solid rgba(255,255,255,.05)}.logout-icon-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:8px}.delivery-main{max-width:800px;margin:0 auto;padding:2rem}.section-title{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;color:#fff}.search-bar-container{margin-bottom:2rem}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;color:var(--text-muted);pointer-events:none}.order-search-input{width:100%;padding:.85rem 1rem .85rem 2.8rem;background:#ffffff08;border:1px solid var(--border);border-radius:12px;color:#fff;font-size:.95rem;transition:all .2s}.order-search-input:focus{outline:none;border-color:var(--primary);background:#ffffff0d;box-shadow:0 0 0 4px #6366f11a}.orders-grid{display:flex;flex-direction:column;gap:1.5rem}.delivery-order-card{padding:1.5rem!important}.order-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.order-items-summary{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-weight:700;color:#fff;font-size:1.1rem;flex:1}.summary-item .qty{color:var(--primary)}.tiny-id{font-size:.7rem;color:var(--text-muted);font-weight:500;margin-left:.5rem;background:#ffffff0d;padding:2px 6px;border-radius:4px}.status-badge{font-size:.7rem;font-weight:800;text-transform:uppercase;padding:4px 10px;border-radius:6px}.status-badge.pending{background:#ffbf001a;color:#ffbf00}.status-badge.out_for_delivery{background:#6366f11a;color:var(--primary)}.customer-info{display:flex;flex-direction:column;gap:.75rem;background:#ffffff05;padding:1rem;border-radius:10px;margin-bottom:1.5rem}.info-row{display:flex;align-items:center;gap:.75rem;font-size:.95rem}.info-row a{color:var(--primary);text-decoration:none}.pickup-checklist-section{background:#ffffff08;border:1px solid var(--border);margin-bottom:2rem;padding:1.5rem!important}.pickup-checklist-section .checklist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.header-left{display:flex;align-items:center;gap:.75rem}.header-left h3{margin:0;font-size:1rem;letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted)}.pickup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.pickup-item-tile{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ffffff05;border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s}.pickup-item-tile:hover{border-color:var(--primary);background:#ffffff0a}.pickup-item-tile.checked{background:#10b9810d;border-color:#10b9814d}.check-box-circle{width:24px;height:24px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.pickup-item-tile.checked .check-box-circle{background:var(--success);border-color:var(--success);color:#fff}.item-details{display:flex;align-items:center;gap:.5rem}.item-qty{font-weight:800;color:var(--primary);font-size:1.1rem}.item-name{font-weight:500;color:#fff}.batch-action-btn{background:var(--primary);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;font-weight:700;font-size:.85rem;cursor:pointer;box-shadow:0 4px 12px #6366f133;transition:all .3s}.batch-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f14d}.items-checklist,.items-list,.checklist-item,.check-box{display:none}.order-actions{display:flex}.action-btn{width:100%;padding:1rem;border:none;border-radius:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .3s}.out-btn{background:var(--primary);color:#fff;box-shadow:0 4px 12px #6366f133}.out-btn:disabled{opacity:.5;cursor:not-allowed;background:#334155;box-shadow:none}.done-btn{background:var(--success);color:#fff;box-shadow:0 4px 12px #10b98133}.empty-state{text-align:center;padding:4rem 2rem!important;color:var(--text-muted)}.refresh-btn{margin-top:1.5rem;background:#ffffff0d;border:1px solid var(--border);color:#fff;padding:.6rem 1.5rem;border-radius:8px;cursor:pointer}.modal-overlay{position:fixed;inset:0;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#1e293b;border:1px solid var(--border);border-radius:28px;padding:3rem;max-width:440px;width:90%;text-align:center;box-shadow:0 30px 60px -12px #0009}.modal-success,.modal-loading{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.success-icon{font-size:3.5rem;animation:bounce .6s cubic-bezier(.36,0,.66,-.56) infinite alternate}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.modal-content h3{margin-bottom:.75rem;font-size:1.6rem;color:#fff;font-weight:800}.modal-content p{color:var(--text-muted);margin-bottom:2.5rem;line-height:1.6;font-size:1.05rem}.modal-actions{display:flex;flex-direction:column;gap:1rem}.modal-btn-confirm{background:var(--primary);color:#fff;border:none;padding:1.2rem;border-radius:16px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .2s;box-shadow:0 8px 20px #6366f14d}.modal-btn-confirm:hover{background:#4f46e5;transform:translateY(-3px);box-shadow:0 12px 24px #6366f166}.modal-btn-cancel{background:#ffffff0d;color:#fff;border:1px solid var(--border);padding:1rem;border-radius:16px;font-weight:600;cursor:pointer;transition:all .2s}.modal-btn-cancel:hover{background:#ffffff1a;transform:translateY(-2px)}.modal-btn-close{background:transparent;color:var(--text-muted);border:none;padding:.5rem;font-size:.9rem;cursor:pointer;transition:all .2s}.modal-btn-close:hover{color:#fff}.animate-pop{animation:modalPop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalPop{0%{opacity:0;transform:scale(.9) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.delivery-staff-container{max-width:1400px;margin:0 auto}.page-header{margin-bottom:2.5rem}.page-header h1{font-size:2rem;font-weight:800;margin-bottom:.5rem;color:var(--text-main)}.staff-layout-grid-full{display:flex;flex-direction:column;gap:3rem}.full-width-card{padding:2.5rem!important;max-width:100%!important;width:100%;background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important}.staff-form-modern{display:flex;flex-direction:column;gap:1.5rem}.form-inputs-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media(max-width:900px){.form-inputs-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:2px!important}.form-group label{font-size:.85rem;font-weight:600;color:var(--text-main);margin:0!important;padding:0!important}.input-field-wrapper{display:flex;align-items:center;gap:.75rem;background:#f9fafb!important;border:1px solid var(--border)!important;border-radius:8px;padding:0 1rem;height:42px;transition:all .2s}.input-field-wrapper:focus-within{border-color:var(--primary)!important;background:#fff!important;box-shadow:0 0 0 4px var(--primary-light)}.input-field-wrapper input{flex:1;background:transparent!important;border:none!important;color:var(--text-main)!important;font-size:.95rem;font-weight:500;width:100%;outline:none!important;padding:0!important;box-shadow:none!important}.input-field-wrapper input:focus{border:none!important;outline:none!important;box-shadow:none!important}.input-field-wrapper input::placeholder{color:var(--text-muted)}.field-icon{color:var(--primary);opacity:.6;flex-shrink:0}.section-subtitle{display:block;font-size:.75rem;font-weight:800;color:var(--text-muted);letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.areas-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.modern-area-tile{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#f9fafb;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s ease;height:42px}.modern-area-tile:hover:not(.taken){background:var(--primary-light);border-color:var(--primary)}.modern-area-tile.selected{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}.modern-area-tile.taken{opacity:.5;cursor:not-allowed;background:#f3f4f6;border-color:transparent}.tile-main{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.tile-info{display:flex;flex-direction:column;min-width:0}.tile-name{font-weight:600;font-size:.9rem;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taken-label{font-size:.6rem;color:#ef4444;font-weight:700;text-transform:uppercase}.tile-icon{opacity:.3;flex-shrink:0}.modern-area-tile.selected .tile-icon{color:#fff;opacity:1}.register-btn-large{width:100%;max-width:300px;height:42px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.register-btn-large:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.form-footer{display:flex;justify-content:center;margin-top:1rem}.section-title-row{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.section-title-row h2{font-size:1.5rem;font-weight:700;color:var(--text-main)}.staff-grid{display:flex;flex-direction:column;gap:.75rem}.staff-member-card{display:flex;align-items:center;gap:1.5rem;padding:1.25rem 2rem!important;background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;transition:all .2s}.staff-member-card:hover{border-color:var(--primary)!important;box-shadow:0 4px 12px #0000000d}.member-top{display:flex;align-items:center;gap:1rem;width:250px;flex-shrink:0}.member-avatar{width:42px;height:42px;background:var(--primary-light);color:var(--primary);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.member-info h4{font-size:1rem;font-weight:700;color:var(--text-main)}.member-phone{font-size:.85rem;color:var(--text-muted)}.member-areas{flex:1}.area-tags-list{display:flex;flex-wrap:wrap;gap:8px}.area-badge{background:#f3f4f6;color:var(--text-main);padding:4px 12px;border-radius:100px;font-size:.8rem;font-weight:600}.member-footer{display:flex;align-items:center;gap:1.5rem}.status-pill{padding:4px 12px;border-radius:100px;font-size:.75rem;font-weight:700;text-transform:uppercase}.status-pill.active{background:#ecfdf5;color:#10b981}.status-pill.inactive{background:#fef2f2;color:#ef4444}.member-actions{display:flex;gap:8px}.action-btn-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:#fff;color:var(--text-muted);cursor:pointer;transition:all .2s}.action-btn-icon:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.action-btn-icon.delete:hover{border-color:var(--accent);color:var(--accent);background:#fff1f2}.areas-edit-container{display:flex;flex-direction:column;gap:12px}.areas-edit-grid{display:flex;flex-wrap:wrap;gap:8px}.mini-area-tile{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f9fafb;border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600}.mini-area-tile.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.mini-area-tile.taken{opacity:.4;cursor:not-allowed}.save-areas-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;width:fit-content}@media(max-width:1000px){.staff-member-card{flex-direction:column;align-items:flex-start;padding:1.5rem!important}.member-top{width:100%}.member-footer{width:100%;justify-content:space-between;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}}.discounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:1.5rem}.discount-card{display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease;border:1px solid var(--border);position:relative}.discount-card.inactive{opacity:.7;filter:grayscale(.5)}.discount-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--primary)}.discount-image{height:160px;width:100%;position:relative;overflow:hidden}.discount-image img{width:100%;height:100%;object-fit:cover}.discount-badge{position:absolute;top:12px;right:12px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.2)}.discount-content{padding:1.25rem;display:flex;flex-direction:column;gap:1rem;flex:1}.discount-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.discount-header h3{font-size:1.15rem;font-weight:700;margin:0;color:var(--text-main)}.discount-code{background:var(--primary-light);color:var(--primary);padding:4px 10px;border-radius:6px;font-family:monospace;font-weight:700;font-size:.9rem;letter-spacing:1px;border:1px dashed var(--primary)}.discount-desc{font-size:.9rem;color:var(--text-muted);line-height:1.5;margin:0;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.discount-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:.75rem;background:rgba(var(--primary-rgb),.03);border-radius:8px}.info-item{display:flex;flex-direction:column}.info-item.first-time{grid-column:span 2;flex-direction:row;align-items:center;gap:6px;color:#10b981;font-size:.8rem;font-weight:600}.info-item .label{font-size:.7rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px}.info-item .value{font-size:1rem;font-weight:700;color:var(--text-main)}.discount-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border)}.discount-dates{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-muted)}.discount-actions{display:flex;gap:8px}.icon-btn.broadcast{color:#3b82f6}.icon-btn.broadcast:hover{background:#3b82f61a}.discount-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.code-input{font-family:monospace;font-weight:700;text-transform:uppercase;letter-spacing:1px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.9rem;margin-top:.5rem}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.discount-upload{height:120px!important}.upload-container{width:100%;margin-top:.5rem}.upload-box{display:block;width:100%;height:140px;border:2px dashed var(--border);border-radius:12px;cursor:pointer;overflow:hidden;transition:all .2s ease;background:#ffffff05}.upload-box:hover{border-color:var(--primary);background:#6366f10d}.upload-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);font-size:.9rem}.upload-preview{width:100%;height:100%;position:relative}.upload-preview img{width:100%;height:100%;object-fit:cover}.upload-overlay{position:absolute;inset:0;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;opacity:0;transition:opacity .2s ease}.upload-preview:hover .upload-overlay{opacity:1}.upload-wrapper{position:relative;display:flex;flex-direction:column;gap:.5rem}.rotate-btn{align-self:flex-end;background:var(--surface-light);border:1px solid var(--border);color:var(--text-secondary);padding:4px 12px;border-radius:6px;font-size:.75rem;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s}.rotate-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-muted);text-align:center}.discount-form .input{height:48px;display:flex;align-items:center;line-height:normal}.discount-form select.input{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:40px}.targeting-section{background:rgba(var(--primary-rgb),.05);border-radius:12px;padding:1.25rem;margin:1.5rem 0;border:1px dashed var(--border)}.targeting-section .section-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--primary);margin-bottom:1rem;display:block}.settings-row{display:flex;flex-wrap:wrap;gap:2rem;align-items:center}.checkbox-wrapper{display:flex;align-items:center;gap:12px;cursor:pointer}.checkbox-wrapper span{font-size:.9rem;font-weight:500;color:var(--text-main)}.empty-state svg{margin-bottom:1.5rem;opacity:.3}.empty-state h3{margin-bottom:.5rem;color:var(--text-main)}@media(max-width:600px){.discount-form .form-row{grid-template-columns:1fr}}.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}.modal.card{width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;padding:0!important;overflow:hidden;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-2xl)}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-header h2{margin:0;font-size:1.25rem}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:1rem;background:#ffffff05;flex-shrink:0}.qr-page{width:100%}.qr-container{margin-top:2rem}.qr-list-card{padding:0;overflow:hidden;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.qr-list-card table{width:100%;border-collapse:collapse;text-align:left}.qr-list-card th{background:#f9fafb;padding:1rem 1.5rem;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.qr-list-card td{padding:1.25rem 1.5rem;font-size:.95rem;color:var(--text-main);border-bottom:1px solid var(--border);vertical-align:middle}.qr-list-card tr:last-child td{border-bottom:none}.qr-list-card tr:hover{background:#fcfcfd}.qr-list-card td strong{font-weight:600;color:var(--text-main)}.qr-list-card td.actions{display:flex;gap:8px;justify-content:flex-start}.modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{width:100%;max-width:550px;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;max-height:90vh}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:1.25rem;font-weight:700;color:var(--text-main)}.modal-header button{background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:var(--transition)}.modal-header button:hover{color:var(--accent)}.modal-body{padding:1.5rem;overflow-y:auto}.modal-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px;background:#f9fafb}.qr-preview-container{background:#fff;padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--border);display:inline-block;margin:1rem auto}.qr-info code{white-space:pre-wrap;word-break:break-all;font-size:.85rem;padding:1rem;background:#f3f4f6;color:var(--text-main);display:block;border-radius:8px;margin-top:10px;border:1px solid var(--border)}.field-hint{font-size:.8rem;color:var(--text-muted);margin-top:6px}.mt-4{margin-top:1.5rem}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.block{display:block}.p-10{padding:2.5rem}@media(max-width:768px){.qr-list-card{overflow-x:auto}}.admin-page{padding-bottom:2rem}.tab-navigation{display:flex;gap:1rem;margin-top:1rem;border-bottom:1px solid var(--border);padding-bottom:.5rem}.tab-navigation button{background:none;border:none;color:var(--text-muted);padding:.5rem 1rem;cursor:pointer;font-weight:600;transition:all .2s;border-bottom:2px solid transparent}.tab-navigation button.active{color:var(--primary);border-bottom:2px solid var(--primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.stat-card{padding:1.5rem}.stat-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-icon.purple{background:#a855f71a;color:#a855f7}.stat-icon.green{background:#22c55e1a;color:#22c55e}.stat-icon.blue{background:#3b82f61a;color:#3b82f6}.stat-icon.orange{background:#f973161a;color:#f97316}.stat-label{font-size:.9rem;color:var(--text-muted);font-weight:500}.stat-value{font-size:2rem;font-weight:800;margin-bottom:.5rem}.stat-meta{font-size:.8rem;color:var(--text-muted)}.kitchens-view{margin-top:2rem}.btn.small{padding:4px 12px;font-size:.8rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem;gap:1rem;color:var(--text-muted);text-align:center}.empty-state h3{color:var(--text);margin:0}@media(max-width:768px){.tab-navigation{overflow-x:auto;white-space:nowrap}}.public-product-page{min-height:100vh;background-color:var(--bg-dark);color:var(--text-main);display:flex;flex-direction:column;align-items:center;font-family:Inter,system-ui,sans-serif}.public-header{width:100%;max-width:600px;padding:20px;display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:600;color:var(--primary-color);border-bottom:1px solid rgba(255,255,255,.05)}.public-product-card{width:100%;max-width:600px;background-color:var(--bg-panel);margin-top:20px;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0003}.product-image-container{width:100%;height:350px;position:relative}.product-image{width:100%;height:100%;object-fit:cover}.category-badge{position:absolute;top:20px;left:20px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500;color:#fff;border:1px solid rgba(255,255,255,.1)}.product-details{padding:24px}.product-title{font-size:1.8rem;margin:0 0 10px;color:var(--text-main)}.product-price{font-size:1.4rem;font-weight:700;color:var(--accent-success, #10b981);margin-bottom:20px}.product-description{font-size:1rem;color:var(--text-muted);line-height:1.6;margin-bottom:24px}.availability-warning{padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;border-radius:8px;text-align:center;font-weight:500;margin-bottom:24px}.product-actions{display:flex;flex-direction:column;gap:12px}.action-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px;border-radius:12px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .2s ease;border:none;cursor:pointer}.wa-btn{background-color:#25d366;color:#fff}.wa-btn:hover{background-color:#128c7e;transform:translateY(-2px)}.disabled-btn{background-color:#3f3f46;color:#a1a1aa;cursor:not-allowed}.public-footer{width:100%;max-width:600px;padding:24px;display:flex;align-items:flex-start;gap:10px;color:var(--text-muted);font-size:.9rem;line-height:1.5}.public-loading,.public-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-dark);color:var(--text-main);text-align:center;padding:20px}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){.public-product-card{margin-top:0;border-radius:0;box-shadow:none}.product-image-container{height:300px}}.message-logs-container{max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.header-info h1{font-size:2rem;font-weight:800;margin-bottom:.5rem;color:var(--text-main)}.header-info p{color:var(--text-muted);font-size:.95rem}.btn-refresh{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--border);color:var(--text-main);border-radius:8px;cursor:pointer;transition:all .2s}.btn-refresh:hover{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1.25rem;position:relative;transition:all .2s}.stat-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000000d}.stat-icon{width:42px;height:42px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bg-soft-primary{background:var(--primary-light);color:var(--primary)}.bg-soft-info{background:#38bdf81a;color:#0ea5e9}.bg-soft-success{background:#ecfdf5;color:#10b981}.bg-soft-danger{background:#fef2f2;color:#ef4444}.stat-data{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:800;line-height:1;margin-bottom:.25rem;color:var(--text-main)}.stat-label{font-size:.75rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.trend-arrow{position:absolute;top:1rem;right:1rem;color:#10b981}.log-controls{display:flex;gap:1rem;margin-bottom:1.5rem;padding:0!important;background:transparent!important}.search-box{flex:1;display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid var(--border);border-radius:8px;padding:0 1rem;height:42px}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light)}.search-box input{background:none;border:none;color:var(--text-main);width:100%;height:100%;outline:none;font-size:.95rem}.filter-group{display:flex;align-items:center;gap:.75rem;min-width:200px}.filter-group select{background:#fff;border:1px solid var(--border);color:var(--text-main);padding:0 1rem;border-radius:8px;height:42px;width:100%;outline:none;font-size:.95rem;cursor:pointer}.filter-group select:focus{border-color:var(--primary)}.logs-table-card{padding:0!important;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.logs-table{width:100%;border-collapse:collapse}.logs-table th{text-align:left;padding:1rem 1.25rem;background:#f9fafb;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);font-weight:700}.logs-table td{padding:1.25rem;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text-main);font-size:.95rem}.logs-table tr:last-child td{border-bottom:none}.logs-table tr:hover{background:#fcfcfd}.phone-cell strong{color:var(--text-main);font-weight:600}.tpl-cell{display:flex;flex-direction:column;gap:.25rem}.tpl-name{font-weight:600;color:var(--text-main)}.error-hint{font-size:.75rem;color:#ef4444;display:flex;align-items:center;gap:.4rem}.status-badge{padding:4px 12px;border-radius:100px;font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;gap:.5rem;text-transform:uppercase}.status-sent{background:#f3f4f6;color:var(--text-muted)}.status-delivered{background:#38bdf81a;color:#0ea5e9}.status-read{background:#ecfdf5;color:#10b981}.status-failed{background:#fef2f2;color:#ef4444}.type-tag{font-size:.75rem;color:var(--text-muted);background:#f3f4f6;padding:4px 10px;border-radius:6px;text-transform:capitalize;font-weight:600}.tag-template{background:var(--primary-light);color:var(--primary)}.time-cell{display:flex;flex-direction:column;font-size:.85rem;color:var(--text-main)}.time-cell small{color:var(--text-muted);font-size:.75rem}.empty-state{padding:4rem 0!important}@media(max-width:1024px){.log-controls{flex-direction:column}.filter-group{width:100%}}.loading-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:#0f172a;color:#fff;font-family:Outfit,sans-serif}.loading-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px;width:100%;padding:40px}.logo-section{position:relative;width:80px;height:80px;margin-bottom:32px}.logo-ring{position:absolute;inset:0;border:3px solid transparent;border-top-color:var(--primary, #6366f1);border-radius:50%;animation:spin 1s cubic-bezier(.5,.2,.3,1) infinite}.logo-inner{position:absolute;inset:10px;background:var(--primary, #6366f1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.8rem;box-shadow:0 0 20px #6366f166}.loading-text-content{margin-bottom:24px}.loading-title{font-size:1.5rem;font-weight:700;margin-bottom:8px;background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:fadeInUp .6s ease-out}.loading-subtitle{font-size:.95rem;color:var(--text-muted, #94a3b8);animation:fadeInUp .6s ease-out .2s backwards}.loading-progress-bar{width:100%;height:4px;background:#ffffff0d;border-radius:10px;overflow:hidden;margin-top:8px}.progress-fill{height:100%;width:0%;background:var(--primary, #6366f1);box-shadow:0 0 10px #6366f199;animation:fillProgress 2.5s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fillProgress{0%{width:0%;transform:translate(-100%)}50%{width:70%;transform:translate(30%)}to{width:100%;transform:translate(100%)}}