:root{--ink:#1c2a24;--muted:#7b8780;--line:#e9ede7;--paper:#f7f8f4;--orange:#ed8055;--green:#4d9568}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{width:248px;background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;padding:27px 17px 15px;display:flex;flex-direction:column;z-index:10}.brand{font:800 22px Manrope,sans-serif;letter-spacing:-1.2px;display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;padding:0 9px}.brand-mark{width:29px;height:29px;border-radius:9px;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:16px}.brand-dot{color:var(--orange);margin-left:-8px}.restaurant-switch{display:flex;align-items:center;gap:10px;margin:34px 0 30px;padding:11px 9px;border:1px solid var(--line);border-radius:9px}.restaurant-avatar,.profile-avatar,.top-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#e4eee4;color:#477653;font:800 14px Manrope}.restaurant-switch span:nth-child(2),.profile>span:nth-child(2){flex:1}.restaurant-switch b,.restaurant-switch small,.profile b,.profile small{display:block}.restaurant-switch b,.profile b{font-size:11px}.restaurant-switch small,.profile small{font-size:9px;color:#9aa39d;margin-top:4px}.chevron{color:#8b968e}.nav-label{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#a0aaa3;padding:0 10px 10px}.side-nav{display:grid;gap:4px}.nav-item{border:0;background:transparent;color:#69766e;text-align:left;padding:11px 12px;border-radius:7px;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600}.nav-item>span{width:17px;text-align:center;font-size:16px;color:#849188}.nav-item:hover{background:#f7f8f4}.nav-item.active{background:#edf4ed;color:#376d49}.nav-item.active>span{color:#4d9568}.nav-count{font-style:normal;margin-left:auto;background:#f9e9df;color:#c16e4b;border-radius:12px;padding:3px 7px;font-size:9px}.tools-label{margin-top:29px}.sidebar-bottom{margin-top:auto}.help-card{background:#f6f8f3;border-radius:9px;padding:14px;margin:0 2px 17px}.help-card b{font:700 11px Manrope}.help-card p{font-size:10px;color:#7c8880;line-height:1.5;margin:7px 0}.help-card a{font-size:10px;color:#49825b;font-weight:700}.profile{border-top:1px solid var(--line);padding:15px 4px 0;display:flex;align-items:center;gap:9px}.profile-avatar,.top-avatar{border-radius:50%;background:#f8e7dc;color:#b96e4b}.profile button{border:0;background:none;color:#859188}.main-area{margin-left:248px;min-height:100vh}.topbar{height:67px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{font-size:11px;color:#9aa39d}.breadcrumb span{padding:0 9px;color:#c4cbc5}.breadcrumb b{color:#46534b}.top-actions{display:flex;align-items:center;gap:19px}.today-label{font-size:10px;color:#929d95}.icon-button{position:relative;border:0;background:none;font-size:19px;color:#748078}.icon-button i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--orange);top:2px;right:1px}.top-avatar{width:30px;height:30px;font-size:12px}.mobile-menu{display:none;border:0;background:none;font-size:20px}.content-wrap{max-width:1440px;margin:auto;padding:34px 38px 20px}.view{display:none}.view.active{display:block}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#8b988f}.page-heading h1{font:800 29px Manrope,sans-serif;letter-spacing:-1px;margin:9px 0 5px}.page-heading h1 span{font-size:17px;color:#e5a16f}.page-heading p,.panel-heading p{font-size:11px;color:#89948c;margin:0}.primary-button{border:0;border-radius:7px;background:var(--ink);color:#fff;padding:12px 16px;font-size:11px;font-weight:700}.primary-button:hover{background:#34483d}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:17px}.metric-card,.panel{background:#fff;border:1px solid var(--line);border-radius:10px}.metric-card{padding:17px 17px 13px;min-height:143px;position:relative;overflow:hidden}.metric-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#78847c}.metric-icon{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;font-weight:700}.peach{background:#fff0e8;color:#d47a52}.mint{background:#eaf4eb;color:#58936a}.lilac{background:#f1eef9;color:#8c7bb4}.blue{background:#edf2fa;color:#718eb7}.metric-card>strong{display:block;font:800 24px Manrope;letter-spacing:-.6px;margin:11px 0 5px}.metric-card>strong em{font-style:normal;font-size:13px;color:#9ba59e}.trend{font-size:9px;font-weight:700}.trend span{font-weight:400;color:#a0aaa3;margin-left:3px}.positive{color:#4c9566}.neutral{color:#8b968e}.sparkline{position:absolute;right:15px;bottom:15px;height:32px;width:85px;display:flex;align-items:end;gap:4px;opacity:.8}.sparkline i{flex:1;background:#d8eadb;border-radius:3px 3px 0 0}.metric-foot{font-size:9px;color:#909b93;margin-top:15px}.metric-foot b{padding:0 5px;color:#c2cac3}.table-progress{height:5px;background:#eef1ed;border-radius:8px;margin-top:14px;overflow:hidden}.table-progress i{display:block;width:44%;height:100%;background:#e99a73;border-radius:8px}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:14px;margin-bottom:14px}.panel{padding:18px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.panel-heading h2{font:700 14px Manrope;margin:0 0 5px}.panel-heading p{font-size:10px}.quiet-button{border:0;background:none;color:#518663;font-size:10px;font-weight:700}.subtle-tag{font-size:9px;color:#7d8981;background:#f4f6f2;border-radius:5px;padding:6px 8px}.order-table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:8px;letter-spacing:.8px;color:#a0aaa3;font-weight:700;padding:10px 9px;border-bottom:1px solid #edf0eb}td{font-size:10px;color:#69766e;padding:12px 9px;border-bottom:1px solid #f0f2ee}tbody tr:last-child td{border-bottom:0}td b{font-size:10px;color:#344239}td small{display:block;font-size:8px;color:#a0aaa3;margin-top:4px}.type-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px}.dine-dot{background:#e99b73}.delivery-dot{background:#85a4d3}.pickup-dot{background:#6ca47a}.status{font-size:8px;padding:5px 7px;border-radius:12px}.preparing{background:#fff4df;color:#aa7b30}.new{background:#fcece5;color:#c36e4d}.ready{background:#eaf4eb;color:#4c8a5b}.completed{background:#eff1ee;color:#7e8981}.donut-wrap{display:flex;align-items:center;justify-content:space-around;gap:14px;padding:7px 0 10px}.donut{width:135px;height:135px;border-radius:50%;background:conic-gradient(#e99b73 0 44%,#8eacd5 44% 75%,#78a883 75% 100%);display:grid;place-items:center;flex-shrink:0}.donut:before{content:"";width:91px;height:91px;background:white;border-radius:50%;grid-area:1/1}.donut>div{grid-area:1/1;z-index:1;text-align:center}.donut b,.donut small{display:block}.donut b{font:800 22px Manrope}.donut small{font-size:9px;color:#929d95}.channel-legend{flex:1;display:grid;gap:13px}.channel-legend>div{display:grid;grid-template-columns:8px 1fr auto;gap:7px;align-items:center;font-size:9px;color:#7c8880}.channel-legend i{width:7px;height:7px;border-radius:2px}.legend-dine{background:#e99b73}.legend-take{background:#8eacd5}.legend-delivery{background:#78a883}.channel-legend b{font-size:10px;color:#46534b}.channel-legend b small{font-weight:400;color:#9aa49d;margin-left:3px}.bottom-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:14px}.live-tag{font-size:8px;color:#7d9683;letter-spacing:.7px}.live-tag i{display:inline-block;width:5px;height:5px;background:#6ba77b;border-radius:50%;margin-right:5px}.activity-list>div{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #f0f2ee}.activity-icon{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;font-size:11px}.green-bg{background:#eaf4eb;color:#579267}.orange-bg{background:#fff0e8;color:#d27b53}.blue-bg{background:#edf2fa;color:#6d8db9}.activity-list p{flex:1;margin:0}.activity-list p b,.activity-list p small{display:block}.activity-list p b{font-size:9px}.activity-list p small{font-size:8px;color:#9aa49d;margin-top:4px}.activity-list time{font-size:8px;color:#a1aaa4}.tip-card{border-radius:10px;padding:19px 20px;background:#e9f1e8;position:relative;overflow:hidden}.tip-spark{position:absolute;right:19px;top:13px;color:#a8c5a8;font-size:27px}.tip-card .eyebrow{color:#76927b}.tip-card h3{font:700 17px Manrope;margin:12px 0 8px;max-width:190px}.tip-card p{font-size:10px;color:#718274;line-height:1.7;max-width:240px}.tip-card button{border:0;background:none;padding:0;color:#467a54;font-size:10px;font-weight:700;margin-top:8px}.demo-note,.table-foot{font-size:9px;color:#a1aaa4;margin:14px 2px}.app-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:28px;padding:17px 2px;color:#a0aaa3;font-size:9px}.filter-row{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:15px}.filter-tabs{display:flex;gap:5px;flex-wrap:wrap}.filter-tab{border:0;background:transparent;padding:8px 10px;border-radius:6px;font-size:9px;color:#7f8a82}.filter-tab.active{background:#edf4ed;color:#447a53;font-weight:700}.filter-tab span{margin-left:4px;color:#a0aaa3}.search-input{border:1px solid var(--line);border-radius:6px;padding:9px 11px;font-size:10px;min-width:170px;outline:none}.search-input:focus{border-color:#93b59a}.action-select{border:1px solid var(--line);background:#fff;border-radius:5px;padding:5px;font-size:9px;color:#526057}.menu-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:15px}.menu-summary .panel{padding:15px}.menu-summary span,.menu-summary b{display:block}.menu-summary span{font-size:8px;color:#9aa49d;letter-spacing:1px}.menu-summary b{font:800 22px Manrope;margin-top:8px}.menu-list{display:grid}.menu-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #f0f2ee}.food-thumb{width:42px;height:42px;border-radius:8px;background:#f6eee5;display:grid;place-items:center;font-size:20px}.food-info{flex:1}.food-info b,.food-info small{display:block}.food-info b{font-size:10px}.food-info small{font-size:8px;color:#98a29b;margin-top:4px}.food-price{font-size:10px;font-weight:700}.availability{font-size:8px;color:#4d9061;background:#eaf4eb;padding:5px 7px;border-radius:10px}.availability.off{color:#a4773b;background:#fff4df}.table-legend{display:flex;gap:20px;margin:0 0 18px;font-size:10px;color:#7e8982}.table-legend span{display:flex;align-items:center;gap:7px}.table-legend i{width:8px;height:8px;border-radius:3px}.occupied-key{background:#e99b73}.available-key{background:#8bb795}.reserved-key{background:#8eacd5}.floor-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.floor-table{border:1px solid var(--line);border-radius:9px;background:#fff;padding:16px 10px;text-align:center}.floor-table b{display:block;font:700 15px Manrope}.floor-table small{display:block;font-size:8px;color:#9aa49d;margin-top:5px}.floor-table.occupied{border-color:#f1c5ac;background:#fff9f5}.floor-table.occupied b{color:#bf754f}.floor-table.reserved{border-color:#c7d5e9;background:#f7faff}.floor-table.reserved b{color:#6d8bb7}.kitchen-board{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.kitchen-column{background:#f0f2ed;border-radius:9px;padding:12px;min-height:210px}.kitchen-column h3{font:700 11px Manrope;margin:2px 0 12px;display:flex;justify-content:space-between}.kitchen-column h3 span{font:500 9px "DM Sans";color:#9aa49d}.kitchen-ticket{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px;margin-bottom:9px}.kitchen-ticket strong{font-size:10px}.kitchen-ticket small{float:right;color:#9aa49d;font-size:8px}.kitchen-ticket p{font-size:9px;color:#78847c;line-height:1.7;margin:9px 0}.kitchen-ticket button{border:0;border-radius:5px;background:#edf4ed;color:#477b55;padding:7px 9px;font-size:8px;font-weight:700}.placeholder-panel{text-align:center;padding:65px 20px}.placeholder-icon{font-size:30px;color:#85a58a}.placeholder-panel h2{font:700 17px Manrope}.placeholder-panel p{max-width:390px;margin:auto;color:#89948c;font-size:11px;line-height:1.7}.settings-panel>div{padding:15px 3px;border-bottom:1px solid #f0f2ee}.settings-panel>div:last-child{border:0}.settings-panel b{font:700 11px Manrope}.settings-panel p{font-size:10px;color:#89948c;margin:5px 0 0}
@media(max-width:1100px){.sidebar{width:220px}.main-area{margin-left:220px}.content-wrap{padding:28px 24px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.bottom-grid{grid-template-columns:1fr}.channel-panel .donut-wrap{justify-content:flex-start;gap:50px}.floor-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.sidebar{transform:translateX(-100%);transition:transform .22s;box-shadow:none}.sidebar.open{transform:translateX(0);box-shadow:15px 0 35px #17221f20}.main-area{margin-left:0}.topbar{height:58px;padding:0 17px}.mobile-menu{display:block}.breadcrumb{margin-right:auto;margin-left:12px}.today-label{display:none}.top-actions{gap:12px}.content-wrap{padding:25px 15px 15px}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:25px}.page-heading p{max-width:240px;line-height:1.5}.primary-button{padding:10px;font-size:9px}.metric-grid{gap:9px}.metric-card{padding:13px;min-height:135px}.metric-card>strong{font-size:21px}.dashboard-grid,.bottom-grid{gap:10px}.panel{padding:14px}.channel-panel .donut-wrap{gap:20px}.donut{width:112px;height:112px}.donut:before{width:76px;height:76px}.channel-legend{gap:10px}.app-footer{flex-wrap:wrap}.app-footer span:last-child{width:100%}.filter-row{align-items:stretch;flex-direction:column}.search-input{width:100%}.floor-grid{grid-template-columns:repeat(3,1fr)}.kitchen-board{grid-template-columns:1fr}.kitchen-column{min-height:100px}}
@media(max-width:390px){.metric-grid{grid-template-columns:1fr 1fr}.metric-top{font-size:9px}.metric-card>strong{font-size:19px}.channel-panel .donut-wrap{flex-direction:column}.floor-grid{grid-template-columns:repeat(2,1fr)}}