@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--red:#00ccc0;--red-dark:#03a89d;--red-light:#e6fbf9;--red-border:#b8f0eb;--black:#0d0d0d;--white:#fff;--bg:#f5f6f8;--card:#fff;--border:#e8e9eb;--border-md:#d8d9dc;--text:#0d0d0d;--text-2:#5c5f6b;--text-3:#9ea3b0;--green:#1a7a3a;--green-light:#edf9f0;--green-border:#b8e6c8;--amber:#9a5200;--amber-light:#fff8e7;--amber-border:#ffe5a0;--blue:#185fa5;--blue-light:#e6f1fb;--blue-border:#b5d4f4;--sidebar:264px;--topbar:62px;--page-pad:28px;--shell-offset:72px;--bell-offset:96px;--r:10px;--r-lg:14px;--r-xl:20px;--shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014,0 2px 4px #0000000a;--shadow-lg:0 10px 32px #0000001a,0 2px 8px #0000000d}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar);background:var(--white);border-right:1px solid var(--border);inset-block:0;z-index:100;flex-direction:column;min-height:0;transition:transform .2s;display:flex;position:fixed;left:0;overflow:hidden}.main{margin-left:var(--sidebar);flex-direction:column;flex:1;min-width:0;min-height:100vh;transition:margin-left .2s;display:flex}.layout.sidebar-hidden .sidebar{transform:translateX(calc(-1 * var(--sidebar)))}.layout.sidebar-hidden .main{margin-left:0}.topbar{height:var(--topbar);background:var(--white);border-bottom:1px solid var(--border);z-index:50;box-shadow:0 1px 0 var(--border),0 2px 8px #0000000a;justify-content:space-between;align-items:center;gap:16px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-title{flex:1;min-width:0}.topbar-heading{color:var(--black);white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:800;line-height:1.2;overflow:hidden}.topbar-subtitle{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12px;overflow:hidden}.topbar-actions{flex-shrink:0;justify-content:flex-end;align-items:center;min-width:0;display:flex}.main-with-bell .topbar{padding-left:var(--shell-offset);padding-right:var(--bell-offset)}.page{padding:var(--page-pad);flex:1}.main-with-bell .page{padding-left:var(--shell-offset)}.page>.topbar{margin-top:calc(-1 * var(--page-pad));margin-right:calc(-1 * var(--page-pad));margin-bottom:var(--page-pad);margin-left:calc(-1 * var(--page-pad))}.main-with-bell .page>.topbar{margin-left:calc(-1 * var(--shell-offset))}.sidebar-toggle{top:13px;left:calc(var(--sidebar) + 16px);z-index:220;width:36px;height:36px;color:var(--text-2);cursor:pointer;box-shadow:var(--shadow-md);background:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;transition:left .2s,color .12s,background .12s;display:flex;position:fixed}.sidebar-toggle:hover{color:var(--black);background:var(--bg)}.layout.sidebar-hidden .sidebar-toggle{left:16px}.sbar-logo{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:20px 16px;display:flex}.sbar-logo-icon{background:linear-gradient(135deg,var(--red),var(--red-dark));border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex;box-shadow:0 4px 10px #00ccc04d}.sbar-logo-name{color:var(--black);letter-spacing:-.3px;font-size:17px;font-weight:800}.sbar-logo-role{color:var(--text-3);text-transform:uppercase;letter-spacing:.6px;font-size:10px;font-weight:600}.sbar-nav{flex:1;padding:12px 10px;overflow-y:auto}.sbar-section{color:var(--text-3);text-transform:uppercase;letter-spacing:.8px;padding:14px 10px 5px;font-size:10px;font-weight:700}.sbar-item{border-radius:var(--r);cursor:pointer;color:var(--text-2);align-items:center;gap:9px;margin-bottom:2px;padding:9px 11px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.sbar-item:hover{background:var(--bg);color:var(--black)}.sbar-item.active{background:var(--red);color:#fff;font-weight:600;box-shadow:0 4px 14px #00ccc038}.sbar-item-icon{text-align:center;flex-shrink:0;width:18px;font-size:15px}.sbar-badge{background:var(--red);color:#fff;text-align:center;border-radius:20px;min-width:18px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:700}.sbar-bottom{border-top:1px solid var(--border);flex-shrink:0;padding:10px}.sbar-user{border-radius:var(--r);cursor:pointer;align-items:center;gap:9px;padding:9px 10px;transition:background .15s;display:flex}.sbar-user:hover{background:var(--bg)}.sbar-avatar{background:linear-gradient(135deg,var(--red-light),#00ccc026);width:34px;height:34px;color:var(--red);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.sbar-username{color:var(--black);text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.1px;font-size:13px;font-weight:600;overflow:hidden}.sbar-userrole{color:var(--text-3);font-size:11px}.sbar-profile-wrap{position:relative}.sbar-profile-dropdown{background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);margin-bottom:4px;padding:4px}.sbar-profile-item{cursor:pointer;color:var(--text-2);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;width:100%;padding:9px 10px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.sbar-profile-item:hover{background:var(--bg);color:var(--black)}.sbar-profile-logout{color:var(--red)}.sbar-profile-logout:hover{background:var(--red-light);color:var(--red)}.pos-plus-pill{background:var(--red);color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;font-weight:800;display:flex;box-shadow:0 8px 18px #00ccc038}.pos-plus-pill-sm{border-radius:10px;width:32px;height:32px;font-size:18px}.pos-cart-tab{z-index:180;background:var(--red);color:#fff;cursor:pointer;border:none;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;min-width:320px;max-width:calc(100vw - 28px);padding:14px 18px;font-size:13px;font-weight:800;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 16px 30px #00ccc047}.pos-cart-header-btn{background:var(--red);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;font-weight:800;display:inline-flex;position:relative;box-shadow:0 8px 18px #e8001c38}.pos-cart-header-btn:hover{background:var(--red-dark)}.pos-cart-header-meta{opacity:.95;font-weight:700}.pos-cart-header-badge{min-width:18px;height:18px;color:var(--red);background:#fff;border-radius:999px;justify-content:center;align-items:center;margin-left:2px;padding:0 6px;font-size:11px;font-weight:800;display:inline-flex}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:22px}.card-sm{background:var(--card);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-md);padding:14px}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:20px 22px;transition:box-shadow .2s,transform .2s}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.stat-icon{border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:12px;font-size:18px;display:flex}.stat-label{color:var(--text-3);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;font-size:11px;font-weight:700}.stat-value{color:var(--black);letter-spacing:-.5px;font-size:28px;font-weight:800;line-height:1}.stat-sub{color:var(--text-2);margin-top:6px;font-size:12px}.btn{border-radius:var(--r);cursor:pointer;white-space:nowrap;letter-spacing:-.1px;border:none;align-items:center;gap:6px;padding:9px 16px;font-size:13.5px;font-weight:600;line-height:1;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--red);color:#fff;box-shadow:0 2px 8px #00ccc040}.btn-primary:hover:not(:disabled){background:var(--red-dark);box-shadow:0 4px 14px #00ccc059}.btn-secondary{color:var(--black);border:1px solid var(--border-md);box-shadow:var(--shadow);background:#fff}.btn-secondary:hover:not(:disabled){background:var(--bg);border-color:var(--border-md)}.btn-danger{background:var(--red-light);color:var(--red);border:1px solid var(--red-border)}.btn-danger:hover:not(:disabled){background:var(--red);color:#fff;box-shadow:0 4px 12px #00ccc040}.btn-success{background:var(--green-light);color:var(--green);border:1px solid var(--green-border)}.btn-success:hover:not(:disabled){background:var(--green);color:#fff}.btn-warning{background:var(--amber-light);color:var(--amber);border:1px solid var(--amber-border)}.btn-ghost{color:var(--text-2);background:0 0;border:1px solid #0000}.btn-ghost:hover{background:var(--bg);border-color:var(--border-md)}.btn-sm{border-radius:7px;padding:6px 11px;font-size:12px}.btn-lg{border-radius:var(--r-lg);padding:12px 22px;font-size:15px}.btn-icon{border-radius:var(--r);padding:7px}.field{flex-direction:column;gap:5px;margin-bottom:16px;display:flex}.label{color:var(--black);letter-spacing:-.1px;font-size:12.5px;font-weight:600}.req{color:var(--red)}.hint{color:var(--text-3);font-size:11px}.input,.select,.textarea{border:1.5px solid var(--border-md);border-radius:var(--r);color:var(--black);width:100%;box-shadow:var(--shadow);background:#fff;padding:9px 12px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--red);outline:none;box-shadow:0 0 0 3px #00ccc01f}.input:hover:not(:focus),.select:hover:not(:focus){border-color:var(--border-md)}.textarea{resize:vertical;min-height:84px}.row-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.row-3{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.tbl-wrap{border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--shadow);overflow-x:auto}table{border-collapse:collapse;background:#fff;width:100%}thead th{text-align:left;color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;background:var(--bg);border-bottom:1px solid var(--border);padding:11px 16px;font-size:11px;font-weight:700}tbody td{border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 16px;font-size:13.5px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#fafbfc}.badge{white-space:nowrap;letter-spacing:.3px;border-radius:20px;align-items:center;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge-green{background:var(--green-light);color:var(--green);border:1px solid var(--green-border)}.badge-red{background:var(--red-light);color:var(--red);border:1px solid var(--red-border)}.badge-amber{background:var(--amber-light);color:var(--amber);border:1px solid var(--amber-border)}.badge-blue{background:var(--blue-light);color:var(--blue);border:1px solid var(--blue-border)}.badge-gray{background:var(--bg);color:var(--text-3);border:1px solid var(--border-md)}.badge-new{background:var(--blue-light);color:var(--blue);border:1px solid var(--blue-border)}.badge-accepted,.badge-preparing{background:var(--amber-light);color:var(--amber);border:1px solid var(--amber-border)}.badge-ready,.badge-picked_up{color:#36c;background:#f0f4ff;border:1px solid #bfd0ff}.badge-delivered{background:var(--green-light);color:var(--green);border:1px solid var(--green-border)}.badge-rejected,.badge-cancelled{background:var(--red-light);color:var(--red);border:1px solid var(--red-border)}.chip{background:var(--bg);border:1px solid var(--border);color:var(--text-2);border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:11.5px;font-weight:500;display:inline-flex}.overlay{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;justify-content:center;align-items:center;padding:20px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal{border-radius:var(--r-xl);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-lg);background:#fff;animation:.2s slideUp;overflow-y:auto}.modal-lg{max-width:840px}.modal-head{border-bottom:1px solid var(--border);z-index:1;background:#fff;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex;position:sticky;top:0}.modal-title{letter-spacing:-.2px;font-size:17px;font-weight:700}.modal-close{cursor:pointer;color:var(--text-3);background:0 0;border:none;border-radius:7px;padding:2px 8px;font-size:22px;line-height:1;transition:background .12s,color .12s}.modal-close:hover{background:var(--bg);color:var(--black)}.modal-body{padding:24px}.modal-foot{border-top:1px solid var(--border);background:#fff;justify-content:flex-end;gap:9px;padding:16px 24px;display:flex;position:sticky;bottom:0}.toggle{cursor:pointer;flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-track{background:var(--border-md);border-radius:11px;transition:all .2s;position:absolute;inset:0}.toggle-track:before{content:"";width:16px;height:16px;box-shadow:var(--shadow);background:#fff;border-radius:50%;transition:all .2s;position:absolute;top:3px;left:3px}.toggle input:checked+.toggle-track{background:var(--red)}.toggle input:checked+.toggle-track:before{transform:translate(18px)}.auth{min-height:100vh;display:flex}.auth-login-bg{background:linear-gradient(135deg, #030c10b3, #00ccc03d), var(--login-bg-image) center/var(--login-bg-size,cover) no-repeat;position:relative}.auth-login-bg:before{content:"";pointer-events:none;position:absolute;inset:0}.auth-left{background:#00ccc02e;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow:hidden}.auth-right{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:1;background:#fffffff0;justify-content:center;align-items:center;width:460px;padding:40px;display:flex;position:relative;box-shadow:-24px 0 60px #0000001f}.auth-logo-mobile{display:none}.flex{display:flex}.flex-c{align-items:center;display:flex}.flex-b{justify-content:space-between;align-items:center;display:flex}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.g2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.g3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.g4{grid-template-columns:1fr 1fr 1fr 1fr;gap:16px;display:grid}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.divider{background:var(--border);height:1px;margin:16px 0}.text-red{color:var(--red)}.text-green{color:var(--green)}.text-gray{color:var(--text-3)}.text-bold{font-weight:700}.empty{text-align:center;color:var(--text-3);padding:60px 20px}.empty-icon{opacity:.7;margin-bottom:14px;font-size:48px}.empty-title{color:var(--black);letter-spacing:-.2px;margin-bottom:6px;font-size:17px;font-weight:700}.empty-desc{color:var(--text-3);max-width:300px;margin:0 auto;font-size:13px}.spinner{border:2.5px solid var(--border);border-top-color:var(--red);border-radius:50%;width:28px;height:28px;animation:.75s linear infinite spin}.loading{justify-content:center;align-items:center;padding:60px;display:flex}.search-wrap{position:relative}.search-input{border:1.5px solid var(--border-md);border-radius:var(--r);width:260px;box-shadow:var(--shadow);background:#fff;padding:8px 12px 8px 36px;font-size:13.5px;transition:all .15s}.search-input:focus{border-color:var(--red);outline:none;width:300px;box-shadow:0 0 0 3px #00ccc01f}.search-input:hover:not(:focus){border-color:var(--border-md)}.search-icon{color:var(--text-3);pointer-events:none;font-size:14px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.tab-row{border-bottom:1px solid var(--border);gap:2px;margin-bottom:22px;display:flex}.tab{color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:-.1px;border-bottom:2.5px solid #0000;padding:11px 18px;font-size:13.5px;font-weight:600;transition:color .12s,border-color .12s}.tab:hover{color:var(--black)}.tab.active{color:var(--red);border-bottom-color:var(--red)}.inventory-status-dot{background:var(--text-3);border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.inventory-status-dot.is-online{background:var(--green)}.inventory-status-dot.is-offline{background:#f3cc6f}.inventory-status-text,.inventory-status-queue{min-width:0}.notif-btn{position:relative}.notif-dot{background:var(--red);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;font-size:9px;font-weight:800;display:flex;position:absolute;top:-3px;right:-3px}.notif-drop{border:1px solid var(--border);border-radius:var(--r-lg);width:348px;box-shadow:var(--shadow-lg);z-index:100;background:#fff;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.notif-drop-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notif-drop-title{color:var(--black);letter-spacing:-.1px;font-size:13px;font-weight:700}.notif-item{border-bottom:1px solid var(--border);cursor:pointer;gap:10px;padding:12px 16px;transition:background .1s;display:flex}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--bg)}.notif-item.unread{background:var(--red-light)}.notif-item-icon{background:var(--bg);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.notif-item-body{flex:1;min-width:0}.notif-item-title{color:var(--black);margin-bottom:2px;font-size:13px;font-weight:600}.notif-item-msg{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.notif-item-time{color:var(--text-3);margin-top:2px;font-size:11px}.order-card{border:1.5px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow);background:#fff;padding:16px;transition:box-shadow .2s,border-color .2s}.order-card:hover{box-shadow:var(--shadow-md)}.order-card.new{border-color:var(--red);animation:2s infinite pulse;box-shadow:0 0 0 3px #00ccc01f}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #00ccc014}50%{box-shadow:0 0 0 8px #00ccc026}}.pos-header-actions{flex-wrap:wrap;min-width:0;max-width:100%}.pos-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=1279px){.pos-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.pos-cart-header-meta{display:none}}@media (width<=900px){.pos-side-panel{display:none!important}.pos-cart-header-label{display:none}.pos-shell{min-height:calc(100vh - 60px);height:auto!important;overflow:visible!important}.pos-layout{flex-direction:column!important;height:auto!important;overflow:visible!important}.pos-main-col{overflow:visible!important}.pos-products-scroll{max-height:none;overflow-y:visible!important}.pos-header-actions{flex-wrap:wrap;justify-content:flex-end}.pos-cart-tab{width:auto;min-width:0;max-width:none;bottom:14px;left:14px;right:14px;transform:none}}@media (width<=768px){.pos-shell{padding:14px!important}.pos-toolbar{align-items:stretch!important}.pos-searchbar{width:100%}.pos-view-toggle{justify-content:flex-end;width:100%}.pos-filters{flex-wrap:nowrap;gap:8px}.pos-filters-label{display:none}.pos-products-grid{grid-template-columns:1fr!important;gap:10px!important}.pos-products-list{gap:10px!important}.pos-cart-tab{border-radius:14px;padding:13px 14px;font-size:12px}.sidebar{display:none}.main{margin-left:0}.topbar{min-height:var(--topbar);align-items:flex-start;height:auto;padding-top:10px;padding-bottom:10px;padding-left:24px}.topbar-heading{font-size:15px}.topbar-subtitle{font-size:11px}.topbar-actions{align-self:center;max-width:42%}.main-with-bell .topbar{padding-left:72px;padding-right:72px}.page,.main-with-bell .page{padding:16px}.page>.topbar,.main-with-bell .page>.topbar{margin:-16px -16px 16px}.inventory-status-text,.inventory-status-queue{font-size:0}.inventory-status-text:before{content:"";display:inline-block}.inventory-status-dot{width:8px;height:8px}.sidebar-toggle{left:16px}.auth-left{display:none}.auth-right{width:100%;min-height:100vh;box-shadow:none;background:#ffffffe6}.auth-logo-mobile{display:flex}.g4{grid-template-columns:1fr 1fr}.g3,.row-2,.row-3{grid-template-columns:1fr}}@media print{@page{size:80mm auto;margin:4mm}html,body{background:#fff!important;width:80mm!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}body :not(:has(.pos-receipt-print)):not(.pos-receipt-print):not(.pos-receipt-print *){display:none!important}body:has(.pos-receipt-print) :has(.pos-receipt-print){all:unset!important;display:block!important}.pos-receipt-print{width:72mm!important;box-shadow:none!important;color:#000!important;margin:0!important;padding:0!important;font-size:11px!important;line-height:1.4!important;display:block!important;position:static!important}.pos-receipt-print,.pos-receipt-print *{break-inside:avoid!important;page-break-inside:avoid!important}.pos-receipt-end,.pos-receipt-print{page-break-after:avoid!important;break-after:avoid!important}.pos-receipt-end~*{display:none!important}}