:root{
  --bg:#f4f6f9;--surface:#fff;--surface-2:#f8fafc;--line:#e6eaf0;--line-strong:#d8dee8;
  --text:#1f2937;--muted:#6b7280;--muted-2:#94a3b8;--navy:#152238;--navy-2:#21324c;
  --accent:#f59e0b;--accent-2:#ffb52e;--accent-soft:#fff7e6;--green:#18a36f;--green-soft:#eaf8f2;
  --blue:#3b82f6;--blue-soft:#eef5ff;--red:#e55353;--red-soft:#fff0f0;--orange:#e98018;--orange-soft:#fff4e8;
  --shadow:0 8px 28px rgba(15,23,42,.055);--shadow-lg:0 22px 55px rgba(15,23,42,.12);--radius:16px;
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{width:100%;background:#fff;border:1px solid var(--line-strong);color:var(--text);border-radius:10px;padding:11px 12px;outline:none;transition:.16s;min-height:42px}input:focus,select:focus,textarea:focus{border-color:#f3b649;box-shadow:0 0 0 3px rgba(245,158,11,.12)}textarea{resize:vertical}label{display:grid;gap:7px;font-size:12px;color:#475569;font-weight:700}.grow{min-width:0;flex:1}.muted{color:var(--muted)}.eyebrow{display:block;color:#a35f00;font-size:10px;line-height:1.4;font-weight:850;letter-spacing:.13em;margin-bottom:5px;text-transform:uppercase}.btn{border:0;border-radius:10px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:12px;transition:.15s;white-space:nowrap;min-height:40px}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--navy);color:#fff;box-shadow:0 8px 18px rgba(21,34,56,.14)}.btn.secondary{background:#fff;color:#334155;border:1px solid var(--line-strong)}.btn.ghost{background:var(--surface-2);color:#475569;border:1px solid var(--line)}.btn.success{background:var(--green);color:#fff}.btn.warning{background:var(--orange-soft);color:#9a5208;border:1px solid #f4c68b}.btn.large{padding:14px 18px;font-size:14px}.btn.full{width:100%}.alert{border-radius:12px;padding:12px 14px;margin:0 0 16px;font-size:12px;font-weight:750}.alert.success{background:var(--green-soft);border:1px solid #c9eadc;color:#14734f}.alert.error{background:var(--red-soft);border:1px solid #f4caca;color:#b63737}.badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:999px;font-size:9px;letter-spacing:.06em;text-transform:uppercase;font-weight:850;white-space:nowrap}.badge.success{background:var(--green-soft);color:#177a55}.badge.danger{background:var(--red-soft);color:#bd4040}.counter-pill{padding:8px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:10px;color:#64748b;box-shadow:var(--shadow)}.empty{padding:24px;text-align:center;color:var(--muted);font-size:12px}.empty.big{padding:46px 20px}

/* Shell */
.app-shell{min-height:100vh}.sidebar{width:252px;position:fixed;left:0;top:0;bottom:0;background:#fff;border-right:1px solid var(--line);z-index:30;display:flex;flex-direction:column;padding:14px 12px}.brand{height:68px;display:flex;align-items:center;gap:11px;padding:7px 8px;margin-bottom:14px}.brand>span{width:43px;height:43px;border-radius:12px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:900;font-size:13px;letter-spacing:.02em;flex:0 0 auto;overflow:hidden}.brand>span img{width:100%;height:100%;object-fit:contain;background:#fff}.brand strong,.brand small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand strong{font-size:13px;max-width:170px;color:#172033}.brand small{color:#9aa5b5;font-size:9px;margin-top:3px;text-transform:uppercase;letter-spacing:.08em}.sidebar nav{display:grid;gap:4px;overflow:auto;padding:3px 0 12px}.sidebar nav a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:#657287;font-size:11px;font-weight:750;border:1px solid transparent}.sidebar nav a b{width:28px;height:27px;border-radius:8px;background:#f4f6f9;display:grid;place-items:center;font-size:8px;letter-spacing:.04em;color:#76849a}.sidebar nav a:hover{background:#f8fafc;color:#25334a}.sidebar nav a.active{background:var(--accent-soft);color:#6f4300;border-color:#f7d795}.sidebar nav a.active b{background:#fff1ce;color:#8e5700}.side-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:12px}.side-bottom>a:first-child{display:flex;align-items:center;gap:9px;padding:7px;border-radius:10px}.side-bottom>a:first-child:hover{background:#f8fafc}.avatar{width:34px;height:34px;border-radius:10px;background:#edf1f6;display:grid;place-items:center;font-size:11px;font-weight:900;color:#334155}.side-bottom strong,.side-bottom small{display:block}.side-bottom strong{font-size:11px}.side-bottom small{font-size:9px;color:var(--muted)}.logout{display:block;text-align:center;margin-top:7px;padding:8px;border-radius:9px;color:#8b96a7;font-size:10px}.logout:hover{background:var(--red-soft);color:#b53d3d}.content{margin-left:252px;min-height:100vh}.topbar{height:66px;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px}.menu-btn{display:none;border:0;background:transparent;color:var(--navy);font-size:21px}.top-title strong,.top-title span{display:block}.top-title strong{font-size:12px;color:#273449}.top-title span{font-size:9px;color:#8a96a8;margin-top:3px;text-transform:uppercase;letter-spacing:.05em}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.icon-btn{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#fff;border:1px solid var(--line);color:#536174}.live-pill{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:var(--green-soft);border:1px solid #d1ecdf;font-size:8px;color:#16805a;text-transform:uppercase;font-weight:900;letter-spacing:.09em}.live-pill i,.kds-clock i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(24,163,111,.08)}.main{padding:26px;max-width:1560px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:5px 0 20px}.page-head h1{margin:0;font-size:27px;letter-spacing:-.035em;color:#172033}.page-head p{margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.55}.back{display:block;font-size:10px;color:#65758d;margin-bottom:13px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.panel.narrow{max-width:540px}.panel h2{margin:0 0 13px;font-size:15px;color:#202c3d}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.panel-head h2{margin:0}.panel-head p{margin:5px 0 0;color:var(--muted);font-size:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full{grid-column:1/-1}.two-col{display:grid;grid-template-columns:380px minmax(0,1fr);gap:16px}.two-col.wide-left{grid-template-columns:430px minmax(0,1fr)}.inline-form{display:grid;grid-template-columns:1fr auto;gap:9px}.panel hr{border:0;border-top:1px solid var(--line);margin:22px 0}.switch{display:flex!important;align-items:center;gap:9px;cursor:pointer}.switch input{display:none}.switch>span{width:36px;height:20px;border-radius:999px;background:#e5e9ef;border:1px solid #d2d8e1;position:relative;transition:.18s;flex:0 0 auto}.switch>span:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#a4aebb;top:2px;left:2px;transition:.18s}.switch input:checked+span{background:#ccefe0;border-color:#94d6ba}.switch input:checked+span:after{left:18px;background:var(--green)}.file-label span{color:var(--muted);font-size:10px}.icon-link,.mini-action{border:0;background:transparent;color:#65758b;font-size:10px;font-weight:800;padding:6px 8px;border-radius:7px}.icon-link:hover,.mini-action:hover{background:#f1f4f8;color:#26354a}.mini-action.danger{color:#cc4b4b}.mini-action.danger:hover{background:var(--red-soft)}

/* Dashboard */
.welcome{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:24px;border:1px solid #dfe5ed;border-radius:20px;background:linear-gradient(135deg,#fff,#fbfcfe);box-shadow:var(--shadow);margin-bottom:16px;position:relative;overflow:hidden}.welcome:after{content:"";position:absolute;right:-50px;top:-85px;width:230px;height:230px;border-radius:50%;background:rgba(245,158,11,.08)}.welcome>div{position:relative;z-index:1}.welcome h1{font-size:29px;margin:0;letter-spacing:-.04em;color:#172033}.welcome p{margin:7px 0 0;color:var(--muted);font-size:11px}.welcome-actions{display:flex;gap:8px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;box-shadow:var(--shadow)}.stat-card span,.stat-card small{display:block;color:var(--muted)}.stat-card span{font-size:9px;text-transform:uppercase;letter-spacing:.09em;font-weight:850}.stat-card strong{display:block;font-size:24px;margin:8px 0 5px;letter-spacing:-.04em;color:#172033}.stat-card small{font-size:9px}.dashboard-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:16px;margin-bottom:16px}.ops-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:9px}.ops-grid a{display:flex;align-items:center;gap:11px;padding:13px;border-radius:13px;background:#fbfcfd;border:1px solid var(--line)}.ops-grid a:hover{border-color:#f1c878;background:#fffaf1}.ops-grid a>b{width:38px;height:38px;border-radius:10px;background:#eef1f5;display:grid;place-items:center;color:#556378;font-size:9px;letter-spacing:.05em}.ops-grid span strong,.ops-grid span small{display:block}.ops-grid span strong{font-size:11px}.ops-grid span small{font-size:8px;color:var(--muted);margin-top:3px}.rank-list{display:grid;gap:2px}.rank-list>div{display:flex;align-items:center;gap:10px;padding:9px 6px;border-bottom:1px solid var(--line)}.rank-list>div:last-child{border:0}.rank-list b{width:23px;height:23px;border-radius:7px;background:#f2f4f7;display:grid;place-items:center;font-size:9px;color:#516078}.rank-list span{flex:1;font-size:10px}.rank-list strong{font-size:10px}.action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.action-grid a{padding:15px;border-radius:13px;background:#fbfcfd;border:1px solid var(--line);display:grid;gap:5px}.action-grid a:hover{border-color:#edc26b;background:#fffaf0}.action-grid a b{width:30px;height:30px;border-radius:9px;background:#f1f3f6;display:grid;place-items:center;font-size:9px;color:#5d6c82}.action-grid a strong{font-size:11px}.action-grid a small{font-size:8px;color:var(--muted)}

/* Team / products / settings */
.team-list,.product-list,.stock-list{display:grid}.team-row,.product-row,.stock-row{display:flex;align-items:center;gap:10px;padding:11px 5px;border-bottom:1px solid var(--line)}.team-row:last-child,.product-row:last-child,.stock-row:last-child{border:0}.team-row.is-off,.product-row.is-off{opacity:.52}.team-row small,.product-row small,.stock-row small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.team-row strong,.product-row strong,.stock-row strong{font-size:11px}.role-waiter{background:#eef5ff;color:#2d6fc4}.role-kitchen{background:#fff2e8;color:#b25c19}.role-bar{background:#f2eeff;color:#7357b6}.role-cashier{background:#eaf8f2;color:#167450}.products-layout{display:grid;grid-template-columns:410px minmax(0,1fr);gap:16px}.product-form{position:sticky;top:84px;align-self:start}.category-add{display:grid;grid-template-columns:1fr auto;gap:8px}.product-row img,.product-placeholder{width:58px;height:58px;border-radius:10px;object-fit:cover;background:#f1f3f6;display:grid;place-items:center;font-size:7px;color:#8793a4;font-weight:900;letter-spacing:.05em}.product-price{text-align:right}.product-price strong,.product-price span{display:block}.product-price strong{font-size:11px}.product-price span{margin-top:5px}.product-row em{font-size:8px;color:#9a6505;font-style:normal;display:block;margin-top:3px}.restaurant-preview{display:flex;align-items:center;gap:13px;padding:12px;border-radius:13px;background:#f8fafc;border:1px solid var(--line);margin-bottom:17px}.restaurant-preview img,.brand-mark{width:58px;height:58px;border-radius:13px;object-fit:contain;background:#fff;border:1px solid var(--line)}.brand-mark{display:grid;place-items:center;background:var(--navy);color:white;font-weight:900}.restaurant-preview span,.restaurant-preview small{display:block;color:var(--muted);font-size:9px}.restaurant-preview h2{margin:3px 0;font-size:15px}.share-box{margin-top:16px;padding:13px;border-radius:12px;background:#f8fafc;border:1px solid var(--line)}.share-box span,.share-box strong{display:block}.share-box span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.share-box strong{font-size:10px;word-break:break-all;margin:5px 0 10px}.profile-card{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:13px;background:#fafbfd;margin-bottom:16px}.avatar-lg{width:50px;height:50px;border-radius:13px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:900}.profile-card strong,.profile-card small{display:block}.profile-card strong{font-size:13px}.profile-card small{font-size:9px;color:var(--muted);margin-top:3px}

/* Rooms */
.room-block{margin-top:17px}.room-block h3{font-size:11px;margin:0 0 9px;color:#40506a;text-transform:uppercase;letter-spacing:.06em}.admin-table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}.admin-table{display:flex;align-items:center;gap:8px;padding:11px;border:1px solid var(--line);border-radius:11px;background:#fbfcfd}.admin-table>div{flex:1}.admin-table strong,.admin-table small{display:block}.admin-table strong{font-size:10px}.admin-table small{font-size:8px;color:var(--muted);margin-top:2px}.admin-table.is-off{opacity:.48}.table-state{font-size:8px;font-weight:850;text-transform:uppercase;padding:5px 7px;border-radius:999px}.table-state.free{background:var(--green-soft);color:#177b56}.table-state.occupied{background:var(--blue-soft);color:#2867b2}.table-state.bill{background:var(--orange-soft);color:#9b5710}

/* Waiter / tables */
.legend{display:flex;gap:7px}.legend span{font-size:8px;font-weight:850;text-transform:uppercase;padding:6px 9px;border-radius:999px;border:1px solid}.legend .free{background:var(--green-soft);color:#187b56;border-color:#cdebdc}.legend .occupied{background:var(--blue-soft);color:#2b68b1;border-color:#d4e5fb}.legend .bill{background:var(--orange-soft);color:#995910;border-color:#f3d1a8}.tabs{display:flex;align-items:center;gap:7px;margin-bottom:14px}.tabs.scroll{overflow:auto;padding-bottom:2px}.tabs a,.tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;font-size:9px;color:#657287;white-space:nowrap;font-weight:750}.tabs a.active,.tabs button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.table-grid.premium{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:11px}.table-card{position:relative;min-height:155px;border-radius:14px;background:#fff;border:1px solid var(--line);padding:13px;display:flex;flex-direction:column;box-shadow:var(--shadow);overflow:hidden;transition:.15s}.table-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#cfd6df}.table-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(15,23,42,.09)}.table-card.free:before{background:var(--green)}.table-card.occupied:before{background:var(--blue)}.table-card.bill:before{background:var(--orange)}.table-card header{display:flex;justify-content:space-between;color:#8a96a8;font-size:8px;text-transform:uppercase;letter-spacing:.05em}.table-card header i{font-style:normal}.table-number{font-size:19px;font-weight:850;letter-spacing:-.03em;margin:18px 0 8px;color:#243147}.table-meta{margin-top:auto}.table-meta strong,.table-meta small{display:block}.table-meta strong{font-size:13px}.table-meta small{font-size:8px;color:var(--muted);margin-top:3px}.ready-alert,.bill-alert{position:absolute;right:10px;bottom:10px;font-style:normal;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;padding:5px 7px;border-radius:999px}.ready-alert{background:var(--green-soft);color:#167852}.bill-alert{background:var(--orange-soft);color:#9b5810}.table-total{text-align:right}.table-total span,.table-total strong{display:block}.table-total span{font-size:8px;color:var(--muted);text-transform:uppercase}.table-total strong{font-size:24px;margin-top:3px}.table-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-7px 0 14px}.move-form{display:flex;gap:7px}.move-form select{min-width:240px}.order-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:16px}.menu-search{position:relative;margin-bottom:10px}.menu-search span{position:absolute;right:12px;top:10px;color:#98a4b4}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.menu-product{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);display:grid;grid-template-columns:92px 1fr}.menu-product>img,.menu-img{width:92px;height:100%;min-height:118px;object-fit:cover;background:#f1f3f6;display:grid;place-items:center;font-size:7px;color:#8c97a7;font-weight:900}.menu-product-main{padding:12px}.sector-chip{display:inline-flex;padding:4px 6px;border-radius:999px;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.sector-chip.kitchen{background:#fff1e5;color:#a95414}.sector-chip.bar{background:#f1edff;color:#6c50ae}.menu-product h3{font-size:12px;margin:7px 0 4px}.menu-product p{font-size:9px;color:var(--muted);line-height:1.45;margin:0;min-height:26px}.product-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:10px}.product-bottom strong{font-size:13px}.product-bottom small{font-size:8px;color:var(--muted)}.menu-product details{grid-column:1/-1;border-top:1px solid var(--line)}.menu-product summary{padding:10px 12px;font-size:9px;font-weight:850;color:#526176;list-style:none;cursor:pointer}.menu-product details[open] summary{background:#f8fafc}.add-order-form{padding:12px;display:grid;gap:10px;background:#fbfcfd}.addon-box{display:grid;gap:6px}.addon-box>span{font-size:9px;font-weight:850}.addon-box label{display:flex;align-items:center;gap:7px;font-size:9px}.addon-box input{width:auto;min-height:auto}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.order-ticket{position:sticky;top:82px;align-self:start;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);max-height:calc(100vh - 100px);display:flex;flex-direction:column;overflow:hidden}.ticket-head{display:flex;align-items:flex-start;justify-content:space-between;padding:15px;border-bottom:1px solid var(--line)}.ticket-head h2{margin:0;font-size:16px}.ticket-head>strong{font-size:16px}.ticket-items{overflow:auto;min-height:100px}.ticket-item{padding:12px 14px;border-bottom:1px solid var(--line)}.ticket-item.cancelled{opacity:.42}.ticket-line{display:flex;justify-content:space-between;gap:10px}.ticket-line strong,.ticket-line b{font-size:10px}.ticket-item small{display:block;font-size:8px;color:var(--muted);margin-top:3px}.ticket-item p{font-size:8px;color:#8a5e19;background:#fff8e8;padding:6px;border-radius:7px;margin:6px 0 0}.ticket-actions{display:flex;align-items:center;gap:6px;margin-top:7px}.ticket-actions form{margin-left:auto}.status{font-size:7px;font-weight:900;text-transform:uppercase;padding:4px 6px;border-radius:999px}.status.new{background:#eef2f7;color:#65748a}.status.preparing{background:#fff4e7;color:#a65b12}.status.ready{background:var(--green-soft);color:#147951}.status.delivered{background:var(--blue-soft);color:#2e69b4}.status.cancelled{background:var(--red-soft);color:#b43e3e}.ticket-total{display:flex;justify-content:space-between;padding:14px;background:#f9fafb;border-top:1px solid var(--line);font-size:10px}.ticket-total strong{font-size:13px}

/* KDS */
.kds-clock{display:flex;align-items:center;gap:7px;padding:8px 10px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.kds-clock span{font-size:8px;color:var(--muted);text-transform:uppercase}.kds-clock strong{font-size:10px}.kds-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kds-column{background:#edf1f5;border:1px solid #e1e6ec;border-radius:14px;padding:10px;min-height:540px}.kds-column>header{display:flex;align-items:center;justify-content:space-between;padding:4px 3px 10px}.kds-column>header>div{display:flex;align-items:center;gap:7px}.kds-column>header span{width:8px;height:8px;border-radius:50%;background:#98a5b6}.kds-column.preparing>header span{background:var(--orange)}.kds-column.ready>header span{background:var(--green)}.kds-column>header h2{font-size:11px;margin:0}.kds-column>header b{font-size:9px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 7px}.kds-list{display:grid;gap:8px}.kds-card{background:#fff;border:1px solid #e1e6ed;border-radius:12px;padding:12px;box-shadow:0 4px 13px rgba(15,23,42,.04)}.kds-card.warning{border-left:4px solid var(--orange)}.kds-card.critical{border-left:4px solid var(--red)}.kds-card-head{display:flex;align-items:center;justify-content:space-between}.kds-card-head strong{font-size:12px}.kds-card-head span{font-size:8px;color:#64748b;font-weight:800}.kds-card>small{display:block;font-size:8px;color:#8b97a8;margin:3px 0 11px}.kds-card h3{font-size:14px;margin:0 0 5px}.kds-card p{font-size:9px;color:#68758a;margin:3px 0}.kds-note{font-size:9px;background:#fff8e8;color:#805611;padding:7px;border-radius:8px;margin:8px 0}

/* Cashier */
.cash-toolbar{display:grid;grid-template-columns:1fr 1.5fr;gap:12px;margin-bottom:14px}.cash-move,.cash-close{display:grid;grid-template-columns:130px 1fr 130px auto;gap:7px;align-items:end}.cash-close{grid-template-columns:1fr auto}.cash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:11px}.cash-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.cash-card.priority{border-top:4px solid var(--orange)}.cash-card>header{display:flex;align-items:flex-start;justify-content:space-between;padding:15px}.cash-card>header span{font-size:7px;font-weight:900;color:#8a96a8;letter-spacing:.07em}.cash-card>header h2{font-size:17px;margin:3px 0}.cash-card>header small{font-size:8px;color:var(--muted)}.cash-card>header>strong{font-size:16px}.cash-card details{border-top:1px solid var(--line)}.cash-card summary{padding:11px 15px;list-style:none;cursor:pointer;font-size:9px;font-weight:850;color:#536176;background:#fafbfd}.checkout-form{padding:14px;display:grid;gap:12px}.checkout-summary{display:grid;gap:8px}.checkout-summary>div{display:flex;justify-content:space-between;align-items:center;font-size:10px}.checkout-final{padding-top:8px;border-top:1px solid var(--line)}.checkout-final strong{font-size:16px}.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.payment-hint{font-size:8px;color:#7d8999;background:#f8fafc;border-radius:8px;padding:8px}

/* Stock / reports */
.stock-row.low{background:#fff9f5}.stock-qty{text-align:center}.stock-qty span,.stock-qty strong{display:block}.stock-qty span{font-size:7px;color:var(--muted);text-transform:uppercase}.stock-qty strong{font-size:14px}.stock-adjust{display:grid;grid-template-columns:105px auto;gap:7px}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.audit-list{display:grid}.audit-list>div{padding:9px 0;border-bottom:1px solid var(--line)}.audit-list span,.audit-list small,.audit-list p{display:block}.audit-list span{font-size:9px;font-weight:850}.audit-list small{font-size:8px;color:var(--muted);margin-top:2px}.audit-list p{font-size:8px;color:#64748b;margin:4px 0 0}.date-filter{display:flex;align-items:center;gap:7px}.date-filter input{min-width:130px}

/* Auth */
.auth-page{min-height:100vh;background:#eef1f5;display:grid;place-items:center;padding:25px}.auth-shell{width:min(940px,100%);min-height:570px;display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border-radius:22px;overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid #e1e6ed}.auth-brand{position:relative;background:linear-gradient(145deg,#152238,#253754);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.auth-glow{position:absolute;width:340px;height:340px;border-radius:50%;background:rgba(245,158,11,.16);right:-165px;top:-125px;filter:blur(2px)}.login-logo{width:67px;height:67px;border-radius:16px;object-fit:contain;background:#fff;margin-bottom:25px;box-shadow:0 12px 28px rgba(0,0,0,.18)}.login-logo.fallback{display:grid;place-items:center;background:var(--accent);color:#3b2500;font-weight:950}.auth-brand>span{display:block;color:#f6c35e;font-size:9px;text-transform:uppercase;letter-spacing:.15em;font-weight:900}.auth-brand h1{font-size:35px;letter-spacing:-.045em;margin:8px 0}.auth-brand>p{color:#b8c2d1;font-size:11px;line-height:1.6;margin:0 0 29px}.login-feature{display:flex;align-items:center;gap:12px;margin:10px 0;padding:11px;border-radius:12px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.login-feature>b{width:37px;height:37px;border-radius:10px;background:rgba(245,158,11,.14);color:#f6c15a;display:grid;place-items:center;font-size:9px}.login-feature strong,.login-feature small{display:block}.login-feature strong{font-size:10px}.login-feature small{font-size:8px;color:#aeb8c7;margin-top:3px}.auth-card{padding:45px 38px;display:flex;flex-direction:column;justify-content:center;background:#fff}.auth-card h2{font-size:25px;margin:0 0 5px;color:#172033}.auth-card>p{margin:0 0 20px;color:var(--muted);font-size:10px}.login-form{display:grid;gap:12px}.default-access{margin-top:18px;padding:11px;border-radius:11px;background:#f8fafc;border:1px solid var(--line);text-align:center}.default-access span,.default-access strong,.default-access small{display:block}.default-access span{font-size:8px;color:var(--muted);text-transform:uppercase}.default-access strong{color:#7e4f05;font-size:12px;margin:3px}.default-access small{font-size:8px;color:var(--muted)}.login-foot{text-align:center;color:#a1abba;font-size:8px;margin-top:20px}

/* Public menu */
.public-body{background:#f4f5f7;color:#17202f}.public-menu{max-width:1120px;margin:auto;padding:25px 18px 55px}.menu-hero{border-radius:20px;background:linear-gradient(135deg,#152238,#243653);color:#fff;padding:24px;display:flex;align-items:center;gap:15px;box-shadow:0 20px 45px rgba(17,24,39,.12)}.menu-hero img,.menu-hero .menu-brand{width:70px;height:70px;border-radius:15px;object-fit:contain;background:#fff}.menu-hero .menu-brand{display:grid;place-items:center;background:var(--accent);color:#3d2600;font-weight:950}.menu-hero span{font-size:8px;color:#f3bf58;letter-spacing:.13em;text-transform:uppercase;font-weight:900}.menu-hero h1{font-size:25px;margin:4px 0}.menu-hero p{font-size:9px;color:#b4bfce;margin:0}.public-tabs{display:flex;gap:7px;overflow:auto;margin:20px 0 13px}.public-tabs button{border:1px solid #d9dde5;background:white;border-radius:999px;padding:9px 12px;font-size:9px;color:#556174;white-space:nowrap}.public-tabs button.active{background:#162238;color:white;border-color:#162238}.public-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.public-card{background:#fff;border:1px solid #e1e4ea;border-radius:15px;overflow:hidden;box-shadow:0 7px 20px rgba(31,41,55,.04)}.public-card img,.public-placeholder{height:165px;width:100%;object-fit:cover;background:#e8ebef;display:grid;place-items:center;font-size:8px;font-weight:900;color:#7c8796}.public-card>div{padding:13px}.public-card h3{font-size:13px;margin:0 0 4px}.public-card p{font-size:9px;color:#788396;min-height:29px;line-height:1.5;margin:0}.public-card footer{display:flex;align-items:end;justify-content:space-between;margin-top:9px}.public-card footer strong{font-size:14px}.public-card footer span{font-size:8px;color:#798497}.public-off{max-width:520px;margin:15vh auto;background:#fff;border:1px solid #e1e4ea;border-radius:18px;padding:30px;text-align:center}.public-footer{text-align:center;color:#9ba4b1;font-size:8px;margin-top:32px}

/* Live update */
.live-update-toast{position:fixed;right:20px;bottom:20px;z-index:80;background:#172238;color:#fff;border:0;border-radius:12px;padding:11px 14px;box-shadow:var(--shadow-lg);font-size:10px;font-weight:800}.live-update-toast span{color:#f2bf58;margin-left:5px}

@media(max-width:1180px){.stat-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.products-layout{grid-template-columns:360px 1fr}.order-layout{grid-template-columns:1fr}.order-ticket{position:static;max-height:none}.kds-board{grid-template-columns:1fr}.cash-toolbar{grid-template-columns:1fr}.cash-move,.cash-close{grid-template-columns:1fr 1fr}.report-grid{grid-template-columns:1fr}}
@media(max-width:900px){.sidebar{transform:translateX(-105%);transition:.2s;box-shadow:20px 0 50px rgba(15,23,42,.16)}body.menu-open .sidebar{transform:none}.content{margin-left:0}.menu-btn{display:block;margin-right:12px}.main{padding:18px}.two-col,.two-col.wide-left,.products-layout{grid-template-columns:1fr}.product-form{position:static}.action-grid{grid-template-columns:1fr 1fr}.auth-shell{grid-template-columns:1fr;max-width:470px}.auth-brand{display:none}}
@media(max-width:620px){.topbar{height:61px;padding:0 13px}.top-actions .live-pill{display:none}.main{padding:13px}.page-head{align-items:flex-start;flex-direction:column;gap:10px}.page-head h1{font-size:23px}.welcome{padding:18px;align-items:flex-start;flex-direction:column}.welcome h1{font-size:24px}.welcome-actions{width:100%}.welcome-actions .btn{flex:1}.stat-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{padding:13px}.stat-card strong{font-size:19px}.ops-grid{grid-template-columns:1fr}.action-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.team-row,.product-row{flex-wrap:wrap}.product-row .grow{min-width:150px}.admin-table-grid{grid-template-columns:1fr}.table-grid.premium{grid-template-columns:1fr 1fr;gap:8px}.table-card{min-height:135px}.table-tools{justify-content:stretch;flex-direction:column}.table-tools form,.move-form{width:100%}.move-form{display:grid;grid-template-columns:1fr}.move-form select{min-width:0}.menu-grid{grid-template-columns:1fr}.menu-product{display:grid;grid-template-columns:100px 1fr}.menu-product>img,.menu-img{width:100px;height:100%;min-height:120px}.menu-product details{grid-column:1/-1}.order-ticket{border-radius:14px}.cash-move,.cash-close{grid-template-columns:1fr}.cash-grid{grid-template-columns:1fr}.payment-grid{grid-template-columns:1fr 1fr}.stock-row{flex-wrap:wrap}.stock-adjust{width:100%;grid-template-columns:1fr auto}.date-filter{width:100%;display:grid;grid-template-columns:1fr auto 1fr}.date-filter .btn{grid-column:1/-1}.auth-page{padding:14px}.auth-card{padding:30px 22px}.public-grid{grid-template-columns:1fr}.public-card{display:grid;grid-template-columns:105px 1fr}.public-card img,.public-placeholder{width:105px;height:100%}.legend{width:100%}.legend span{flex:1;text-align:center}}
@media(max-width:390px){.stat-grid{grid-template-columns:1fr}.action-grid{grid-template-columns:1fr}.table-grid.premium{grid-template-columns:1fr}.menu-product{grid-template-columns:90px 1fr}.menu-product>img,.menu-img{width:90px}}

/* =========================================================
   V5.1 ORGANIZADO — interface operacional mais limpa
   ========================================================= */
:root{
  --sidebar-w:286px;
  --bg:#f3f5f8;
  --surface:#ffffff;
  --surface-2:#f8fafc;
  --line:#e3e8ef;
  --line-strong:#d5dce6;
  --text:#172033;
  --muted:#687386;
  --navy:#111c2f;
  --navy-2:#1b2a43;
  --accent:#e8a317;
  --accent-soft:#fff8e8;
  --green:#15966a;
  --green-soft:#eaf8f2;
  --blue:#3d7edb;
  --blue-soft:#edf5ff;
  --red:#d95353;
  --red-soft:#fff0f0;
  --orange:#dc7b20;
  --orange-soft:#fff3e7;
  --shadow:0 6px 20px rgba(17,24,39,.05);
  --shadow-lg:0 20px 55px rgba(17,24,39,.13);
  --radius:18px;
}
body{font-size:14px;line-height:1.45;background:var(--bg)}
input,select,textarea{min-height:46px;border-radius:11px;padding:11px 13px;font-size:14px}
textarea{line-height:1.5}
label{font-size:13px;gap:7px;color:#465367}
.btn{min-height:44px;padding:11px 16px;border-radius:11px;font-size:13px;font-weight:750;letter-spacing:0}
.btn.large{min-height:50px;font-size:15px}
.eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:7px}
.badge{font-size:10px;padding:6px 9px}
.counter-pill{font-size:12px;padding:8px 12px}
.alert{font-size:13px;padding:13px 15px}
.empty{font-size:13px;line-height:1.5}

/* shell / navigation */
.sidebar{width:var(--sidebar-w);padding:18px 16px;background:linear-gradient(180deg,#111c2f 0%,#152239 100%);border-right:0;color:#fff;box-shadow:8px 0 30px rgba(15,23,42,.08)}
.content{margin-left:var(--sidebar-w)}
.brand{height:auto;min-height:66px;margin:0 0 18px;padding:7px 8px;color:#fff}
.brand>span{width:46px;height:46px;border-radius:13px;background:var(--accent);color:#302006;font-size:14px}
.brand strong{max-width:180px;font-size:14px;color:#fff;font-weight:800}
.brand small{font-size:10px;color:#92a0b6;margin-top:4px;letter-spacing:.1em}
.nav-section-label{padding:8px 12px 7px;color:#71809a;font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:800}
.operation-label{margin-top:16px;border-top:1px solid rgba(255,255,255,.07);padding-top:18px}
.sidebar nav{gap:5px;padding:0}
.sidebar nav a{min-height:46px;padding:9px 10px;border-radius:11px;color:#b2bdcd;font-size:13px;font-weight:650;border:1px solid transparent}
.sidebar nav a b{width:31px;height:31px;border-radius:9px;background:rgba(255,255,255,.06);color:#9daabd;font-size:14px;font-weight:800}
.sidebar nav a:hover{background:rgba(255,255,255,.055);color:#fff}
.sidebar nav a.active{background:rgba(232,163,23,.14);border-color:rgba(232,163,23,.20);color:#f8d589}
.sidebar nav a.active b{background:rgba(232,163,23,.16);color:#f8d589}
.portal-links{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 4px}
.portal-links a{display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 9px;border-radius:10px;background:rgba(255,255,255,.045);color:#aeb9c9;border:1px solid rgba(255,255,255,.05);font-size:12px;font-weight:650}
.portal-links a:hover{background:rgba(255,255,255,.08);color:#fff}
.portal-links b{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.06);font-size:12px}
.side-bottom{padding-top:14px;border-color:rgba(255,255,255,.08)}
.side-bottom>a:first-child{padding:8px;color:#fff}
.side-bottom>a:first-child:hover{background:rgba(255,255,255,.06)}
.side-bottom strong{font-size:12px}.side-bottom small{font-size:10px;color:#8e9cb1}
.sidebar .avatar{background:rgba(255,255,255,.09);color:#fff}
.logout{width:38px;height:38px;display:grid;place-items:center;margin:5px 0 0 auto;padding:0;color:#8390a4;font-size:18px}
.logout:hover{background:rgba(217,83,83,.12);color:#ff9d9d}

.topbar{height:76px;padding:0 28px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);box-shadow:0 1px 0 rgba(17,24,39,.015)}
.menu-btn{font-size:23px;margin-right:12px}
.top-title span{font-size:11px;color:#8b96a7;text-transform:uppercase;letter-spacing:.1em;font-weight:800;margin:0 0 3px}
.top-title strong{font-size:15px;color:#1f2b3c;font-weight:800}
.top-actions{gap:10px}
.sync-status{display:flex;align-items:center;gap:7px;border:1px solid #d7ebdf;background:#f1fbf6;color:#39765f;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:750}
.sync-status i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(21,150,106,.09)}
.icon-btn{width:40px;height:40px;border-radius:11px;font-size:16px;background:#fff}
.user-chip{display:flex;align-items:center;gap:9px;padding:5px 8px 5px 5px;border:1px solid var(--line);border-radius:12px;background:#fff}
.user-chip .avatar{width:32px;height:32px;border-radius:9px;background:#eef2f7;color:#334155;font-size:11px}
.user-chip strong,.user-chip small{display:block}.user-chip strong{font-size:11px}.user-chip small{font-size:9px;color:var(--muted);margin-top:2px}
.main{padding:28px 30px 44px;max-width:1680px}
.page-head{align-items:center;margin:3px 0 22px}
.page-head h1{font-size:30px;letter-spacing:-.03em}
.page-head p{font-size:13px;max-width:780px;line-height:1.55;margin-top:7px}
.back{font-size:12px;margin-bottom:14px;color:#596a80}
.panel{padding:21px;border-radius:18px;border-color:var(--line);box-shadow:var(--shadow)}
.panel h2{font-size:17px;margin-bottom:15px}
.panel-head{margin-bottom:18px}.panel-head p{font-size:12px;margin-top:5px}
.form-grid{gap:14px}.two-col{grid-template-columns:400px minmax(0,1fr);gap:18px}.two-col.wide-left{grid-template-columns:440px minmax(0,1fr)}
.inline-form{gap:10px}.file-label span{font-size:11px}
.icon-link,.mini-action{font-size:11px;padding:7px 9px}

/* dashboard */
.welcome{padding:28px 30px;border-radius:20px;margin-bottom:18px;background:linear-gradient(135deg,#fff 0%,#fbfcfe 70%,#fff8ea 100%)}
.welcome h1{font-size:31px}.welcome p{font-size:13px;max-width:720px}.welcome-actions{gap:10px}
.stat-grid{gap:14px;margin-bottom:18px}
.stat-card{padding:20px;border-radius:16px}
.stat-card span{font-size:10px}.stat-card strong{font-size:28px;margin:9px 0 6px}.stat-card small{font-size:11px}
.dashboard-grid{gap:18px;margin-bottom:18px}.ops-grid{gap:10px}
.ops-grid a{padding:15px;border-radius:13px;gap:12px}.ops-grid a>b{width:42px;height:42px;font-size:12px}
.ops-grid span strong{font-size:13px}.ops-grid span small{font-size:11px;margin-top:3px}
.rank-list>div{padding:11px 7px}.rank-list b{width:27px;height:27px;font-size:10px}.rank-list span,.rank-list strong{font-size:12px}
.action-grid{gap:11px}.action-grid a{padding:17px;border-radius:13px;gap:7px}.action-grid a b{width:34px;height:34px;font-size:12px}.action-grid a strong{font-size:13px}.action-grid a small{font-size:11px;line-height:1.4}

/* team / products / settings */
.team-row,.product-row,.stock-row{gap:13px;padding:13px 7px}
.team-row strong,.product-row strong,.stock-row strong{font-size:13px}.team-row small,.product-row small,.stock-row small{font-size:11px;margin-top:4px}
.products-layout{grid-template-columns:430px minmax(0,1fr);gap:18px}.product-form{top:94px}
.product-row img,.product-placeholder{width:66px;height:66px;border-radius:12px;font-size:9px}.product-price strong{font-size:13px}.product-row em{font-size:10px}
.category-add{gap:9px}.restaurant-preview{padding:14px;margin-bottom:18px}.restaurant-preview img,.brand-mark{width:64px;height:64px}.restaurant-preview span,.restaurant-preview small{font-size:11px}.restaurant-preview h2{font-size:17px;margin:4px 0}.share-box span{font-size:10px}.share-box strong{font-size:12px}
.profile-card{padding:14px}.avatar-lg{width:56px;height:56px}.profile-card strong{font-size:14px}.profile-card small{font-size:11px}

/* rooms / waiter */
.legend{gap:8px}.legend span{font-size:10px;padding:7px 10px}.tabs{gap:8px;margin-bottom:16px}.tabs a,.tabs button{padding:9px 13px;font-size:12px}
.table-grid.premium{grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:13px}.table-card{min-height:170px;padding:15px;border-radius:16px}
.table-card header{font-size:10px}.table-number{font-size:22px;margin:20px 0 8px}.table-meta strong{font-size:14px}.table-meta small{font-size:10px}.ready-alert,.bill-alert{font-size:9px;padding:6px 8px}.table-total span{font-size:10px}.table-total strong{font-size:27px}
.table-tools{margin:-5px 0 16px}.move-form{gap:8px}.move-form select{min-width:260px}
.order-layout{grid-template-columns:minmax(0,1fr) 390px;gap:18px}.menu-search{margin-bottom:12px}.menu-search span{top:12px}
.menu-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:12px}.menu-product{grid-template-columns:104px 1fr;border-radius:15px}.menu-product>img,.menu-img{width:104px;min-height:138px;font-size:9px}.menu-product-main{padding:14px}.sector-chip{font-size:9px;padding:5px 7px}.menu-product h3{font-size:14px;margin:8px 0 5px}.menu-product p{font-size:11px;min-height:31px}.product-bottom strong{font-size:15px}.product-bottom small{font-size:10px}.menu-product summary{padding:11px 14px;font-size:12px}.add-order-form{padding:14px;gap:12px}.addon-box>span{font-size:12px}.addon-box label{font-size:12px}.mini-grid{gap:10px}
.order-ticket{top:94px;border-radius:16px}.ticket-head{padding:17px}.ticket-head h2,.ticket-head>strong{font-size:18px}.ticket-item{padding:14px 15px}.ticket-line strong,.ticket-line b{font-size:12px}.ticket-item small{font-size:10px}.ticket-item p{font-size:10px;padding:8px}.status{font-size:9px;padding:5px 7px}.ticket-total{padding:15px;font-size:12px}.ticket-total strong{font-size:15px}

/* KDS */
.kds-clock{padding:9px 12px}.kds-clock span{font-size:10px}.kds-clock strong{font-size:12px}
.kds-board{gap:14px}.kds-column{padding:12px;border-radius:16px;min-height:580px}.kds-column>header{padding:6px 4px 12px}.kds-column>header h2{font-size:14px}.kds-column>header b{font-size:11px;padding:5px 8px}.kds-list{gap:10px}.kds-card{padding:14px;border-radius:13px}.kds-card-head strong{font-size:14px}.kds-card-head span{font-size:10px}.kds-card>small{font-size:10px;margin:4px 0 12px}.kds-card h3{font-size:17px;margin-bottom:7px}.kds-card p{font-size:11px}.kds-note{font-size:11px;padding:9px;margin:9px 0}

/* cashier */
.cash-toolbar{gap:14px;margin-bottom:16px}.cash-move,.cash-close{gap:9px}.cash-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:13px}.cash-card{border-radius:16px}.cash-card>header{padding:17px}.cash-card>header span{font-size:9px}.cash-card>header h2{font-size:20px;margin:4px 0}.cash-card>header small{font-size:10px}.cash-card>header>strong{font-size:18px}.cash-card summary{padding:13px 17px;font-size:12px}.checkout-form{padding:16px;gap:14px}.checkout-summary>div{font-size:12px}.checkout-final strong{font-size:19px}.payment-hint{font-size:11px;padding:9px}

/* stock / reports */
.stock-qty span{font-size:9px}.stock-qty strong{font-size:17px}.stock-adjust{grid-template-columns:120px auto;gap:9px}.report-grid{gap:18px}.audit-list>div{padding:11px 0}.audit-list span{font-size:12px}.audit-list small,.audit-list p{font-size:10px}.date-filter{gap:9px}

/* auth */
.auth-page{background:linear-gradient(135deg,#eef2f6,#f6f7f9);padding:24px}
.auth-shell{width:min(1020px,100%);min-height:610px;border-radius:24px}
.auth-brand{padding:54px;background:linear-gradient(145deg,#111c2f,#1f3150)}
.login-logo{width:74px;height:74px;border-radius:18px}.auth-brand>span{font-size:10px}.auth-brand h1{font-size:39px}.auth-brand>p{font-size:13px;max-width:430px}.login-feature{padding:13px;margin:9px 0}.login-feature>b{width:42px;height:42px;font-size:11px}.login-feature strong{font-size:12px}.login-feature small{font-size:10px}.auth-card{padding:50px 44px}.auth-card h2{font-size:28px}.auth-card>p{font-size:12px}.default-access{padding:13px}.default-access span{font-size:9px}.default-access strong{font-size:14px}.default-access small{font-size:10px}.login-foot{font-size:10px}

/* public menu */
.public-menu{max-width:1180px;padding:28px 18px 60px}.menu-hero{padding:27px;border-radius:22px}.menu-hero img,.menu-hero .menu-brand{width:76px;height:76px}.menu-hero span{font-size:10px}.menu-hero h1{font-size:28px}.menu-hero p{font-size:11px}.public-tabs{gap:8px;margin:22px 0 15px}.public-tabs button{padding:10px 14px;font-size:11px}.public-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}.public-card{border-radius:16px}.public-card img,.public-placeholder{height:175px;font-size:10px}.public-card>div{padding:15px}.public-card h3{font-size:15px}.public-card p{font-size:11px}.public-card footer strong{font-size:16px}.public-card footer span{font-size:10px}.public-footer{font-size:10px}

.live-update-toast{right:22px;bottom:22px;border-radius:12px;padding:13px 15px;font-size:12px}

@media(max-width:1180px){
  .products-layout{grid-template-columns:380px 1fr}.order-layout{grid-template-columns:1fr}.order-ticket{position:static;max-height:none}.kds-board{grid-template-columns:1fr}.kds-column{min-height:unset}.cash-toolbar{grid-template-columns:1fr}.report-grid{grid-template-columns:1fr}
}
@media(max-width:960px){
  .sidebar{transform:translateX(-105%);transition:.2s;box-shadow:24px 0 55px rgba(15,23,42,.2)}body.menu-open .sidebar{transform:none}.content{margin-left:0}.menu-btn{display:block}.main{padding:22px}.two-col,.two-col.wide-left,.products-layout{grid-template-columns:1fr}.product-form{position:static}.user-chip{display:none}
}
@media(max-width:680px){
  .topbar{height:66px;padding:0 14px}.sync-status span{display:none}.sync-status{padding:8px}.main{padding:15px}.page-head{align-items:flex-start;flex-direction:column;gap:11px}.page-head h1{font-size:25px}.page-head p{font-size:12px}.welcome{padding:20px;align-items:flex-start;flex-direction:column}.welcome h1{font-size:26px}.welcome p{font-size:12px}.welcome-actions{width:100%}.welcome-actions .btn{flex:1}.stat-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:15px}.stat-card strong{font-size:22px}.dashboard-grid{grid-template-columns:1fr}.action-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.team-row,.product-row{flex-wrap:wrap}.table-grid.premium{grid-template-columns:1fr 1fr;gap:9px}.table-card{min-height:148px;padding:13px}.table-tools{align-items:stretch;flex-direction:column}.table-tools form,.move-form{width:100%}.move-form{display:grid;grid-template-columns:1fr}.move-form select{min-width:0}.menu-grid{grid-template-columns:1fr}.menu-product{grid-template-columns:100px 1fr}.menu-product>img,.menu-img{width:100px}.cash-move,.cash-close{grid-template-columns:1fr}.cash-grid{grid-template-columns:1fr}.stock-row{flex-wrap:wrap}.stock-adjust{width:100%;grid-template-columns:1fr auto}.date-filter{width:100%;display:grid;grid-template-columns:1fr auto 1fr}.date-filter .btn{grid-column:1/-1}.auth-page{padding:14px}.auth-card{padding:32px 23px}.public-grid{grid-template-columns:1fr}.public-card{display:grid;grid-template-columns:110px 1fr}.public-card img,.public-placeholder{width:110px;height:100%}
}
@media(max-width:420px){
  .stat-grid{grid-template-columns:1fr}.action-grid{grid-template-columns:1fr}.table-grid.premium{grid-template-columns:1fr}.payment-grid{grid-template-columns:1fr}.top-title strong{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
.sector-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:-6px 0 16px}.sector-summary.compact{grid-template-columns:repeat(3,minmax(0,1fr));max-width:780px}.sector-summary>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:var(--shadow)}.sector-summary span{font-size:11px;color:var(--muted);font-weight:700}.sector-summary strong{font-size:18px;color:#1b2637;white-space:nowrap}
@media(max-width:680px){.sector-summary,.sector-summary.compact{grid-template-columns:1fr 1fr;max-width:none}.sector-summary>div{padding:11px 12px}.sector-summary strong{font-size:16px}}
@media(max-width:420px){.sector-summary,.sector-summary.compact{grid-template-columns:1fr}}