@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Work+Sans:wght@400;500&display=swap";.app-container{box-sizing:border-box;flex-direction:column;min-height:100vh;transition:padding-top .2s;display:flex}.app-container.has-toggle{padding-top:60px}.demo-role-switcher{z-index:1000;box-shadow:var(--shadow-lg);border:1px solid #0000000d;border-radius:40px;padding:8px;position:fixed;top:20px;left:50%;transform:translate(-50%)}.role-buttons{gap:4px;display:flex}.role-buttons button{color:var(--text-secondary);border-radius:30px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.role-buttons button.active{background:var(--primary);color:#fff}.role-buttons button:hover:not(.active){background:#0000000d}.view-content{flex:1}@media (width<=600px){.demo-role-switcher{width:90%;top:auto;bottom:20px}.role-buttons button span{display:none}.role-buttons{justify-content:space-around;width:100%}}.customer-view{background:#fff;max-width:100%;min-height:100vh;margin:0 auto;padding-bottom:120px}@media (width>=1024px){.customer-view{background:#fcfcfc;max-width:1200px}}.customer-header{height:var(--header-height-mobile);z-index:1000;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;align-items:center;gap:15px;padding:16px 20px;display:flex;position:sticky;top:0}@media (width>=1024px){.customer-header{height:var(--header-height-desktop);padding:24px 30px}}.header-content{flex:1;align-items:center;gap:15px;display:flex}.logo{border-radius:14px;flex-shrink:0;width:48px;height:48px}.restaurant-info h1{color:var(--text-primary);letter-spacing:-.02em;font-size:20px;font-weight:800}@media (width>=1024px){.restaurant-info h1{font-size:24px}}.status{color:var(--success);align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.dot{background:var(--success);border-radius:50%;width:6px;height:6px}:root{--header-height-mobile:80px;--header-height-desktop:96px}.categories-scroll{scrollbar-width:none;top:var(--header-height-mobile);z-index:90;-webkit-overflow-scrolling:touch;background:#fff;border-bottom:1px solid #0000000d;gap:8px;width:100%;padding:12px 16px;display:flex;position:sticky;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000 100%);mask-image:linear-gradient(90deg,#000 85%,#0000 100%)}@media (width>=768px){.categories-scroll{top:var(--header-height-desktop);gap:10px;padding:15px 20px;-webkit-mask-image:none;mask-image:none}}.categories-scroll:after{content:"";min-width:16px;height:1px}.categories-scroll::-webkit-scrollbar{display:none}.category-pill{background:var(--bg-primary);white-space:nowrap;color:var(--text-secondary);border-radius:20px;flex-shrink:0;padding:6px 12px;font-size:13px;font-weight:600}@media (width>=768px){.category-pill{padding:8px 16px;font-size:14px}}.category-pill.active{background:var(--text-primary);color:#fff}.menu-grid{grid-template-columns:1fr;gap:20px;padding:0 20px;display:grid}@media (width>=768px){.menu-grid{grid-template-columns:repeat(2,1fr);gap:30px}}@media (width>=1200px){.menu-grid{grid-template-columns:repeat(3,1fr)}}.menu-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:#fff;flex-direction:column;gap:12px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 15px #00000008}@media (width>=350px){.menu-card{flex-direction:row;gap:15px}}.item-image{aspect-ratio:1;width:100%;position:relative}@media (width>=350px){.item-image{flex-shrink:0;width:110px;height:110px}}.item-image img{object-fit:cover;border-radius:var(--radius-md);width:100%;height:100%}.tag{background:#fff;border:1px solid #ccc;border-radius:4px;padding:3px;position:absolute;top:6px;left:6px}.tag-inner{border-radius:50%;width:10px;height:10px}.veg .tag-inner{background:#10b981;border:1px solid #065f46}.non-veg .tag-inner{background:#ef4444;border:1px solid #991b1b}.item-details{flex-direction:column;flex:1;display:flex}.item-header{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}@media (width>=350px){.item-header{flex-direction:row;justify-content:space-between;align-items:flex-start}}.item-header h3{font-size:16px;font-weight:700;line-height:1.2}.price{color:var(--primary);font-size:15px;font-weight:700}.description{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.card-actions{margin-top:auto}.add-button{color:var(--primary);border:1px solid var(--primary);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:6px 16px;font-weight:700;display:flex;box-shadow:0 2px 4px #ff4f181a}.quantity-toggle{background:var(--primary);color:#fff;border-radius:8px;align-items:center;gap:15px;width:fit-content;padding:6px 12px;display:flex}.quantity-toggle span{text-align:center;width:20px;font-weight:700}.cart-bar{background:var(--primary);color:#fff;border-radius:var(--radius-md);z-index:100;max-width:600px;margin:0 auto;padding:16px 20px;position:fixed;bottom:24px;left:20px;right:20px;box-shadow:0 10px 20px #ff4f184d}.cart-bar-content{justify-content:space-between;align-items:center;display:flex}.cart-info{flex-direction:column;display:flex}.count{opacity:.9;font-size:12px;font-weight:600}.total{font-size:18px;font-weight:800}.view-cart{align-items:center;gap:4px;font-weight:700;display:flex}.modal-overlay{z-index:1000;background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.checkout-modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:#fff;width:100%;max-height:90vh;padding:24px 24px 40px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-header h2{font-size:20px}.modal-header button{color:var(--text-secondary);font-size:24px}.form-group input,.form-group select{border:1.5px solid var(--border);border-radius:10px;width:100%;padding:12px;font-size:16px}.order-summary{background:var(--bg-primary);border-radius:12px;margin:24px 0;padding:16px}.order-summary h3{margin-bottom:12px;font-size:16px}.summary-item{justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}.summary-total{border-top:1px dashed var(--border);justify-content:space-between;margin-top:12px;padding-top:12px;font-size:16px;font-weight:700;display:flex}.place-order-btn{background:var(--primary);color:#fff;border-radius:12px;width:100%;margin-top:10px;padding:16px;font-size:18px;font-weight:700}.place-order-btn:disabled{background:var(--border);cursor:not-allowed}.tracking-view{background:#fff;min-height:100vh;padding-bottom:160px}.tracking-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:20px;display:flex}.tracking-header .logo{border-radius:8px;width:40px;height:40px}.tracking-header h2{font-size:18px}.tracking-content{padding:30px 20px}.status-hero{text-align:center;margin-bottom:40px}.status-icon-large{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 15px;display:flex;box-shadow:0 10px 20px #0000001a}.status-hero h3{margin-bottom:4px;font-size:22px}.status-hero p{color:var(--text-secondary);font-size:14px}.timeline{margin-bottom:40px;padding-left:20px}.timeline-item{align-items:center;gap:15px;padding-bottom:30px;display:flex;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-line{background:var(--border);width:2px;position:absolute;top:20px;bottom:-10px;left:8px}.timeline-item:last-child .timeline-line{display:none}.timeline-marker{border:2px solid var(--border);z-index:1;width:18px;height:18px;color:var(--success);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.timeline-item.completed .timeline-marker{border-color:var(--success);background:var(--success);color:#fff}.timeline-item.completed .timeline-line{background:var(--success)}.timeline-item.active .timeline-marker{border-color:var(--success);box-shadow:0 0 0 4px #10b98133}.timeline-label{color:var(--text-secondary);font-size:15px;font-weight:600}.timeline-item.completed .timeline-label{color:var(--text-primary)}.order-details-card{background:var(--bg-primary);border-radius:16px;padding:20px}.order-details-card h4{margin-bottom:15px;font-size:16px}.item-row{justify-content:space-between;margin-bottom:10px;font-size:14px;display:flex}.total-row{border-top:1px dashed var(--border);justify-content:space-between;margin-top:15px;padding-top:15px;font-weight:700;display:flex}.payment-footer{z-index:100;gap:12px;max-width:600px;margin:0 auto;display:flex;position:fixed;bottom:90px;left:20px;right:20px}.payment-footer button{border-radius:12px;flex:1;padding:16px;font-size:16px;font-weight:700}.bill-btn{color:var(--text-primary);border:1.5px solid var(--border);background:#fff}.pay-btn{background:var(--success);color:#fff}.manager-dashboard{background:#f3f4f6;flex-direction:column;height:100vh;display:flex}@media (width>=1024px){.manager-dashboard{flex-direction:row}}.sidebar{border-right:none;border-bottom:1px solid var(--border);z-index:100;background:#fff;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:12px 20px;display:flex}@media (width>=1024px){.sidebar{border-right:1px solid var(--border);border-bottom:none;flex-direction:column;align-items:stretch;width:260px;height:100vh;padding:24px}}.sidebar-header{align-items:center;gap:12px;display:flex}@media (width>=1024px){.sidebar-header{margin-bottom:40px}}.nav-links{scrollbar-width:none;gap:8px;padding-right:20px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000 100%);mask-image:linear-gradient(90deg,#000 85%,#0000 100%)}.nav-links::-webkit-scrollbar{display:none}.nav-links:after{content:"";min-width:20px;height:1px}@media (width>=1024px){.nav-links{flex-direction:column;padding-right:0;overflow-x:visible;-webkit-mask-image:none;mask-image:none}.nav-links:after{display:none}}.nav-links button{color:var(--text-secondary);white-space:nowrap;border-radius:10px;flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;font-weight:600;display:flex}@media (width>=1024px){.nav-links button{padding:12px 16px}}.nav-links button:hover{background:#0000000d}.nav-links button.active{background:var(--primary);color:#fff}.main-content{flex-direction:column;flex:1;display:flex;overflow-y:auto}.content-header{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}@media (width>=1024px){.content-header{padding:24px 40px}}.content-header h1{font-size:20px}@media (width>=1024px){.content-header h1{font-size:24px}}.content-body{flex:1;padding:20px}@media (width>=1024px){.content-body{padding:24px}}.badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700}.badge.success{color:#166534;background:#dcfce7}.kanban-board{scroll-snap-type:x mandatory;gap:16px;height:100%;padding-bottom:20px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 90%,#0000 100%);mask-image:linear-gradient(90deg,#000 90%,#0000 100%)}.kanban-board:after{content:"";min-width:20px;height:1px}@media (width>=1024px){.kanban-board{gap:24px;-webkit-mask-image:none;mask-image:none}.kanban-board:after{display:none}}.kanban-column{scroll-snap-align:start;background:#e5e7eb;border-radius:16px;flex-direction:column;flex:1;min-width:280px;padding:16px;display:flex}@media (width>=768px){.kanban-column{min-width:250px}}.column-title{color:var(--text-secondary);margin-bottom:16px;padding-left:8px;font-size:14px}.order-list{flex-direction:column;gap:12px;display:flex}.order-card{box-shadow:var(--shadow);background:#fff;border:1px solid #0000000d;border-radius:12px;padding:16px}.order-card.unpaid-card{background:linear-gradient(90deg,#f59e0b0f 0%,#fff 40%);border-left:4px solid #f59e0b;animation:2.5s ease-in-out infinite unpaid-pulse}@keyframes unpaid-pulse{0%,to{box-shadow:var(--shadow)}50%{box-shadow:0 0 0 3px #f59e0b26, var(--shadow)}}.order-card.paid-card{opacity:.75;background:linear-gradient(90deg,#10b9810f 0%,#fff 40%);border-left:4px solid #10b981}.order-card.highlight-order{animation:.6s ease-out highlight-flash}@keyframes highlight-flash{0%{transform:scale(1.04);box-shadow:0 0 0 4px #ff4f184d}to{box-shadow:var(--shadow);transform:scale(1)}}.order-card-header{justify-content:space-between;margin-bottom:12px;display:flex}.table-tag{background:var(--primary);color:#fff;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700}.order-customer{margin-bottom:8px;font-size:14px}.order-items{color:var(--text-secondary);margin-bottom:12px;font-size:13px}.order-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:12px;display:flex}.total{white-space:nowrap;font-size:15px;font-weight:700}.actions{align-items:center;gap:8px;display:flex}.btn-primary{background:var(--primary);color:#fff;white-space:nowrap;border-radius:6px;flex-shrink:0;padding:4px 12px;font-size:12px;font-weight:600}.btn-success{background:var(--success);color:#fff;white-space:nowrap;border-radius:6px;flex-shrink:0;padding:4px 12px;font-size:12px;font-weight:600}.btn-warning{color:#fff;white-space:nowrap;background:#f59e0b;border-radius:6px;flex-shrink:0;padding:4px 12px;font-size:12px;font-weight:600}.btn-icon{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.mgmt-header{margin-bottom:24px}.add-btn{background:var(--primary);color:#fff;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;display:flex}.menu-table-container{border:1px solid var(--border);background:#fff;border-radius:16px;overflow:hidden}.menu-table{border-collapse:collapse;width:100%}.menu-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;padding:16px;font-size:13px}.menu-table td{border-top:1px solid var(--border);padding:16px;font-size:14px}.item-cell{align-items:center;gap:12px;display:flex}.item-cell img{object-fit:cover;border-radius:8px;width:40px;height:40px}.item-cell .name{font-weight:600}.item-cell .type{color:var(--text-secondary);font-size:11px}.switch{width:40px;height:20px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .4s;position:absolute;bottom:2px;left:2px}input:checked+.slider{background-color:var(--success)}input:checked+.slider:before{transform:translate(20px)}.tables-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px;display:grid}.table-box{background:#fff;border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:30px;transition:all .2s;display:flex}.table-box.available{border-color:var(--success);color:var(--success)}.table-box.occupied{border-color:var(--danger);color:var(--danger);background:#fef2f2}.table-box h3{color:var(--text-primary)}.status-label{text-transform:uppercase;font-size:12px;font-weight:700}.settings-card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:32px}.settings-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.settings-header h3{margin:0}.color-input-wrapper{align-items:center;gap:12px;display:flex}.color-input-wrapper input[type=color]{cursor:pointer;border:none;border-radius:8px;width:48px;height:48px;padding:0;overflow:hidden}.color-value{color:var(--text-secondary);font-family:monospace;font-size:14px}.form-grid{gap:20px;display:grid}.form-group label{color:var(--text-secondary);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input{border:1px solid var(--border);border-radius:10px;width:100%;padding:12px}.form-group input[type=color]{height:50px;padding:5px}.chef-dashboard{color:#fff;background:#111827;min-height:100vh;padding:30px}.chef-header{border-bottom:1px solid #374151;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:20px;display:flex}.header-left{align-items:center;gap:15px;display:flex}.header-left h1{letter-spacing:-.02em;font-size:28px}.stat-pill{background:#374151;border-radius:30px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;display:flex}.kot-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=640px){.kot-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.kot-grid{grid-template-columns:repeat(3,1fr);gap:25px}}@media (width>=1440px){.kot-grid{grid-template-columns:repeat(4,1fr)}}.kot-card{color:#fff;background:#1f2937;border:1px solid #374151;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 15px 30px #0000004d}.kot-header{background:#374151;align-items:center;gap:15px;padding:20px;display:flex}.table-circle{background:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;font-weight:800;display:flex;box-shadow:0 4px 10px #ff4f1866}.time-info{flex-direction:column;display:flex}.order-id{color:#9ca3af;font-size:12px}.elapsed{font-size:14px;font-weight:600}.kot-body{flex:1;padding:25px}.item-list{flex-direction:column;gap:12px;list-style:none;display:flex}.kot-body .item-row{justify-content:flex-start;align-items:flex-start;gap:15px;font-size:18px;font-weight:500;display:flex}.qty{color:var(--primary);min-width:30px;font-weight:700}.ready-btn{color:#fff;background:#10b981;width:100%;padding:18px;font-size:16px;font-weight:700;transition:background .2s}.ready-btn:hover{background:#059669}.no-orders{text-align:center;color:#9ca3af;grid-column:1/-1;padding:100px}.no-orders h3{color:#fff;margin:20px 0 10px;font-size:24px}.bearer-view{background:#f8f9fa;max-width:100%;min-height:100vh;margin:0 auto;padding:20px}@media (width>=1024px){.bearer-view{max-width:1200px}}.tasks-container .tasks-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=768px){.tasks-container .tasks-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1200px){.tasks-container .tasks-grid{grid-template-columns:repeat(3,1fr)}}.bearer-header{box-shadow:var(--shadow);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:15px;display:flex}.profile{align-items:center;gap:12px;display:flex}.avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.profile h3{font-size:16px}.profile .status{color:var(--success);font-size:12px;font-weight:600}.notif-btn{color:var(--text-secondary)}.tasks-container h2{margin-bottom:20px;font-size:20px}.task-card{box-shadow:var(--shadow);background:#fff;border:1px solid #00000005;border-radius:20px;margin-bottom:20px;padding:20px}.task-main{align-items:center;gap:15px;margin-bottom:15px;display:flex}.task-icon{width:48px;height:48px;color:var(--primary);background:#ff4f181a;border-radius:12px;justify-content:center;align-items:center;display:flex}.task-info{flex:1}.dest{font-size:18px;font-weight:700}.items-summary{color:var(--text-secondary);font-size:13px}.task-status{color:#166534;background:#dcfce7;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:800}.task-details{background:#f9fafb;border-radius:12px;margin-bottom:20px;padding:15px}.deliver-btn{background:var(--primary);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:16px;font-weight:700;display:flex;box-shadow:0 4px 12px #ff4f184d}.empty-tasks{text-align:center;color:var(--text-secondary);padding:60px 20px}.empty-tasks p{margin-top:20px;font-size:15px}.login-view{background:#f3f4f6;justify-content:center;align-items:center;height:100vh;padding:20px;display:flex}.login-card{background:#fff;border-radius:24px;width:100%;max-width:400px;padding:40px;box-shadow:0 20px 40px #0000001a}.login-header{text-align:center;margin-bottom:30px}.icon-box{background:var(--primary);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 15px;display:flex;box-shadow:0 10px 20px #ff4f184d}.login-header h1{margin-bottom:8px;font-size:24px}.login-header p{color:var(--text-secondary);font-size:14px}.form-group{margin-bottom:20px}.form-group label{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.form-group input{border:1.5px solid var(--border);border-radius:12px;width:100%;padding:12px;font-size:16px}.form-group input:focus{border-color:var(--primary)}.error-msg{color:var(--danger);text-align:center;margin-bottom:20px;font-size:13px;font-weight:600}.login-btn{background:var(--primary);color:#fff;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:700;transition:all .2s}.login-btn:disabled{opacity:.7}.login-footer{text-align:center;color:#9ca3af;margin-top:30px;font-size:12px}.demo-access-toggle{z-index:2000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #0000001a;border-radius:40px;gap:4px;width:auto;max-width:90vw;padding:4px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0003}@media (width<=768px){.demo-access-toggle{top:10px}}@media (width<=320px){.demo-access-toggle span{display:none}.demo-access-toggle button{border-radius:50%;padding:10px}}.has-toggle .manager-dashboard{height:calc(100vh - 60px)}@media (width>=1024px){.has-toggle .sidebar{height:calc(100vh - 60px)}}.has-toggle .chef-dashboard,.has-toggle .bearer-view{min-height:calc(100vh - 60px)}.has-toggle .login-view{height:calc(100vh - 60px)}.demo-access-toggle button{color:var(--text-secondary);border-radius:30px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.demo-access-toggle button.active{background:var(--primary);color:#fff}.logout-btn{background:var(--danger);cursor:pointer;border:none;border-radius:24px;align-items:center;gap:8px;padding:8px 18px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #ef444433;color:#fff!important}.logout-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 6px 16px #ef44444d}.logout-btn:active{transform:translateY(1px)}.reports-view{flex-direction:column;gap:30px;display:flex}.range-selector{background:#0000000d;border-radius:12px;padding:4px;display:inline-flex}.range-selector button{color:var(--text-secondary);border-radius:8px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .2s}.range-selector button.active{color:var(--primary);background:#fff;box-shadow:0 4px 10px #0000000d}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.stat-card{box-shadow:var(--shadow);background:#fff;border:1px solid #00000005;border-radius:20px;align-items:center;gap:20px;padding:24px;display:flex}.stat-icon{color:#fff;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.stat-icon.revenue{background:#10b981}.stat-icon.orders{background:#3b82f6}.stat-icon.aov{background:#f59e0b}.stat-info .label{color:var(--text-secondary);font-size:13px;font-weight:600}.stat-info h3{margin-top:4px;font-size:20px}.chart-container{border:1px solid var(--border);min-height:400px;box-shadow:var(--shadow);background:#fff;border-radius:24px;flex-direction:column;padding:30px;display:flex}.chart-container h3{margin-bottom:40px}.bar-chart{flex:1;align-items:flex-end;gap:15px;min-height:200px;padding-top:20px;display:flex;overflow-x:auto}.bar-group{flex-direction:column;flex:1;align-items:center;gap:10px;min-width:40px;display:flex}.bar-wrapper{justify-content:center;align-items:flex-end;width:100%;height:200px;display:flex}.bar{background:var(--primary);border-radius:6px 6px 0 0;width:100%;min-height:4px;transition:filter .2s;position:relative}.bar:hover{filter:brightness(1.1)}.bar-label{color:var(--text-secondary);text-transform:uppercase;font-size:11px;font-weight:700}.loading-state,.no-data{color:var(--text-secondary);flex:1;justify-content:center;align-items:center;font-weight:600;display:flex}.print-only-bill{display:none}@media print{@page{margin:0}body{-webkit-print-color-adjust:exact;background:#fff;padding:0}.sidebar,.content-header,.demo-access-toggle,.header-actions,.btn-primary,.btn-success,.btn-icon,.badge,.main-content header,.nav-links,.sidebar-header{display:none!important}.manager-dashboard{padding:0;display:block}.main-content{width:100%;margin:0;padding:0;position:absolute;top:0;left:0;overflow:visible}.content-body{padding:0}.order-hub,.kanban-board{display:none!important}.print-only-bill{background:#fff;width:100%;padding:20px;display:block!important}.bill-container{color:#000;background:#fff;max-width:400px;margin:0 auto;padding:20px}.bill-header{text-align:center;border-bottom:2px dashed #ddd;margin-bottom:20px;padding-bottom:20px}.bill-logo{border-radius:50%;width:64px;height:64px;margin-bottom:10px}.bill-header h2{color:#000;margin:0;font-size:24px}.bill-header p{color:#666;margin:5px 0 0;font-size:14px}.bill-info{border-bottom:1px dashed #eee;margin:20px 0;padding-bottom:15px;font-size:14px}.info-row{justify-content:space-between;margin-bottom:8px;display:flex}.bill-table{border-collapse:collapse;width:100%;margin-bottom:20px}.bill-table th{text-align:left;color:#000;text-transform:uppercase;border-bottom:1px solid #000;padding:10px 0;font-size:12px}.bill-table td{color:#000;border-bottom:1px solid #eee;padding:12px 0;font-size:14px}.text-right{text-align:right}.bill-totals{margin-top:10px;padding-top:10px}.total-row{color:#000;justify-content:space-between;margin-bottom:10px;font-size:14px;display:flex}.grand-total{border-top:2px solid #000;margin-top:5px;padding-top:15px;font-size:20px;font-weight:800}.bill-footer{text-align:center;color:#333;margin-top:40px;font-size:12px}.upi-info{background:#fff;border:1px dashed #000;border-radius:8px;margin-top:25px;padding:15px}.upi-id{color:#000;margin-top:5px;font-family:monospace;font-size:14px;font-weight:700}}:root{--primary:#ff4f18;--primary-hover:#e64615;--secondary:#ffb800;--bg-primary:#f8f9fa;--bg-secondary:#fff;--text-primary:#121212;--text-secondary:#6b7280;--border:#e5e7eb;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--header-height:64px;--bottom-bar-height:72px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Work Sans,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,sans-serif;font-weight:700}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:all .2s}input,select,textarea{outline:none;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.glass{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media print{body *{visibility:hidden}.printable,.printable *{visibility:visible}.printable{width:100%;position:absolute;top:0;left:0}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:24px;right:24px}.toast{pointer-events:auto;cursor:pointer;background:#fff;border-left:4px solid #3b82f6;border-radius:12px;max-width:350px;padding:16px 24px;font-weight:500;box-shadow:0 10px 25px #0000001a}.toast-success{border-left-color:#10b981}.toast-error{border-left-color:#ef4444}.toast-info{border-left-color:#3b82f6}@keyframes screenFlicker{0%{background-color:var(--bg-primary)}25%{background-color:#ff4f1833}50%{background-color:var(--bg-primary)}75%{background-color:#ff4f1833}to{background-color:var(--bg-primary)}}.flicker-attention{animation:1.5s ease-in-out screenFlicker}@keyframes highlightPulse{0%{border-color:#ff4f18b3;box-shadow:0 0 #ff4f18b3}50%{border-color:#ff4f18b3;box-shadow:0 0 0 10px #ff4f1800}to{border-color:#0000;box-shadow:0 0 #ff4f1800}}.highlight-order{animation:2s ease-out highlightPulse;border:2px solid #ff4f18b3!important}
