:root{--ink:#18332d;--muted:#74817b;--canvas:#f4f6f2;--line:#e3e9e2;--accent:#22624d;--gold:#bd843d;--bs-primary:#22624d;--bs-primary-rgb:34,98,77;--bs-success-rgb:40,121,91;--bs-danger-rgb:185,65,58;--bs-border-color:#e3e9e2}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,"Segoe UI",system-ui,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}a{color:var(--accent)}h1,h2,h3,h4,h5,h6{letter-spacing:-.035em}h2{font-size:1.7rem}.text-muted{color:var(--muted)!important}.text-dark{color:var(--ink)!important}.app-sidebar{position:fixed;inset:0 auto 0 0;width:258px;z-index:1040;background:#142e27;color:#cfddd5;display:flex;flex-direction:column;padding:28px 17px 16px}.brand{display:flex;gap:12px;align-items:center;color:white;text-decoration:none;padding:0 9px 29px}.brand-mark{width:42px;height:46px;flex-shrink:0;display:grid;place-items:center;border-radius:14px;background:#c39350;color:#172f27;font-size:24px}.brand strong{display:block;font-size:16px;line-height:1.25;max-width:164px;overflow-wrap:anywhere}.brand small{display:block;font-size:8px;letter-spacing:1.8px;color:#99b2a3;margin-top:7px}.nav-caption{font-size:9px;letter-spacing:1.8px;color:#91a99c;padding:0 13px 12px}.app-navigation{overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#52705c transparent}.app-nav-link{display:flex;align-items:center;gap:12px;border-radius:9px;color:#b9cbbf;text-decoration:none;padding:10px 13px;margin:3px 0;font-size:12px;font-weight:500;transition:background .15s,color .15s}.app-nav-link i{width:19px;font-size:17px}.app-nav-link:hover{background:#264638;color:white}.app-nav-link.active{background:#dfeacb;color:#203e2d;font-weight:700}.sidebar-profile{border-top:1px solid #345044;margin-top:15px;padding-top:14px}.profile-button{display:flex;gap:10px;align-items:center;text-align:left;width:100%;background:none;border:0;color:#eef4e9;padding:7px}.profile-button strong{display:block;font-size:12px}.profile-button small{display:block;color:#9aafa1;font-size:11px}.user-avatar{width:34px;height:34px;display:grid;place-items:center;background:#49634c;color:#e5efcf;border-radius:50%;font-weight:700}.logout-button{display:flex;justify-content:space-between;background:none;border:0;color:#9ab0a1;width:100%;padding:12px 9px 0;font-size:11px}.workspace{margin-left:258px;min-height:100vh}.workspace-header{height:80px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.85);border-bottom:1px solid var(--line)}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.9px;color:#7a897f}.header-date{font-size:13px;font-weight:600;margin-top:4px;text-transform:capitalize}.header-status{display:flex;align-items:center;gap:7px;font-size:11px;border:1px solid var(--line);padding:7px 11px;border-radius:20px;background:white}.status-dot{width:6px;height:6px;border-radius:50%;background:#418768}.offline .status-dot{background:#c45542}.main-content{padding:28px 32px}.card{border:1px solid var(--line)!important;border-radius:16px;overflow:hidden;box-shadow:0 4px 18px #17392c04!important}.card-header{border-bottom:1px solid var(--line);padding:18px 22px;background:white}.card-footer{border-top:1px solid var(--line)}.card-body{padding:22px}.btn{border-radius:8px;font-size:12px;padding:9px 14px;font-weight:600;box-shadow:none!important;letter-spacing:.01em}.btn-lg{font-size:14px;padding:13px 20px}.btn-sm{padding:6px 10px;font-size:11px}.btn-primary{--bs-btn-bg:#22624d;--bs-btn-border-color:#22624d;--bs-btn-hover-bg:#164b39;--bs-btn-hover-border-color:#164b39;--bs-btn-active-bg:#164b39;--bs-btn-disabled-bg:#648776;--bs-btn-disabled-border-color:#648776}.btn-outline-primary{--bs-btn-color:#22624d;--bs-btn-border-color:#abc4b6;--bs-btn-hover-bg:#22624d;--bs-btn-hover-border-color:#22624d;--bs-btn-active-bg:#22624d;--bs-btn-active-border-color:#22624d}.bg-primary{background-color:#22624d!important}.form-control,.form-select{border-radius:8px;min-height:40px;font-size:13px;border-color:#dbe3da}.form-control:focus,.form-select:focus{border-color:#7fa88e;box-shadow:0 0 0 3px #22624d12}.form-label{font-size:12px;font-weight:600;margin-bottom:7px}.table{font-size:12px;--bs-table-bg:transparent;--bs-table-hover-bg:#f5f8f2}.table>:not(caption)>*>*{padding:15px 16px;border-bottom-color:#edf0e9}.table thead th{background:#f7f9f5;color:#7a867e;font-size:10px;text-transform:uppercase;letter-spacing:.8px;font-weight:600;border-bottom:1px solid var(--line)}.badge{border-radius:5px;font-weight:600;letter-spacing:.02em}.modal-content{border:0;border-radius:17px;box-shadow:0 24px 80px #0b241e26}.modal-header,.modal-footer{padding:18px 23px}.modal-body{padding:23px}.alert{border-radius:10px;font-size:13px}.metric-card{padding:22px;background:white;border:1px solid var(--line);border-radius:14px}.metric-card .metric-label{color:var(--muted);font-size:11px}.metric-card .metric-value{font-size:28px;font-weight:650;letter-spacing:-1px;margin-top:9px}.metric-icon{width:36px;height:36px;border-radius:10px;background:#edf3e9;color:#42704a;display:grid;place-items:center;font-size:17px}.section-kicker{color:#a1743b;font-size:10px;letter-spacing:2px;font-weight:700;text-transform:uppercase}.page-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.page-intro p{color:var(--muted);margin:6px 0 0;font-size:13px}.page-intro h1{font-size:27px;font-weight:650;margin:7px 0 0}.empty-state{padding:65px 24px;text-align:center;color:var(--muted)}.empty-state i{font-size:38px;color:#7f9a83;display:block;margin-bottom:12px}.table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:17px}.table-tile{background:white;border:1px solid var(--line);border-radius:16px;padding:22px;color:var(--ink);text-decoration:none;transition:transform .15s,box-shadow .15s;min-height:185px;display:flex;flex-direction:column;justify-content:space-between}.table-tile:hover{transform:translateY(-3px);box-shadow:0 9px 24px #18332d0b;border-color:#99b19a}.table-tile.busy{border-color:#d4bd95;background:#fffdf8}.table-tile .table-number{font-size:20px;font-weight:650}.table-tile .table-meta{font-size:11px;color:var(--muted)}.table-tile .table-total{font-size:24px;font-weight:650}.table-tile .status-label{font-size:10px;padding:5px 8px;background:#edf4e8;border-radius:5px;color:#497046}.table-tile.busy .status-label{background:#f5ead6;color:#9b7237}.nav-pills{gap:7px;border:0}.nav-pills .nav-link{border-radius:8px;font-size:12px;padding:10px 17px;color:var(--ink);background:white;border:1px solid var(--line)}.nav-pills .nav-link.active{background:var(--ink);border-color:var(--ink);color:white}.mobile-menu{display:none}.sidebar-overlay{display:none}.skip-link{position:fixed;top:0;left:270px;background:white;z-index:2000;padding:10px}.pos-shell{height:calc(100dvh - 230px);min-height:500px}.pos-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px}.product-choice{border:1px solid var(--line);background:white;border-radius:12px;overflow:hidden;text-align:left;padding:0;transition:border-color .15s,transform .15s}.product-choice:hover{border-color:#54866b;transform:translateY(-2px)}.product-choice img,.product-placeholder{height:110px;width:100%;object-fit:cover}.product-placeholder{display:grid;place-items:center;background:#edf2e9;color:#819b82;font-size:32px}.product-choice .product-info{padding:12px}.product-choice .product-name{font-size:12px;font-weight:600;display:block;margin-bottom:6px}.product-choice .product-price{color:#22624d;font-weight:700}.pos-cart{background:white;border:1px solid var(--line);border-radius:15px;display:flex;flex-direction:column;overflow:hidden;height:100%}.cart-heading{padding:19px;border-bottom:1px solid var(--line)}.cart-lines{flex:1;overflow:auto;padding:0 17px}.cart-line{padding:16px 0;border-bottom:1px solid var(--line)}.cart-summary{padding:19px;border-top:1px solid var(--line);background:#fbfcf9}.cart-summary-row{display:flex;justify-content:space-between;margin-bottom:7px;font-size:12px}.cart-grand-total{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #cdd8cb;margin:15px 0;padding-top:15px;font-size:15px;font-weight:650}.cart-grand-total strong{font-size:25px}.pos-catalog{height:100%;overflow:auto;padding-right:10px}.pos-toolbar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.pos-search{margin-bottom:16px}.operation-pending{opacity:.65;pointer-events:none}button:focus-visible,a:focus-visible{outline:3px solid #be974a;outline-offset:3px}.kitchen-note{background:#fff0d4;border-left:3px solid #c7974b;padding:8px 10px;white-space:normal}.receipt-actions{display:flex;gap:10px;justify-content:center;margin:20px}
@media(max-width:1199px){.app-sidebar{width:224px}.workspace{margin-left:224px}.main-content{padding:22px}.workspace-header{padding:0 22px}.pos-shell{height:auto;min-height:0}.pos-cart{min-height:550px}.pos-catalog{max-height:650px}.pos-products{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}
@media(max-width:767px){.app-sidebar{transform:translateX(-100%);transition:transform .2s;width:258px}.app-sidebar.show{transform:translateX(0)}.workspace{margin-left:0}.mobile-menu{display:block}.workspace-header{height:67px;padding:0 16px;gap:13px}.header-date{font-size:11px}.header-status{margin-left:auto;font-size:10px}.main-content{padding:18px 13px}.sidebar-overlay.show{display:block;position:fixed;inset:0;background:#10271fb3;z-index:1039}.page-intro{align-items:flex-start;flex-wrap:wrap}.page-intro h1{font-size:24px}.table-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.table-tile{padding:16px;min-height:160px}.pos-catalog{max-height:490px;padding:0}.pos-cart{min-height:430px;max-height:none;margin-top:18px}.card-body{padding:17px}.table>:not(caption)>*>*{padding:12px}.metric-card{padding:17px}.metric-card .metric-value{font-size:24px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.app-sidebar,.workspace-header,.receipt-actions,.btn,.sidebar-overlay{display:none!important}.workspace{margin:0}.main-content{padding:0}body{background:white}}

.table-grid.map-view{position:relative;display:block;overflow:auto;height:650px;max-height:75vh;background-image:radial-gradient(#cfdbcc 1px,transparent 1px);background-size:20px 20px;border:1px solid var(--line);border-radius:14px}.table-grid.map-view:before{content:"";display:block;width:var(--map-width);height:var(--map-height)}.map-view .table-tile{position:absolute;left:var(--table-x);top:var(--table-y);width:155px;min-height:165px;padding:16px}.draggable-table{touch-action:none}.pos-catalog{overflow-x:hidden}.pos-search{margin-left:0;margin-right:0}.metric-value{overflow-wrap:anywhere}@media(max-width:767px){.metric-card{height:100%}.page-intro>form{flex-wrap:wrap}.pos-toolbar .nav-link{padding:9px 12px}}
.map-view.editing-layout .table-tile{cursor:grab;touch-action:none;user-select:none;transition:none}.map-view.editing-layout .table-tile:hover{transform:none}.map-view.editing-layout .table-tile.dragging{cursor:grabbing;z-index:5;box-shadow:0 12px 30px #17392c35;border:2px solid #22624d}