*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#ff6b35;--secondary-color:#004e89;--success-color:#28a745;--danger-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--light-color:#f8f9fa;--dark-color:#343a40;--border-color:#dee2e6;--sidebar-width:260px}.app{min-height:100vh}.btn{font-size:14px;font-weight:500;gap:8px;padding:10px 20px}.btn-primary{background-color:#ff6b35;background-color:var(--primary-color)}.btn-primary:hover:not(:disabled){background-color:#e55a2b}.btn-secondary{background-color:#004e89;background-color:var(--secondary-color)}.btn-success{background-color:#28a745;background-color:var(--success-color)}.btn-danger{background-color:#dc3545;background-color:var(--danger-color)}.btn-warning{background-color:#ffc107;background-color:var(--warning-color);color:#000}.btn-outline{background-color:initial;border:2px solid #ff6b35;border:2px solid var(--primary-color);color:#ff6b35;color:var(--primary-color)}.btn-sm{padding:6px 12px}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.card,.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px}.form-control{border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:6px;font-size:14px;padding:10px 12px}.form-control:focus{border-color:#ff6b35;border-color:var(--primary-color)}.form-control:disabled{background-color:#e9ecef;cursor:not-allowed}select.form-control{cursor:pointer}.table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}table{border-collapse:collapse;width:100%}table td,table th{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);padding:12px;text-align:left}table th{color:#495057;font-weight:600}table th,table tr:hover{background-color:#f8f9fa}.badge{padding:4px 12px}.badge-success{background-color:#d4edda}.badge-danger{background-color:#f8d7da}.badge-warning{background-color:#fff3cd}.badge-info{background-color:#d1ecf1}.badge-secondary{background-color:#e2e3e5}.modal-overlay{background-color:#00000080}.modal{background:#fff;border-radius:8px;max-height:90vh;max-width:600px;overflow-y:auto;padding:24px;width:90%}.modal-header{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border-color);margin-bottom:20px;padding-bottom:16px}.modal-header h2{font-size:20px}.modal-close{background:none;border:none;color:#6c757d;cursor:pointer;font-size:24px}.loading{padding:40px}.spinner{border-top-color:#ff6b35;border-top:4px solid var(--primary-color);height:40px;width:40px}.empty-state{color:#6c757d}.empty-state svg{font-size:64px;margin-bottom:16px;opacity:.5}.grid{grid-gap:20px;display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.modal-content{box-shadow:0 10px 40px #0003;padding:0}.modal-body{padding:24px}.modal-footer{border-top:1px solid #dee2e6;border-top:1px solid var(--border-color);gap:12px;padding:16px 24px}.close-btn{align-items:center;border-radius:4px;color:#6c757d;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.close-btn:hover{background-color:#f8f9fa;color:#000}.detail-section{border-bottom:1px solid #e9ecef;margin-bottom:24px;padding-bottom:24px}.detail-section:last-child{margin-bottom:0;padding-bottom:0}.detail-section h3{border-bottom:2px solid #ff6b35;border-bottom:2px solid var(--primary-color);color:#343a40;color:var(--dark-color);display:inline-block;font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.detail-grid{grid-gap:16px;gap:16px}.detail-item{gap:4px}.detail-item label{color:#6c757d;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.detail-item span{color:#343a40;color:var(--dark-color);font-size:14px;word-break:break-word}.btn-info{background-color:#17a2b8;background-color:var(--info-color)}.btn-info:hover:not(:disabled){background-color:#138496}@media (max-width:1200px){.container{max-width:100%;padding:0 20px}}@media (max-width:992px){.stats-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}}@media (max-width:768px){h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}.btn{font-size:14px;padding:10px 16px}.btn-sm{font-size:13px;padding:6px 12px}.card{padding:16px}.card-header{padding:12px 16px}.card-body{padding:16px}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}table{font-size:13px}td,th{padding:8px}.form-group{margin-bottom:16px}.form-control{font-size:14px;padding:10px}.modal-content{max-height:90vh;overflow-y:auto;width:95%}.modal-body{padding:16px}.modal-footer{flex-direction:column;padding:12px 16px}.modal-footer .btn{width:100%}.stats-grid{gap:12px;grid-template-columns:1fr}.action-buttons{flex-direction:column;gap:8px}.action-buttons .btn{width:100%}}@media (max-width:480px){.container{padding:0 15px}h1{font-size:22px}h2{font-size:18px}h3{font-size:16px}.btn{font-size:13px;padding:8px 14px}.card{border-radius:8px}.card,.stat-card{padding:12px}.stat-card h3{font-size:20px}table{font-size:12px}td,th{padding:6px}}.hide-mobile{display:block}.show-mobile{display:none}@media (max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}@media (hover:none) and (pointer:coarse){.btn,.clickable,.form-control,input[type=checkbox],input[type=radio],select{min-height:44px}.clickable{align-items:center;display:flex}}.sidebar{background:linear-gradient(180deg,#1e7a9e,#2596be);box-shadow:2px 0 10px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:width .3s ease;width:260px;z-index:1000}.sidebar.collapsed{width:70px}.pill-badge{background-color:#e53935;border-radius:12px;color:#fff;font-size:12px;font-weight:600;line-height:1;min-width:18px;padding:2px 6px;text-align:center}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;min-height:70px;padding:1.5rem}.sidebar-logo{border-radius:8px;height:50px;margin-bottom:.5rem;object-fit:cover;width:50px}.sidebar.collapsed .sidebar-logo{height:40px;margin-bottom:0;width:40px}.sidebar-brand{align-items:center;display:flex;flex-direction:column}.sidebar-brand h2{color:#fff;font-size:1.3rem;font-weight:700;margin:0;white-space:nowrap}.sidebar-role{color:#ffffffb3;font-size:.75rem;font-weight:500;margin-top:.25rem}.sidebar-toggle{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.sidebar-toggle:hover{background:#fff3}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:1rem 0}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff0d}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-menu li{margin:.25rem 0}.sidebar-link{align-items:center;background:none;border:none;color:#fffc;cursor:pointer;display:flex;font-size:.95rem;gap:1rem;padding:.875rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease;width:100%}.sidebar.collapsed .sidebar-link{justify-content:center;padding:.875rem 0}.sidebar-link:hover{background:#ffffff1a;color:#fff}.sidebar-link.active{background:#ffffff26;border-left:4px solid #60a5fa;color:#fff}.sidebar-link.active:before{background:#2596be;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.sidebar-icon{align-items:center;display:flex;font-size:1.3rem;justify-content:center;min-width:24px}.sidebar-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{border-top:1px solid #ffffff1a;padding:1rem}.logout-btn{color:#fca5a5;font-weight:500}.logout-btn:hover{background:#ef44441a;color:#ef4444}.mobile-menu-btn,.sidebar-overlay{display:none}.sidebar.captain,.sidebar.vendor,.sidebar.vendor-owner{background:linear-gradient(180deg,#1e7a9e,#2596be)}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:260px}.sidebar.mobile-open{transform:translateX(0)}.sidebar.collapsed{transform:translateX(-100%)}.mobile-menu-btn{align-items:center;background:#2596be;border:none;border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:44px;justify-content:center;left:1rem;position:fixed;top:1rem;width:44px;z-index:999}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.sidebar-overlay.active{display:block}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.sidebar{animation:slideIn .3s ease-out}.navbar{background-color:#fff;border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px #0000000d;height:70px;left:var(--sidebar-width);position:fixed;right:0;top:0;z-index:99}.navbar-content{align-items:center;display:flex;height:100%;justify-content:space-between;padding:0 30px}.navbar-title{color:#333;font-size:20px;font-weight:600}.navbar-right{gap:20px}.navbar-icon-btn,.navbar-right{align-items:center;display:flex}.navbar-icon-btn{background-color:#f8f9fa;border:none;border-radius:50%;color:#495057;cursor:pointer;font-size:18px;height:40px;justify-content:center;transition:all .3s ease;width:40px}.navbar-icon-btn:hover{background-color:#e9ecef}.navbar-user{align-items:center;background-color:#f8f9fa;border-radius:20px;color:#495057;display:flex;font-size:14px;gap:10px;padding:8px 16px}.navbar-user svg{font-size:18px}.navbar-logout{align-items:center;background-color:var(--danger-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.navbar-logout:hover{background-color:#c82333}.notification-btn{position:relative}.notification-badge{background:red;border-radius:50%;color:#fff;font-size:11px;font-weight:700;min-width:18px;padding:2px 6px;position:absolute;right:-6px;text-align:center;top:-6px}@media (max-width:768px){.navbar{left:70px}.navbar-content{padding:0 15px}.navbar-title{font-size:16px}.navbar-logout span,.navbar-user span{display:none}}.layout{background:#f5f5f5;display:flex;min-height:100vh}.layout-main{flex:1 1;margin-left:260px;min-height:100vh;transition:margin-left .3s ease}.layout-main.sidebar-collapsed{margin-left:70px}.layout-content{background:#f5f5f5;min-height:100vh;padding:0}@media (max-width:768px){.layout-main,.layout-main.sidebar-collapsed{margin-left:0}.layout-content{padding:0}}.login-container{align-items:center;background:linear-gradient(135deg,#1e7a9e,#2596be);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:450px;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:#2596be;font-size:28px;margin-bottom:8px}.login-header p{color:#6c757d;font-size:14px}.login-form{margin-bottom:20px}.password-input-wrapper{position:relative}.password-input-wrapper input{padding-right:45px}.password-toggle-btn{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:5px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .3s ease}.password-toggle-btn:hover{color:#2596be}.btn-block{margin-top:10px;width:100%}.login-footer{border-top:1px solid var(--border-color);padding-top:20px;text-align:center}.login-footer p{color:#6c757d;font-size:14px}.login-footer a{color:#2596be;font-weight:500;text-decoration:none}.login-footer a:hover{text-decoration:underline}@media (max-width:768px){.login-container{padding:15px}.login-box{max-width:100%;padding:30px 20px}.login-header h1{font-size:24px}.login-header p{font-size:13px}}@media (max-width:480px){.login-box{padding:25px 15px}.login-header h1{font-size:22px}.password-toggle-btn{font-size:16px}}.vendor-register-container{align-items:center;background:linear-gradient(135deg,#1e7a9e,#2596be);display:flex;justify-content:center;min-height:100vh;padding:2rem}.register-card{animation:slideUp .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:700px;padding:2.5rem;width:100%}.register-header{margin-bottom:2rem;text-align:center}.register-header h1{color:#333;font-size:2rem;margin-bottom:.5rem}.register-header p{color:#666;font-size:.95rem}.step-indicator{display:flex;justify-content:space-between;margin-bottom:2.5rem;position:relative}.step-indicator:before{background:#e0e0e0;content:"";height:2px;left:0;position:absolute;right:0;top:20px;z-index:0}.step{flex:1 1;flex-direction:column;position:relative;z-index:1}.step,.step-number{align-items:center;display:flex}.step-number{background:#e0e0e0;border-radius:50%;color:#999;font-weight:700;height:40px;justify-content:center;margin-bottom:.5rem;transition:all .3s ease;width:40px}.step.active .step-number{background:linear-gradient(135deg,#1e7a9e,#2596be);color:#fff;transform:scale(1.1)}.step-label{color:#666;font-size:.75rem;font-weight:500;text-align:center}.location-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:1.5rem 0;padding:1rem}.location-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.location-header label{color:#333;font-size:.95rem;font-weight:600;margin:0}.btn-location{align-items:center;background:linear-gradient(135deg,#1e7a9e,#2596be);border:none;border-radius:6px;box-shadow:0 2px 8px #2596be4d;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.btn-location:hover{box-shadow:0 4px 12px #2596be66;transform:translateY(-2px)}.btn-location:active{transform:translateY(0)}.step.active .step-label{color:#2596be;font-weight:600}.register-form{margin-top:2rem}.form-step{animation:fadeIn .3s ease-in}.form-step h2{color:#333;font-size:1.5rem;margin-bottom:.5rem}.step-description{color:#666;font-size:.9rem;margin-bottom:1.5rem}.form-group label{font-size:.9rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;padding:.75rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2596be;box-shadow:0 0 0 3px #2596be1a;outline:none}.form-group small{color:#999;display:block;font-size:.8rem;margin-top:.25rem}.form-group small.text-info{color:#2596be}.form-group small.text-success{color:#10b981;font-weight:600}.form-group small.text-error{color:#ef4444;font-weight:600}.form-group input.input-success{border-color:#10b981}.form-group input.input-success:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-group input.input-error{border-color:#ef4444}.form-group input.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-row{grid-template-columns:1fr 1fr}.form-group input[type=file]{cursor:pointer;padding:.5rem}.file-preview{border:2px solid #e0e0e0;border-radius:8px;margin-top:1rem;max-width:200px;padding:.5rem}.file-preview img{border-radius:4px;height:auto;width:100%}.info-box{background:#f0f4ff;border-radius:8px;color:#555;font-size:.9rem;margin-top:1.5rem;padding:1rem}.form-navigation{border-top:2px solid #f0f0f0;display:flex;gap:1rem;justify-content:space-between;margin-top:2rem;padding-top:2rem}.btn{border-radius:8px;flex:1 1;font-size:1rem;padding:.75rem 2rem}.btn-primary{background:linear-gradient(135deg,#1e7a9e,#2596be)}.btn-primary:hover:not(:disabled){box-shadow:0 10px 20px #2596be4d;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#f0f0f0;color:#333}.btn-secondary:hover:not(:disabled){background:#e0e0e0}.register-footer{border-top:2px solid #f0f0f0;margin-top:2rem;padding-top:1.5rem;text-align:center}.register-footer p{color:#666;font-size:.9rem}.register-footer a{color:#2596be;font-weight:600;text-decoration:none}.register-footer a:hover{text-decoration:underline}@media (max-width:768px){.vendor-register-container{padding:1rem}.register-card{padding:1.5rem}.register-header h1{font-size:1.5rem}.step-label{font-size:.65rem}.step-number{font-size:.9rem;height:35px;width:35px}.form-row{grid-template-columns:1fr}.form-navigation{flex-direction:column}.btn{width:100%}}.dashboard{animation:fadeIn .3s ease}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.dashboard-header h1{font-size:28px}.date-filter{align-items:center;display:flex;gap:10px}.date-filter .form-control{width:auto}.stats-grid{grid-gap:20px;gap:20px;margin-bottom:30px}.stat-card{box-shadow:0 2px 8px #00000014;gap:16px;padding:24px;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 4px 12px #0000001f}.stat-icon{font-size:28px}.stat-content{flex:1 1}.stat-content h3{font-size:32px;margin-bottom:4px}.stat-content p{color:#6c757d;font-size:14px;margin-bottom:12px}.stat-footer{display:flex;flex-wrap:wrap;gap:8px}.quick-actions{flex-direction:column;gap:12px}.quick-actions .btn{justify-content:center;width:100%}.activity-list{padding:20px 0}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column;gap:15px}.stats-grid{grid-template-columns:1fr}.date-filter{width:100%}.date-filter .form-control{flex:1 1}}.dashboard-modern{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:90px 2rem 2rem}.dashboard-header-modern{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.dashboard-header-modern .header-content h1{align-items:center;color:#1a1a1a;display:flex;font-size:2rem;font-weight:700;gap:1rem;margin:0 0 .5rem}.dashboard-header-modern .header-content p{color:#666;font-size:1rem;margin:0}.quick-actions{display:flex;gap:1rem}.action-btn-quick{align-items:center;background:linear-gradient(135deg,#2596be,#1e7a9e);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.action-btn-quick:hover{background:linear-gradient(135deg,#1e7a9e,#165f7d);box-shadow:0 4px 12px #2596be4d;transform:translateY(-2px)}.dashboard-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.dashboard-stat-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden;padding:1.75rem;position:relative;transition:all .3s ease}.dashboard-stat-card:before{background:linear-gradient(90deg,#2596be,#1e7a9e);content:"";height:4px;left:0;position:absolute;right:0;top:0}.dashboard-stat-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.stat-header{justify-content:space-between;margin-bottom:1rem}.stat-header,.stat-icon-circle{align-items:center;display:flex}.stat-icon-circle{border-radius:12px;height:56px;justify-content:center;width:56px}.stat-restaurants .stat-icon-circle{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2}.stat-revenue .stat-icon-circle{background:linear-gradient(135deg,#f3e5f5,#e1bee7);color:#7b1fa2}.stat-orders .stat-icon-circle{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#388e3c}.stat-staff .stat-icon-circle{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#f57c00}.stat-trend-badge{align-items:center;border-radius:8px;display:flex;font-size:.875rem;font-weight:600;padding:.4rem .6rem}.stat-trend-badge.positive{background:#d4edda;color:#155724}.stat-body{display:flex;flex-direction:column;gap:.5rem}.stat-value-xl{color:#1a1a1a;font-size:2rem;font-weight:700;line-height:1}.stat-label-xl{color:#666;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-footer-info{display:flex;gap:.5rem;margin-top:.5rem}.info-badge{background:#f8f9fa;border-radius:6px;color:#666;font-size:.8rem;font-weight:500;padding:.35rem .75rem}.secondary-stats-modern{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2rem}.secondary-stat-item{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.secondary-stat-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.secondary-icon{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:10px;color:#2596be;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.secondary-content{display:flex;flex-direction:column;gap:.25rem}.secondary-value{color:#1a1a1a;font-size:1.5rem;font-weight:700;line-height:1}.secondary-label{color:#666;font-size:.8rem;font-weight:500}.dashboard-charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr;margin-bottom:2rem}.dashboard-chart-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:2rem}.chart-header-modern{margin-bottom:1.5rem}.chart-header-modern h3{align-items:center;color:#1a1a1a;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin:0 0 .5rem}.chart-header-modern p{color:#666;font-size:.9rem;margin:0}.chart-wrapper-modern{background:#fafafa;border-radius:12px;padding:1.5rem}.top-performers-dashboard{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem;padding:2rem}.section-header-dashboard{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header-dashboard h3{align-items:center;color:#1a1a1a;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0}.section-header-dashboard p{color:#666;font-size:.9rem;margin:.25rem 0 0}.view-all-btn{background:#f8f9fa;border:2px solid #2596be;border-radius:8px;color:#2596be;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.25rem;transition:all .3s ease}.view-all-btn:hover{background:#2596be;color:#fff}.performers-grid-dashboard{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.performer-card-dashboard{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.performer-card-dashboard:hover{background:#fff;border-color:#2596be;box-shadow:0 4px 12px #2596be26}.rank-badge-dashboard{align-items:center;background:linear-gradient(135deg,#2596be,#1e7a9e);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:64px;justify-content:center;width:64px}.performer-card-dashboard:first-child .rank-badge-dashboard{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a1a}.performer-card-dashboard:nth-child(2) .rank-badge-dashboard{background:linear-gradient(135deg,silver,#e8e8e8);color:#1a1a1a}.performer-card-dashboard:nth-child(3) .rank-badge-dashboard{background:linear-gradient(135deg,#cd7f32,#e8a87c);color:#fff}.performer-info{flex:1 1}.performer-info h4{color:#1a1a1a;font-size:1.1rem;font-weight:700;margin:0 0 .75rem}.performer-metrics{display:flex;gap:1.5rem}.metric-item{align-items:center;color:#666;display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.metric-item svg{color:#2596be}.metric-item.revenue{color:#388e3c;font-weight:700}.metric-item.revenue svg{color:#388e3c}.recent-orders-dashboard{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem;padding:2rem}.orders-table-dashboard{border:1px solid #e0e0e0;border-radius:12px;overflow-x:auto}.modern-table-dashboard{background:#fff;border-collapse:collapse;width:100%}.modern-table-dashboard thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.modern-table-dashboard thead th{border-bottom:2px solid #e0e0e0;color:#333;font-size:.875rem;font-weight:700;letter-spacing:.5px;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}.modern-table-dashboard tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s ease}.modern-table-dashboard tbody tr:hover{background:#f8f9fa}.modern-table-dashboard tbody td{color:#333;font-size:.95rem;padding:1.25rem 1.5rem}.order-id-table{background:#e3f2fd;border-radius:6px;color:#2596be;font-family:Courier New,monospace;font-size:.875rem;font-weight:700;padding:.25rem .75rem}.restaurant-name-table{color:#1a1a1a;font-weight:600}.customer-cell{display:flex;flex-direction:column;gap:.25rem}.customer-name{color:#333;font-weight:500}.customer-phone{color:#999;font-size:.85rem}.amount-table{color:#388e3c;font-size:1rem;font-weight:700}.type-badge-table{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;padding:.4rem .9rem;text-transform:capitalize}.date-table{color:#666;font-size:.9rem}.restaurants-quick-view{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:2rem}.restaurants-grid-dashboard{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.restaurant-card-dashboard{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem;transition:all .3s ease}.restaurant-card-dashboard:hover{background:#fff;border-color:#2596be;box-shadow:0 4px 12px #2596be26}.restaurant-card-content h4{color:#1a1a1a;font-size:1.1rem;font-weight:700;margin:0 0 .75rem}.restaurant-location-dash{align-items:center;color:#666;display:flex;font-size:.9rem;gap:.5rem;margin:0 0 1rem}.restaurant-badges-dash{display:flex;flex-wrap:wrap;gap:.5rem}.status-badge-dash{align-items:center;border-radius:20px;display:flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.4rem .8rem;text-transform:capitalize}.status-badge-dash.active{background:#d4edda;color:#155724}.status-badge-dash.inactive{background:#f8d7da;color:#721c24}.approval-badge-dash{border-radius:20px;font-size:.8rem;font-weight:600;padding:.4rem .8rem;text-transform:capitalize}@media (max-width:1200px){.dashboard-charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-modern{padding:80px 1rem 1rem}.dashboard-header-modern{align-items:flex-start;flex-direction:column;gap:1.5rem;padding:1.5rem}.dashboard-header-modern .header-content h1{font-size:1.5rem}.quick-actions{flex-direction:column;width:100%}.action-btn-quick{justify-content:center;width:100%}.dashboard-stats-grid,.performers-grid-dashboard,.restaurants-grid-dashboard,.secondary-stats-modern{grid-template-columns:1fr}.modern-table-dashboard{min-width:600px}}.captain-login-container{align-items:center;background:linear-gradient(135deg,#1e7a9e,#2596be);display:flex;justify-content:center;min-height:100vh;padding:20px}.captain-login-card{animation:slideUp .5s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:420px;padding:40px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.captain-login-header{margin-bottom:30px;text-align:center}.captain-icon{align-items:center;background:linear-gradient(135deg,#1e7a9e,#2596be);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.captain-login-header h1{color:#333;font-size:28px;margin-bottom:8px}.captain-login-header p{color:#666;font-size:14px}.captain-login-form,.captain-login-form .form-group{margin-bottom:20px}.captain-login-form label{align-items:center;color:#333;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.captain-login-form input{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .3s;width:100%}.captain-login-form input:focus{border-color:#2596be;box-shadow:0 0 0 3px #2596be1a;outline:none}.captain-login-btn{align-items:center;background:linear-gradient(135deg,#1e7a9e,#2596be);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:transform .2s,box-shadow .2s;width:100%}.captain-login-btn:hover{box-shadow:0 10px 20px #2596be4d;transform:translateY(-2px)}.captain-login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.captain-login-footer{border-top:1px solid #e0e0e0;padding-top:20px;text-align:center}.captain-login-footer p{color:#666;font-size:13px;margin-bottom:5px}.captain-login-footer small{color:#999;font-size:12px}.captain-dashboard{background:#f5f7fa;min-height:100vh;padding:20px}.captain-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.spinner{border-top-color:#667eea}.captain-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;justify-content:space-between;margin-bottom:24px;padding:24px}.captain-header-left h1{color:#333;font-size:28px;margin-bottom:4px}.captain-header-left p{color:#666;font-size:14px}.captain-header-right{display:flex;gap:12px}.captain-profile-card{align-items:center;background:linear-gradient(135deg,#1e7a9e,#2596be);border-radius:12px;box-shadow:0 4px 12px #2596be4d;color:#fff;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px}.profile-info{align-items:center;display:flex;gap:16px}.profile-info h3{font-size:22px;margin-bottom:4px}.profile-info p{font-size:14px;opacity:.9}.profile-stats{display:flex;gap:32px}.stat-item{text-align:center}.stat-label{display:block;font-size:12px;margin-bottom:4px;opacity:.8}.stat-value{display:block;font-size:28px}.captain-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:12px;margin-bottom:24px;padding:12px}.captain-tabs .tab{background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s}.captain-tabs .tab:hover{background:#f5f7fa}.captain-tabs .tab.active{background:linear-gradient(135deg,#1e7a9e,#2596be);color:#fff}.captain-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.captain-content h2{color:#333;font-size:22px;margin-bottom:20px}.empty-state{color:#999;padding:60px 20px}.tables-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.table-card{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;padding:20px;text-align:center;transition:all .3s}.table-card:hover{border-color:#2596be;box-shadow:0 8px 16px #2596be33;transform:translateY(-4px)}.table-number{color:#333;font-size:24px;font-weight:700;margin-bottom:12px}.table-status{margin-bottom:16px}.orders-list{display:flex;flex-direction:column;gap:16px}.order-card{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .3s}.order-card:hover{border-color:#2596be;box-shadow:0 4px 12px #2596be1a}.order-header{align-items:flex-start;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.order-header h3{color:#333;font-size:18px;margin-bottom:4px}.order-header p{color:#666;font-size:14px}.order-items{margin-bottom:16px}.order-items h4{color:#666;font-size:14px;margin-bottom:12px}.order-item{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:8px 0}.order-item:last-child{border-bottom:none}.order-footer{align-items:center;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;padding-top:16px}.order-total{color:#333;font-size:18px}.order-actions{display:flex;gap:8px}.order-time{color:#999;gap:6px;margin-top:12px}.open-tables-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.open-table-card{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;padding:20px}.open-table-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.open-table-header h3{color:#333;font-size:20px}.open-table-info{margin-bottom:16px}.open-table-info p{color:#666;font-size:14px;margin-bottom:8px}.open-table-orders{margin-bottom:16px}.open-table-orders h4{color:#666;font-size:14px;margin-bottom:12px}.open-table-order{background:#fff;border-radius:8px;margin-bottom:12px;padding:12px}.open-table-order:last-child{margin-bottom:0}.order-time-badge{align-items:center;color:#999;display:flex;gap:6px;margin-bottom:8px}.order-items-list{display:flex;flex-direction:column;gap:6px}.item-row{display:flex;font-size:14px;justify-content:space-between}.open-table-total{border-top:2px solid #e0e0e0;color:#333;font-size:18px;padding-top:16px;text-align:right}.badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.badge-success{background:#d4edda;color:#155724}.badge-warning{background:#fff3cd;color:#856404}.badge-info{background:#d1ecf1;color:#0c5460}.badge-primary{background:#cce5ff;color:#004085}.badge-secondary{background:#e2e3e5;color:#383d41}.badge-danger{background:#f8d7da;color:#721c24}.btn{font-size:13px;gap:6px;padding:8px 16px;transition:all .3s}.btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#6c757d}.btn-success{background:#28a745}.btn-danger{background:#dc3545}.btn-info{background:#17a2b8;color:#fff}.btn-sm{font-size:12px;padding:5px 10px}@media (max-width:768px){.captain-header{flex-direction:column;gap:16px}.captain-header-right{justify-content:stretch;width:100%}.captain-header-right .btn{flex:1 1}.captain-profile-card{flex-direction:column;gap:20px;text-align:center}.captain-tabs,.profile-info{flex-direction:column}.tables-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.open-tables-list{grid-template-columns:1fr}.order-footer{align-items:stretch;flex-direction:column;gap:12px}.order-actions{width:100%}.order-actions .btn{flex:1 1}}.app-user-management-page,.banner-management-page,.order-monitoring-page,.sales-analytics-page,.subscription-plans-page,.super-admin-dashboard,.system-settings-page,.vendor-list-page,.vendor-management-page,.vendor-owner-management-page{margin:0 auto;max-width:1400px;min-height:100vh;padding:90px 2rem 2rem}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{color:#333;font-size:2.5rem;margin-bottom:.5rem}.section-header h2{border-bottom:2px solid #1976d2;padding-bottom:.5rem}.filter-buttons{margin-bottom:1rem}.stat-card:hover{box-shadow:0 4px 12px #00000026}.stat-icon{font-size:24px}.stat-content h3{font-size:1.8rem}.stat-content small{color:#999;font-size:.8rem}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.action-card{border:none;box-shadow:0 2px 8px #0000001a;padding:2rem;text-align:left}.action-card:hover{background:#f8f9fa;box-shadow:0 4px 12px #00000026}.action-card svg{color:#1976d2;font-size:2rem;margin-bottom:1rem}.action-card h3{font-size:1.2rem;margin:.5rem 0}.action-card p{color:#666;font-size:.9rem;margin:0}.search-section{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.search-box{flex:1 1;max-width:500px}.stats-summary{display:flex;font-size:.95rem;gap:2rem}.stats-summary span{color:#666}.stats-summary strong{color:#333;font-weight:600}.data-table th{white-space:nowrap}.data-table td{vertical-align:middle}.btn-icon{background:#fff;border:1px solid #ddd;border-radius:6px;padding:.5rem}.btn-icon:hover{background:#f5f5f5;border-color:#1976d2;color:#1976d2}.modal-overlay{padding:1rem}.modal-content{box-shadow:0 4px 20px #0003;width:100%}.modal-content.small{max-width:400px}.modal-content.large{max-width:900px}.detail-section{border-bottom:1px solid #e0e0e0;margin-bottom:2rem;padding-bottom:1.5rem}.detail-section:last-child{border-bottom:none}.detail-section h3{color:#333;font-size:1.2rem;margin-bottom:1rem}.detail-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{flex-direction:column;gap:.25rem}.detail-item label{color:#666;font-size:.9rem;font-weight:600}.detail-item span{color:#333;font-size:1rem}.detail-item code{background:#f5f5f5;border-radius:4px;font-family:Courier New,monospace;padding:.25rem .5rem}.captains-list{display:flex;flex-direction:column;gap:1rem}.captain-item{align-items:center;background:#f9f9f9;border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.form-group label{font-weight:600}.form-control{transition:border-color .3s ease;width:100%}.form-control:focus{border-color:#1976d2}textarea.form-control{min-height:100px;resize:vertical}.date-inputs,.device-info{align-items:center;display:flex;gap:.5rem}.device-info{color:#666}.user-info{background:#f9f9f9;border-radius:8px;margin-bottom:1rem;padding:1rem}.user-info p{color:#333;margin:.5rem 0}.action-bar{display:flex;gap:1rem;margin-bottom:2rem}.section{margin-bottom:3rem}.section h2{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.zones-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:2rem}.zone-card{background:#fff;border-left:4px solid #1976d2;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.zone-card h3{color:#333;font-size:1.2rem;margin:0 0 .5rem}.zone-card p{color:#666;font-size:.9rem;margin:.5rem 0}.zone-dimensions{color:#1976d2;font-weight:600;margin-top:.5rem}.banner-thumbnail{border-radius:4px;height:50px;object-fit:cover;width:80px}.spinner{border-top-color:#1976d2}@media (max-width:768px){.app-user-management-page,.banner-management-page,.order-monitoring-page,.super-admin-dashboard,.vendor-management-page{padding:1rem}.quick-actions-grid,.stats-grid{grid-template-columns:1fr}.search-section{align-items:stretch;flex-direction:column}.search-box{max-width:100%}.filter-row{align-items:stretch}.action-bar,.date-inputs,.filter-row{flex-direction:column}.modal-content{max-width:95%}.detail-grid{grid-template-columns:1fr}}.vendor-owner-page{background:#f5f5f5;min-height:100vh;padding:5rem 2rem 2rem}.page-header{gap:1rem}.btn-back{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.btn-back:hover{background:#f5f5f5}.page-header h1{font-size:1.8rem;margin:0}.filter-buttons{display:flex;flex-wrap:wrap;gap:1rem}.filter-btn{border:1px solid #ddd}.filter-btn:hover{background:#f5f5f5}.filter-btn.active{background:#1976d2;border-color:#1976d2}.date-range-picker{align-items:center;display:flex;gap:1rem;margin-top:1rem}.date-range-picker input{padding:.5rem}.date-range-picker input,.search-box{border:1px solid #ddd;border-radius:8px}.search-box{align-items:center;background:#fff;display:flex;gap:.5rem;padding:.75rem 1rem}.search-box input{border:none;flex:1 1;font-size:1rem;outline:none}.menu-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.menu-item-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s ease}.menu-item-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.menu-item-image{height:200px;object-fit:cover;width:100%}.menu-item-content{padding:1.5rem}.menu-item-content h3{color:#333;font-size:1.2rem;margin:0 0 .5rem}.menu-item-category{color:#666;font-size:.9rem;margin:0 0 .5rem}.menu-item-description{color:#666;font-size:.9rem;line-height:1.5;margin:.5rem 0}.menu-item-footer{align-items:center;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-top:1rem;padding-top:1rem}.menu-item-price{color:#388e3c;font-size:1.3rem;font-weight:700}.table-section{margin-top:2rem;padding:2rem}.table-section h2{color:#333;font-size:1.5rem;margin-bottom:1.5rem}.captains-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.captains-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.captain-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;transition:all .3s ease}.captain-card:hover{box-shadow:0 4px 12px #00000026}.captain-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem}.captain-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;width:60px}.captain-info h3{color:#333;font-size:1.2rem;margin:0 0 .5rem}.captain-details{display:flex;flex-direction:column;gap:.75rem}.captain-details .detail-row{align-items:center;color:#666;display:flex;gap:.5rem}.captain-details .detail-row svg{color:#1976d2}.captain-details .label{color:#333;font-weight:600}.empty-state svg{color:#ccc;font-size:3rem;margin-bottom:1rem}@media (max-width:768px){.vendor-owner-page{padding:1rem}.page-header{align-items:flex-start}.filter-buttons,.page-header{flex-direction:column}.captains-grid,.menu-grid{grid-template-columns:1fr}.date-range-picker{flex-direction:column}}.restaurants-list-page{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:90px 2rem 2rem}.page-header-modern{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;margin-bottom:2.5rem;padding:2rem}.header-stats{display:flex;gap:1.5rem}.stat-badge{align-items:center;background:linear-gradient(135deg,#1e7a9e,#2596be);border-radius:12px;display:flex;flex-direction:column;min-width:120px;padding:1rem 1.5rem}.stat-number{color:#fff;font-size:2rem;font-weight:700;line-height:1;margin-bottom:.5rem}.stat-label{color:#ffffffe6;font-weight:500}.restaurants-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.restaurant-card-modern{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.restaurant-card-modern:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.card-header-section{align-items:flex-start;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1.5rem}.logo-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;height:80px;justify-content:center;overflow:hidden;width:80px}.restaurant-logo{height:100%;object-fit:cover;width:100%}.logo-placeholder{align-items:center;background:linear-gradient(135deg,#1e7a9e,#2596be);color:#fff;display:flex;height:100%;justify-content:center;width:100%}.status-badges{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.status-badge{align-items:center;border-radius:20px;display:flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.4rem .8rem;text-transform:capitalize}.status-active{background:#d4edda;color:#155724}.status-inactive{background:#f8d7da;color:#721c24}.approval-badge{border-radius:20px;font-size:.8rem;font-weight:600;padding:.4rem .8rem;text-transform:capitalize}.approval-approved{background:#d4edda;color:#155724}.approval-pending{background:#fff3cd;color:#856404}.approval-rejected{background:#f8d7da;color:#721c24}.card-body-section{flex:1 1;padding:1.5rem}.restaurant-name{font-size:1.5rem;font-weight:700;margin:0 0 1.5rem}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.info-item{align-items:flex-start;display:flex;gap:.75rem}.info-icon{font-size:1.25rem}.info-text{display:flex;flex-direction:column;gap:.25rem;min-width:0}.info-value{font-weight:500}.address-full{align-items:flex-start;background:#f8f9fa;border-radius:8px;color:#555;display:flex;font-size:.9rem;gap:.5rem;line-height:1.5;margin-top:1rem;padding:1rem}.address-full svg{color:#2596be;flex-shrink:0;margin-top:.2rem}.card-footer-section{background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;gap:.75rem;padding:1rem 1.5rem}.action-btn{border-radius:8px;flex:1 1;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.action-primary{background:linear-gradient(135deg,#2596be,#1e7a9e);color:#fff}.action-primary:hover{background:linear-gradient(135deg,#1e7a9e,#165f7d);box-shadow:0 4px 12px #2596be4d;transform:translateY(-2px)}.action-secondary{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff}.action-secondary:hover{background:linear-gradient(135deg,#5a6268,#495057);box-shadow:0 4px 12px #6c757d4d;transform:translateY(-2px)}.action-info{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff}.action-info:hover{background:linear-gradient(135deg,#138496,#117a8b);box-shadow:0 4px 12px #17a2b84d;transform:translateY(-2px)}.empty-state-modern{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:4rem 2rem;text-align:center}.empty-icon{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#2596be;height:120px;margin:0 auto 2rem;width:120px}.empty-state-modern h3{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.empty-state-modern p{color:#666;font-size:1rem;margin:0}@media (max-width:1200px){.restaurants-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.restaurants-list-page{padding:80px 1rem 1rem}.page-header-modern{align-items:flex-start;flex-direction:column;gap:1.5rem;padding:1.5rem}.header-stats{justify-content:space-around;width:100%}.restaurants-grid{gap:1.5rem}.info-grid,.restaurants-grid{grid-template-columns:1fr}.card-footer-section{flex-direction:column}.action-btn{width:100%}}@media (max-width:480px){.header-content h1{font-size:1.5rem}.restaurant-name{font-size:1.25rem}.stat-badge{min-width:100px;padding:.75rem 1rem}.stat-number{font-size:1.5rem}}.consolidated-sales-page{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:90px 2rem 2rem}.sales-header{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.header-content h1{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0 0 .5rem}.header-content p{color:#666;font-size:1rem;margin:0}.filter-group{background:#f8f9fa;border-radius:12px;display:flex;gap:.75rem;padding:.5rem}.filter-btn{align-items:center;background:#fff;border:2px solid #0000;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.filter-btn:hover{background:#e9ecef;color:#333}.filter-btn.active{background:linear-gradient(135deg,#2596be,#1e7a9e);border-color:#2596be;box-shadow:0 4px 12px #2596be4d;color:#fff}.stats-grid-modern{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card-modern{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;gap:1.5rem;overflow:hidden;padding:1.75rem;position:relative;transition:all .3s ease}.stat-card-modern:before{background:linear-gradient(180deg,#2596be,#1e7a9e);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.stat-card-modern:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.stat-icon-wrapper{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.stat-restaurants .stat-icon-wrapper{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2}.stat-revenue .stat-icon-wrapper{background:linear-gradient(135deg,#f3e5f5,#e1bee7);color:#7b1fa2}.stat-orders .stat-icon-wrapper{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#388e3c}.stat-average .stat-icon-wrapper{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#f57c00}.stat-details{display:flex;flex-direction:column;gap:.5rem}.stat-label{color:#666;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#1a1a1a;font-size:1.75rem;font-weight:700;line-height:1}.chart-container-modern{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem;padding:2rem}.chart-header{margin-bottom:1.5rem}.chart-header h3{align-items:center;color:#1a1a1a;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0 0 .5rem}.chart-header p{color:#666;font-size:.95rem;margin:0}.chart-wrapper{background:#fafafa;border-radius:12px;padding:1.5rem}.orders-section-modern{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:2rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header h3{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin:0}.orders-count{background:#e3f2fd;border-radius:20px;color:#1976d2;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.table-container{border:1px solid #e0e0e0;border-radius:12px;overflow-x:auto}.modern-table{background:#fff;border-collapse:collapse;width:100%}.modern-table thead{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.modern-table thead th{border-bottom:2px solid #e0e0e0;color:#333;font-size:.875rem;font-weight:700;letter-spacing:.5px;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}.modern-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s ease}.modern-table tbody tr:hover{background:#f8f9fa}.modern-table tbody tr:last-child{border-bottom:none}.modern-table tbody td{color:#333;font-size:.95rem;padding:1.25rem 1.5rem}.order-id{background:#e3f2fd;border-radius:6px;color:#2596be;font-family:Courier New,monospace;font-size:.875rem;font-weight:700;padding:.25rem .75rem}.restaurant-name{color:#1a1a1a;font-weight:600}.amount{color:#388e3c;font-size:1rem;font-weight:700}.status-badge-table{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;padding:.4rem .9rem;text-transform:capitalize}.date-cell{color:#666;font-size:.9rem}@media (max-width:1024px){.stats-grid-modern{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.consolidated-sales-page{padding:80px 1rem 1rem}.sales-header{align-items:flex-start;flex-direction:column;gap:1.5rem;padding:1.5rem}.filter-group{flex-direction:column;width:100%}.filter-btn{justify-content:center;width:100%}.stats-grid-modern{grid-template-columns:1fr}.chart-container-modern,.orders-section-modern{padding:1.5rem}.header-content h1,.stat-value{font-size:1.5rem}.table-container{overflow-x:scroll}.modern-table{min-width:600px}}@media (max-width:480px){.stat-card-modern{flex-direction:column;text-align:center}.stat-icon-wrapper{height:56px;width:56px}.stat-details{align-items:center}.chart-header h3{font-size:1.25rem}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}}.analytics-page{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:90px 2rem 2rem}.analytics-header{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;margin-bottom:2rem;padding:2rem}.analytics-header .header-content h1{align-items:center;color:#1a1a1a;display:flex;font-size:2rem;font-weight:700;gap:1rem;margin:0 0 .5rem}.analytics-header .header-content p{color:#666;font-size:1rem;margin:0}.analytics-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.analytics-stat-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden;padding:1.75rem;position:relative;transition:all .3s ease}.analytics-stat-card:before{background:linear-gradient(90deg,#2596be,#1e7a9e);content:"";height:4px;left:0;position:absolute;right:0;top:0}.analytics-stat-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.stat-top{justify-content:space-between;margin-bottom:1rem}.stat-icon-modern,.stat-top{align-items:center;display:flex}.stat-icon-modern{border-radius:12px;height:56px;justify-content:center;width:56px}.stat-icon-modern,.stat-orders .stat-icon-modern{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2}.stat-revenue .stat-icon-modern{background:linear-gradient(135deg,#f3e5f5,#e1bee7);color:#7b1fa2}.stat-average .stat-icon-modern{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#388e3c}.stat-restaurants .stat-icon-modern{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#f57c00}.stat-trend{align-items:center;border-radius:8px;display:flex;font-size:.875rem;font-weight:600;padding:.4rem .6rem}.stat-trend.positive{background:#d4edda;color:#155724}.stat-info{display:flex;flex-direction:column;gap:.5rem}.stat-value-large{color:#1a1a1a;font-size:2rem;font-weight:700;line-height:1}.stat-label-modern{color:#666;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-meta{display:flex;gap:.5rem;margin-top:.5rem}.meta-badge{background:#f8f9fa;border-radius:6px;color:#666;font-size:.8rem;font-weight:500;padding:.35rem .75rem}.analytics-charts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr;margin-bottom:2rem}.analytics-chart-card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:2rem}.chart-card-header{margin-bottom:1.5rem}.chart-card-header h3{align-items:center;color:#1a1a1a;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin:0 0 .5rem}.chart-card-header p{color:#666;font-size:.9rem;margin:0}.chart-content{background:#fafafa;border-radius:12px;padding:1.5rem}.top-performers-section{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:2rem}.section-header-modern{margin-bottom:2rem}.section-header-modern h3{align-items:center;color:#1a1a1a;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0 0 .5rem}.section-header-modern p{color:#666;font-size:.95rem;margin:0}.performers-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.performer-card{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.performer-card:hover{background:#fff;border-color:#2596be;box-shadow:0 4px 12px #2596be26;transform:translateY(-2px)}.rank-badge{align-items:center;background:linear-gradient(135deg,#2596be,#1e7a9e);border-radius:12px;box-shadow:0 4px 12px #2596be4d;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:64px;justify-content:center;width:64px}.performer-card:first-child .rank-badge{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a1a}.performer-card:nth-child(2) .rank-badge{background:linear-gradient(135deg,silver,#e8e8e8);color:#1a1a1a}.performer-card:nth-child(3) .rank-badge{background:linear-gradient(135deg,#cd7f32,#e8a87c);color:#fff}.rank-number{font-size:1.75rem}.performer-content{flex:1 1;min-width:0}.performer-name{color:#1a1a1a;font-size:1.1rem;font-weight:700;margin:0 0 .75rem;word-break:break-word}.performer-stats{display:flex;flex-wrap:wrap;gap:1.5rem}.performer-stat{align-items:center;color:#666;display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.performer-stat svg{color:#2596be}.revenue-stat{color:#388e3c;font-weight:700}.revenue-stat svg{color:#388e3c}@media (max-width:1200px){.analytics-charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.analytics-page{padding:80px 1rem 1rem}.analytics-header{padding:1.5rem}.analytics-header .header-content h1{font-size:1.5rem}.analytics-stats-grid{grid-template-columns:1fr}.analytics-chart-card{padding:1.5rem}.performers-grid{grid-template-columns:1fr}.performer-card{flex-direction:column;text-align:center}.performer-stats{justify-content:center}}@media (max-width:480px){.stat-value-large{font-size:1.5rem}.rank-badge{height:56px;width:56px}.rank-number{font-size:1.5rem}.chart-card-header h3{font-size:1.1rem}}.all-orders-page{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:90px 2rem 2rem}.orders-page-header{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.orders-page-header .header-content h1{align-items:center;color:#1a1a1a;display:flex;font-size:2rem;font-weight:700;gap:1rem;margin:0 0 .5rem}.orders-page-header .header-content p{color:#666;font-size:1rem;margin:0}.header-stats-mini{display:flex;gap:1rem}.mini-stat{align-items:center;background:linear-gradient(135deg,#2596be,#1e7a9e);border-radius:12px;display:flex;flex-direction:column;min-width:100px;padding:1rem 1.5rem}.mini-stat-value{color:#fff;font-size:1.75rem;font-weight:700;line-height:1;margin-bottom:.5rem}.mini-stat-label{color:#ffffffe6;font-size:.8rem;font-weight:500}.filters-bar-modern{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.filters-left{display:flex;flex-wrap:wrap;gap:1.5rem}.filter-item{display:flex;flex-direction:column;gap:.5rem}.filter-item label{align-items:center;color:#666;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.5px;text-transform:uppercase}.filter-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;font-size:.95rem;font-weight:500;min-width:180px;padding:.75rem 1rem;transition:all .3s ease}.filter-select:hover{border-color:#2596be}.filter-select:focus{border-color:#2596be;box-shadow:0 0 0 3px #2596be1a;outline:none}.orders-grid-modern{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.order-card-modern{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:all .3s ease}.order-card-modern:hover{border-color:#2596be;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.order-card-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1.25rem}.order-id-section{display:flex;flex-direction:column;gap:.5rem}.order-id-badge{background:#e3f2fd;border-radius:8px;color:#2596be;display:inline-block;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;padding:.4rem .9rem}.order-time{align-items:center;color:#666;display:flex;font-size:.85rem;font-weight:500;gap:.4rem}.order-badges{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.type-badge{align-items:center;border-radius:20px;display:flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.4rem .8rem;text-transform:capitalize}.type-dine-in{background:#e3f2fd;color:#1976d2}.type-takeaway{background:#fff3e0;color:#f57c00}.type-delivery{background:#f3e5f5;color:#7b1fa2}.status-badge-modern{align-items:center;border-radius:20px;display:flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.4rem .8rem;text-transform:capitalize}.status-completed{background:#d4edda;color:#155724}.status-pending{background:#fff3cd;color:#856404}.status-processing{background:#cce5ff;color:#004085}.status-cancelled{background:#f8d7da;color:#721c24}.order-card-body{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.customer-info,.phone-info,.restaurant-info{align-items:flex-start;display:flex;gap:.75rem}.info-icon{color:#2596be;flex-shrink:0;margin-top:.2rem}.customer-info>div,.phone-info>div,.restaurant-info>div{display:flex;flex-direction:column;gap:.25rem;min-width:0}.info-label{color:#666;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#1a1a1a;font-size:.95rem;font-weight:600;word-break:break-word}.order-card-footer{background:#f8f9fa;border-top:1px solid #e0e0e0;padding:1.25rem}.order-amount{align-items:center;display:flex;justify-content:space-between}.amount-label{color:#666;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.amount-value{color:#388e3c;font-size:1.5rem;font-weight:700}.empty-state-orders{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:4rem 2rem;text-align:center}.empty-icon-large{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:50%;color:#2596be;display:flex;height:120px;justify-content:center;margin:0 auto 2rem;width:120px}.empty-state-orders h3{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.empty-state-orders p{color:#666;font-size:1rem;margin:0}@media (max-width:1024px){.orders-grid-modern{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.all-orders-page{padding:80px 1rem 1rem}.orders-page-header{align-items:flex-start;flex-direction:column;gap:1.5rem;padding:1.5rem}.orders-page-header .header-content h1{font-size:1.5rem}.header-stats-mini{justify-content:center;width:100%}.filters-bar-modern{padding:1.25rem}.filters-left{flex-direction:column;width:100%}.filter-select{width:100%}.orders-grid-modern{grid-template-columns:1fr}}@media (max-width:480px){.order-card-header{align-items:flex-start;flex-direction:column;gap:1rem}.order-badges{align-items:flex-start;flex-direction:row;width:100%}.amount-value{font-size:1.25rem}}.settings-page{background:#f5f5f5;min-height:100vh;padding:2rem}.settings-header{background:linear-gradient(135deg,#1e7a9e,#1e7a9e);border-radius:12px;box-shadow:0 4px 12px #ff6b3533;color:#fff;margin-bottom:2rem;margin-top:50px;padding:2rem}.settings-header-content{align-items:center;display:flex;gap:1.5rem;margin:0 auto;max-width:1200px}.settings-icon-wrapper{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;display:flex;height:80px;justify-content:center;width:80px}.settings-main-icon{color:#fff;font-size:2.5rem}.settings-header h1{font-size:2rem;font-weight:700;margin:0 0 .5rem}.settings-header p{font-size:1.1rem;margin:0;opacity:.9}.settings-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:250px 1fr}.settings-sidebar{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;height:-webkit-fit-content;height:fit-content;padding:1rem;position:-webkit-sticky;position:sticky;top:2rem}.settings-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:1rem;gap:1rem;margin-bottom:.5rem;padding:1rem;text-align:left;transition:all .3s ease;width:100%}.settings-tab:hover{background:#f5f7fa;color:#333}.settings-tab.active{background:linear-gradient(135deg,#1e7a9e,#1e7a9e);color:#fff;font-weight:600}.tab-icon{font-size:1.3rem}.settings-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;min-height:500px;padding:2.5rem}.settings-section{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-header{border-bottom:2px solid #f0f0f0;margin-bottom:2.5rem;padding-bottom:1.5rem}.section-header h2{font-size:1.8rem;font-weight:700;margin:0 0 .5rem}.section-header p{color:#666;font-size:1rem;margin:0}.settings-form{max-width:600px}.form-row{margin-bottom:2rem}.form-group-modern{position:relative}.form-group-modern label{align-items:center;color:#333;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.input-icon{color:#1e7a9e;font-size:1.1rem}.modern-input{background:#fafafa;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.modern-input:focus{background:#fff;border-color:#1e7a9e;box-shadow:0 0 0 4px #ff6b351a;outline:none}.modern-input::placeholder{color:#999}.input-hint{color:#666;display:block;font-size:.85rem;margin-top:.5rem}.form-actions{border-top:2px solid #f0f0f0;margin-top:2.5rem;padding-top:2rem}.btn-save{align-items:center;background:linear-gradient(135deg,#1e7a9e,#1e7a9e);border:none;border-radius:10px;box-shadow:0 4px 12px #ff6b354d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.btn-save:hover{box-shadow:0 6px 16px #ff6b3566;transform:translateY(-2px)}.btn-save:active{transform:translateY(0)}.notification-settings{display:flex;flex-direction:column;gap:1.5rem}.notification-item{align-items:center;background:#fafafa;border:2px solid #f0f0f0;border-radius:12px;display:flex;justify-content:space-between;padding:1.5rem;transition:all .3s ease}.notification-item:hover{background:#fff;border-color:#1e7a9e}.notification-info h4{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.notification-info p{color:#666;font-size:.9rem;margin:0}.toggle-switch{display:inline-block;height:32px;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:32px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:24px;left:4px;position:absolute;transition:.4s;width:24px}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#1e7a9e,#1e7a9e)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(28px)}@media (max-width:1024px){.settings-layout{gap:1.5rem;grid-template-columns:1fr}.settings-sidebar{display:flex;overflow-x:auto;padding:.5rem;position:static}.settings-tab{flex-shrink:0;margin-bottom:0;margin-right:.5rem;min-width:150px}}@media (max-width:768px){.settings-header{padding:2rem 1rem}.settings-header-content{flex-direction:column;text-align:center}.settings-header h1{font-size:2rem}.settings-layout{padding:0 1rem 1rem}.settings-content{padding:1.5rem}.section-header h2{font-size:1.5rem}.settings-form{max-width:100%}.notification-item{align-items:flex-start;flex-direction:column;gap:1rem}}.settings-section{margin-bottom:1.5rem}.settings-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;transition:all .3s ease}.settings-card:hover{border-color:#2596be;box-shadow:0 6px 20px #2596be26}.settings-card-header{align-items:center;background:linear-gradient(135deg,#1e7a9e,#2596be);color:#fff;display:flex;gap:.75rem;padding:1.25rem 1.5rem}.settings-card-header h2{font-size:1.15rem;font-weight:600;letter-spacing:.3px;margin:0}.settings-icon{font-size:1.3rem}.settings-card-body{padding:1.5rem}.checkbox-label{align-items:center;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;padding:.75rem;transition:background .2s ease}.checkbox-label:hover{background:#f9fafb}.checkbox-label input[type=checkbox]{accent-color:#2596be;cursor:pointer;height:18px;width:18px}.checkbox-label span{font-weight:500;-webkit-user-select:none;user-select:none}.info-box{background:#f0f9ff;border-left:4px solid #2596be;border-radius:10px;margin-top:1rem;padding:1rem 1.25rem}.info-box p{color:#374151;font-size:.9rem;line-height:1.6;margin:0}.info-box strong{color:#2596be;font-weight:600}.info-box button{font-size:.875rem;margin-top:.75rem;padding:.5rem 1rem}.settings-actions{display:flex;justify-content:center;margin-top:2.5rem;padding-bottom:2rem}.btn-large{align-items:center;border-radius:10px;display:flex;font-size:1rem;font-weight:600;gap:.5rem;letter-spacing:.3px;padding:.75rem 2rem}.btn-large svg{font-size:1.1rem}@media (max-width:768px){.settings-card-body{padding:1.5rem}.btn-large{justify-content:center;width:100%}}.page-header{justify-content:space-between}.plans-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:2rem}.plan-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem;transition:all .3s ease}.plan-card:hover{border-color:#2596be;box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.plan-card.inactive{background:#f5f5f5;opacity:.6}.plan-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.plan-header h3{color:#333;font-size:1.5rem;margin:0}.plan-price{border-bottom:2px solid #e0e0e0;border-top:2px solid #e0e0e0;margin-bottom:1.5rem;padding:1.5rem 0;text-align:center}.plan-price .currency{color:#666;font-size:1.5rem;vertical-align:super}.plan-price .amount{color:#2596be;font-size:3rem;font-weight:700}.plan-price .duration{color:#666;font-size:1rem;margin-left:.5rem}.plan-features{margin-bottom:1.5rem}.plan-features h4{color:#666;font-size:1rem;letter-spacing:.5px;margin-bottom:1rem;text-transform:uppercase}.plan-features ul{list-style:none;margin:0;padding:0}.plan-features li{align-items:center;color:#333;display:flex;gap:.75rem;padding:.5rem 0}.check-icon{color:#4caf50;flex-shrink:0;font-size:1.2rem}.plan-actions{display:flex;gap:.75rem;margin-top:1.5rem}.plan-actions .btn{flex:1 1}.btn-sm{font-size:.85rem}.feature-input-group{display:flex;gap:.5rem;margin-bottom:1rem}.feature-input-group .form-control{flex:1 1}.features-list{border:1px solid #e0e0e0;border-radius:8px;margin-top:1rem;max-height:200px;overflow-y:auto;padding:.5rem}.feature-item{align-items:center;background:#f9f9f9;border-radius:6px;display:flex;gap:.5rem;margin-bottom:.5rem;padding:.5rem}.feature-item:last-child{margin-bottom:0}.feature-item span{color:#333;flex:1 1}.remove-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .3s ease;width:24px}.remove-btn:hover{background:#dc2626}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.plans-grid{grid-template-columns:1fr}.plan-actions{flex-direction:column}}.sa-notif-wrapper{background:#f5f7fa;margin:0 auto;max-width:1200px;min-height:100vh;padding:24px}.sa-notif-header{background:#fff;border-radius:16px;box-shadow:0 4px 16px #667eea26;margin-bottom:24px;margin-top:60px;padding:24px}.sa-header-top{justify-content:space-between;margin-bottom:24px}.sa-header-top,.sa-title{align-items:center;display:flex}.sa-title{gap:12px}.sa-header-icon{color:#2596be;font-size:32px}.sa-notif-header h1{color:#1f2937;font-size:28px;font-weight:700;margin:0}.sa-refresh-btn{align-items:center;background:#2596be;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s;width:44px}.sa-refresh-btn:hover{background:#4338ca;transform:rotate(180deg)}.sa-notif-filters{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.sa-filter-tabs{background:#f3f4f6;border-radius:12px;display:flex;gap:8px;padding:6px}.sa-filter-tabs button{background:#0000;border:none;border-radius:10px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s;white-space:nowrap}.sa-filter-tabs button.sa-active{background:#2596be;box-shadow:0 2px 4px #4f46e533;color:#fff}.sa-filter-tabs button:hover:not(.sa-active){background:#e5e7eb;color:#374151}.sa-mark-all-btn{align-items:center;background:#10b981;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s}.sa-mark-all-btn:hover{background:#059669;transform:translateY(-2px)}.sa-notif-list-section{background:#fff;border-radius:16px;box-shadow:0 4px 16px #667eea1a;padding:24px}.sa-list-header{border-bottom:3px solid #f3f4f6;margin-bottom:20px;padding-bottom:16px}.sa-list-header h2{color:#1f2937;font-size:22px;font-weight:700;margin:0}.sa-notif-list{display:flex;flex-direction:column;gap:16px}.sa-notif-card{align-items:flex-start;background:#fff;border:2px solid #f3f4f6;border-radius:14px;box-shadow:0 2px 8px #0000000a;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .3s}.sa-notif-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.sa-notif-card.sa-unread{background:#f0f9ff;border-left:4px solid #2596be;box-shadow:0 4px 12px #4f46e51a}.sa-notif-icon{align-items:center;border-radius:14px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;font-size:24px;height:52px;justify-content:center;min-width:52px;width:52px}.sa-notif-vendor .sa-notif-icon{background:#8b5cf6}.sa-notif-delivery .sa-notif-icon{background:#3b82f6}.sa-notif-plan .sa-notif-icon{background:#10b981}.sa-notif-default .sa-notif-icon{background:#2596be}.sa-notif-card.sa-unread .sa-notif-icon{animation:sa-pulse 2s infinite}@keyframes sa-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.sa-notif-content{flex:1 1;min-width:0}.sa-notif-header-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.sa-notif-badge{border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.8px;padding:6px 14px;text-transform:uppercase}.sa-notif-badge.sa-notif-vendor{background:#ede9fe;color:#7c3aed}.sa-notif-badge.sa-notif-delivery{background:#dbeafe;color:#2563eb}.sa-notif-badge.sa-notif-plan{background:#d1fae5;color:#059669}.sa-notif-time{align-items:center;color:#9ca3af;display:flex;font-size:13px;font-weight:500;gap:6px;white-space:nowrap}.sa-notif-time svg{font-size:14px}.sa-notif-title{color:#1f2937;font-size:17px;font-weight:700;margin:0 0 8px}.sa-notif-message{color:#6b7280;font-size:14px;line-height:1.6;margin:0 0 12px}.sa-notif-details{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.sa-detail-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 14px}.sa-detail-item svg{color:#6b7280;font-size:14px}.sa-action-btn,.sa-notif-actions{align-items:center;display:flex}.sa-action-btn{border:none;border-radius:12px;cursor:pointer;font-size:20px;height:44px;justify-content:center;min-width:44px;transition:all .3s;width:44px}.sa-action-btn.sa-mark-read{background:#10b981;color:#fff}.sa-action-btn.sa-mark-read:hover{background:#059669;transform:scale(1.1)}.sa-read-indicator{color:#10b981;font-size:24px;opacity:.7}.sa-notif-empty{background:#fff;border:2px dashed #e5e7eb;border-radius:16px;padding:80px 40px;text-align:center}.sa-empty-icon{align-items:center;background:#2596be;border-radius:50%;color:#fff;display:flex;font-size:44px;height:90px;justify-content:center;margin:0 auto 24px;width:90px}.sa-notif-empty h3{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 10px}.sa-notif-empty p{color:#9ca3af;font-size:15px;margin:0 auto;max-width:400px}.sa-notif-loading{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;min-height:60vh;padding:100px 40px}.sa-spinner{animation:sa-spin .8s linear infinite;border:5px solid #e5e7eb;border-radius:50%;border-top-color:#2596be;height:52px;width:52px}.sa-notif-loading p{color:#6b7280;font-size:16px;font-weight:500}@keyframes sa-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.sa-notif-wrapper{padding:16px}.sa-notif-header{padding:20px}.sa-notif-header h1{font-size:24px}.sa-notif-stats{grid-template-columns:1fr 1fr}.sa-notif-filters{align-items:stretch;flex-direction:column}.sa-filter-tabs{overflow-x:auto;width:100%}.sa-filter-tabs button{flex:1 1;font-size:13px;padding:10px 16px}.sa-notif-card{padding:16px}.sa-notif-icon{font-size:20px;height:44px;min-width:44px;width:44px}.sa-notif-header-row{align-items:flex-start;flex-direction:column}.sa-list-header h2{font-size:18px}}.captains-page,.coupons-page,.expenses-page,.inventory-page,.menu-management-page,.open-tables-page,.orders-page,.qr-codes-page,.vendor-dashboard,.vendor-reports-page,.vendor-settings-page{margin:0 auto;max-width:1400px;min-height:100vh;padding:90px 2rem 2rem}.menu-tabs-container{background:#f8f9fa;border-radius:12px;margin-bottom:2rem;padding:1rem}.menu-tabs{display:flex;flex-wrap:wrap;gap:1rem}.menu-tab{background:#fff;border:2px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 4px #0000000d;cursor:pointer;flex:1 1;min-width:200px;padding:1.25rem 1.5rem;transition:all .3s ease}.menu-tab:hover{box-shadow:0 4px 12px #0000001a}.menu-tab.active,.menu-tab:hover{border-color:#2596be;transform:translateY(-2px)}.menu-tab.active{background:#2596be}.menu-tab .tab-content{align-items:center;display:flex;gap:1rem}.menu-tab .tab-icon{font-size:2rem;line-height:1;transition:transform .3s ease}.menu-tab:hover .tab-icon{transform:scale(1.1)}.menu-tab.active .tab-icon{transform:scale(1.15)}.menu-tab .tab-text{align-items:flex-start;display:flex;flex-direction:column;gap:.25rem}.menu-tab .tab-label{color:#333;font-size:1rem;font-weight:600;transition:color .3s ease}.menu-tab.active .tab-label{color:#fff}.menu-tab .tab-count{color:#666;font-size:.875rem;font-weight:500}.quick-add-btn{align-items:center;background:linear-gradient(135deg,#2596be,#1e7a9e);border:none;border-radius:8px;box-shadow:0 2px 6px #2596be4d;color:#fff;cursor:pointer;display:flex;justify-content:center;min-width:44px;padding:.5rem .75rem;transition:all .3s ease}.quick-add-btn:hover{background:linear-gradient(135deg,#1e7a9e,#165f7d);box-shadow:0 4px 10px #2596be66;transform:translateY(-1px)}.quick-add-btn:active{box-shadow:0 2px 4px #2596be4d;transform:translateY(0)}.quick-add-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;opacity:.6}.quick-add-btn:disabled:hover{box-shadow:none;transform:none;transition:color .3s ease}.toggle-group{align-items:center;display:flex;gap:1rem}.toggle-label{color:#333;font-size:.95rem;font-weight:600;margin:0}.toggle-switch-modern{display:inline-block;height:28px;margin:0;position:relative;width:52px}.toggle-switch-modern input{height:0;opacity:0;width:0}.toggle-slider-modern{background-color:#ccc;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider-modern:before{background-color:#fff;border-radius:50%;bottom:4px;box-shadow:0 2px 4px #0003;content:"";height:20px;left:4px;position:absolute;transition:.4s;width:20px}.toggle-switch-modern input:checked+.toggle-slider-modern{background:linear-gradient(135deg,#4caf50,#45a049)}.toggle-switch-modern input:focus+.toggle-slider-modern{box-shadow:0 0 0 3px #4caf5033}.toggle-switch-modern input:checked+.toggle-slider-modern:before{transform:translateX(24px)}.menu-tab.active .tab-count{color:#ffffffe6}@media (max-width:768px){.menu-tabs{flex-direction:column}.menu-tab{min-width:100%}}.btn-compact{align-items:center;display:inline-flex;font-size:.9rem!important;font-weight:500;gap:.5rem;padding:.6rem 1.2rem!important;white-space:nowrap}.qr-download-btn{align-items:center;border-radius:6px;display:inline-flex!important;font-size:.875rem!important;gap:.5rem;margin:0 auto;padding:.5rem 1.5rem!important;transition:all .3s ease;width:auto!important}.qr-download-btn:hover{box-shadow:0 4px 8px #2596be4d;transform:translateY(-1px)}.action-card:hover{box-shadow:0 8px 16px #0000001a}.coupons-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:2rem}.coupon-card{background:#fff;border:2px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.coupon-card:before{background:linear-gradient(180deg,#2596be,#1976d2);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.coupon-card:hover{border-color:#2596be;box-shadow:0 8px 20px #2596be26;transform:translateY(-4px)}.coupon-header{align-items:center;border-bottom:2px dashed #e0e0e0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.coupon-code-badge{align-items:center;background:linear-gradient(135deg,#2596be,#1976d2);border-radius:8px;box-shadow:0 2px 8px #2596be4d;display:flex;gap:.5rem;padding:.5rem 1rem}.coupon-icon{font-size:1.25rem}.coupon-code{color:#fff;font-size:1rem;font-weight:700;letter-spacing:1px}.coupon-description{color:#666;font-size:.9rem;line-height:1.5;margin-bottom:1rem;min-height:2.7rem}.coupon-details{background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem;padding:1rem}.coupon-detail-item{align-items:center;display:flex;justify-content:space-between}.detail-label{color:#666;font-size:.85rem;font-weight:500}.detail-value{color:#333;font-size:.9rem;font-weight:600}.coupon-actions{border-top:1px solid #e0e0e0;display:flex;gap:.5rem;justify-content:flex-end;padding-top:1rem}.btn-icon{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.btn-icon-edit{background:#e3f2fd;color:#1976d2}.btn-icon-edit:hover{background:#2196f3;color:#fff;transform:scale(1.1)}.btn-icon-toggle-on{background:#e8f5e9;color:#4caf50}.btn-icon-toggle-on:hover{background:#4caf50;color:#fff;transform:scale(1.1)}.btn-icon-toggle-off{background:#fff3e0;color:#ff9800}.btn-icon-toggle-off:hover{background:#ff9800;color:#fff;transform:scale(1.1)}.btn-icon-delete{background:#ffebee;color:#f44336}.btn-icon-delete:hover{background:#f44336;color:#fff;transform:scale(1.1)}.btn-icon-password{background:#fff3e0;color:#ff9800}.btn-icon-password:hover{background:#ff9800;color:#fff;transform:scale(1.1)}@media (max-width:768px){.coupons-grid{grid-template-columns:1fr}}.page-header{margin-bottom:2rem}.page-header h1{color:#333;font-size:2rem;margin-bottom:.5rem}.page-header p{color:#666;font-size:1rem}.page-header{align-items:center;display:flex;justify-content:left}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.stat-icon{align-items:center;border-radius:12px;display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}.stat-content h3{color:#333;font-size:2rem;font-weight:700;margin:0}.stat-content p{color:#666;font-size:.9rem;margin:.25rem 0 0}.section-header{margin:2rem 0 1rem}.section-header h2{color:#333;font-size:1.5rem;margin:0}.quick-actions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:2rem}.action-card{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:1rem;padding:2rem 1.5rem;text-align:center;transition:all .3s ease}.action-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-4px)}.action-icon{align-items:center;border-radius:12px;display:flex;font-size:1.8rem;height:60px;justify-content:center;width:60px}.action-card h3{color:#333;font-size:1.1rem;margin:0}.table-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;overflow:hidden}.table-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1.5rem}.table-header h3{color:#333;font-size:1.3rem;margin:0}.table-responsive{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:#f5f5f5}.data-table th{border-bottom:2px solid #e0e0e0;color:#333;font-weight:600;padding:1rem;text-align:left}.data-table td{border-bottom:1px solid #e0e0e0;color:#666;padding:1rem}.data-table tbody tr:hover{background:#f9f9f9}.filters-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.form-control{border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:1rem;min-width:200px;padding:.75rem}.form-control:focus{border-color:#2596be;outline:none}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;transition:all .3s ease}.btn-primary{background:#2596be;color:#fff}.btn-primary:hover{background:#1e7a9e}.btn-secondary{background:#757575;color:#fff}.btn-secondary:hover{background:#616161}.btn-success{background:#388e3c;color:#fff}.btn-success:hover{background:#2e7d32}.btn-danger{background:#d32f2f;color:#fff}.btn-danger:hover{background:#c62828}.btn-sm{font-size:.8rem;padding:.4rem .8rem}.badge{border-radius:12px;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.badge-success{background:#e8f5e9;color:#388e3c}.badge-warning{background:#fff3e0;color:#f57c00}.badge-danger{background:#ffebee;color:#d32f2f}.badge-info{background:#e3f2fd;color:#2596be}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 4px 24px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-content.large{max-width:800px}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#333;font-size:1.5rem;margin:0}.close-btn{background:none;border:none;color:#666;cursor:pointer;font-size:2rem;line-height:1}.close-btn:hover{color:#333}.modal-body,.modal-footer{padding:1.5rem}.modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:1rem;justify-content:flex-end}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.empty-state{color:#666;padding:3rem;text-align:center}.empty-state p{font-size:1.1rem;margin-bottom:1.5rem}.loading{align-items:center;display:flex;justify-content:center;min-height:400px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-top-color:#2596be;height:50px;width:50px}.action-buttons{display:flex;gap:.5rem}@media (max-width:768px){.captains-page,.coupons-page,.expenses-page,.inventory-page,.menu-management-page,.open-tables-page,.orders-page,.qr-codes-page,.vendor-dashboard,.vendor-reports-page,.vendor-settings-page{padding:80px 1rem 1rem}.stats-grid{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.filter-row{flex-direction:column}.form-control{min-width:100%}.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.modal-content{width:95%}.table-responsive{font-size:.9rem}.data-table td,.data-table th{padding:.75rem .5rem}}.notif-wrapper{background:linear-gradient(135deg,#f5f7fa,#e8ecf1);margin:0 auto;max-width:1200px;min-height:100vh;padding:24px}.notif-header{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a;margin-bottom:24px;margin-top:50px;padding:24px}.header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.notif-header .title{align-items:center;display:flex;gap:12px}.header-icon{color:#4f46e5;font-size:28px}.notif-header h1{color:#1f2937;font-size:28px;font-weight:700;margin:0}.refresh-btn{align-items:center;background:#f3f4f6;border:none;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.refresh-btn:hover{background:#e5e7eb;color:#4f46e5;transform:rotate(90deg)}.notif-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.notif-wrapper .stat-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea33;color:#fff;display:flex;gap:16px;padding:20px;transition:transform .2s}.notif-wrapper .stat-card:hover{transform:translateY(-4px)}.notif-wrapper .stat-card svg{font-size:32px;opacity:.9}.notif-wrapper .stat-card div{display:flex;flex-direction:column}.notif-wrapper .stat-value{font-size:28px;font-weight:700;line-height:1}.notif-wrapper .stat-label{font-size:13px;margin-top:4px;opacity:.9}.notif-wrapper .stat-card.unread{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 12px #f5576c33}.notif-wrapper .stat-card.orders{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 12px #4facfe33}.notif-filters{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.notif-wrapper .filter-tabs{background:#f3f4f6;border-radius:10px;display:flex;gap:8px;padding:4px}.notif-wrapper .filter-tabs button{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s;white-space:nowrap}.notif-wrapper .filter-tabs button.active{background:#fff;box-shadow:0 2px 4px #00000014;color:#4f46e5}.notif-wrapper .filter-tabs button:hover:not(.active){color:#374151}.notif-wrapper .mark-all-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.notif-wrapper .mark-all-btn:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.notif-list-section{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a;padding:24px}.list-header{border-bottom:2px solid #f3f4f6;margin-bottom:20px;padding-bottom:16px}.list-header h2{align-items:center;color:#1f2937;display:flex;font-size:20px;font-weight:600;gap:8px;margin:0}.notif-list{display:flex;flex-direction:column;gap:12px}.notif-card{align-items:flex-start;background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000000a;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .3s}.notif-card:hover{border-color:#e5e7eb;box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.notif-card.unread{background:linear-gradient(135deg,#eef2ff,#fff);border-left:4px solid #4f46e5;box-shadow:0 4px 12px #4f46e51a}.notif-card.unread:hover{box-shadow:0 8px 24px #4f46e526}.notif-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:22px;height:48px;justify-content:center;min-width:48px;width:48px}.notif-card.unread .notif-icon{animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.notif-content{flex:1 1;min-width:0}.notif-header-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.notif-badge{border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.notif-badge.NEW_ORDER{background:#dbeafe;color:#1e40af}.notif-badge.ORDER_ACCEPTED{background:#d1fae5;color:#065f46}.notif-badge.ORDER_CANCELLED{background:#fee2e2;color:#991b1b}.notif-badge.ORDER_COMPLETED{background:#e0e7ff;color:#4338ca}.notif-time{align-items:center;color:#9ca3af;display:flex;font-size:13px;gap:4px;white-space:nowrap}.notif-time svg{font-size:14px}.notif-title{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 6px}.notif-message{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 12px}.notif-details{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.detail-item{align-items:center;background:#f9fafb;border-radius:8px;color:#4b5563;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.detail-item svg{color:#9ca3af;font-size:14px}.detail-item.amount{background:#ecfdf5;color:#059669;font-weight:600}.action-btn,.notif-actions{align-items:center;display:flex}.action-btn{border:none;border-radius:10px;cursor:pointer;font-size:18px;height:40px;justify-content:center;min-width:40px;transition:all .2s;width:40px}.action-btn.mark-read{background:#ecfdf5;color:#059669}.action-btn.mark-read:hover{background:#d1fae5;transform:scale(1.1)}.read-indicator{color:#10b981;font-size:20px;opacity:.6}.notif-empty{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000000a;padding:80px 40px;text-align:center}.empty-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:40px;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.notif-empty h3{color:#1f2937;font-size:22px;margin:0 0 8px}.notif-empty p{color:#9ca3af;font-size:15px;margin:0}.notif-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:100px 40px}.spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#4f46e5;height:48px;width:48px}.notif-loading p{color:#6b7280;font-size:15px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.notif-wrapper{padding:16px}.notif-header{padding:20px}.notif-header h1{font-size:24px}.notif-stats{grid-template-columns:1fr}.notif-filters{align-items:stretch;flex-direction:column}.filter-tabs{justify-content:space-between;width:100%}.filter-tabs button{flex:1 1;font-size:13px;padding:10px 12px}.notif-card{padding:16px}.notif-icon{font-size:18px;height:40px;min-width:40px;width:40px}.notif-header-row{align-items:flex-start;flex-direction:column}}
/*# sourceMappingURL=main.0c4b0306.css.map*/