:root{--un-cream-50: #fdf9f1;--un-cream-100: #f7efe0;--un-cream-200: #efe3ce;--un-cream-300: #e3d3b6;--un-ink: #1f1a16;--un-ink-muted: #6f6357;--un-maroon: #7a2e3a;--un-maroon-dk: #5e2029;--un-gold: #c8a24a;--un-gold-text: #8a6d22;--un-gold-soft: #f3e6c6;--un-veg: #2e7d32;--un-nonveg: #b3261e;--un-success: #1b7f4c;--un-warning: #b26a00;--un-danger: #b3261e;--un-info: #2c5f86;--st-pending: #b26a00;--st-approved: #2c5f86;--st-preparing: #7a5cc4;--st-ready: #1b7f4c;--st-served: #6f6357;--st-done: #3e3a35;--st-rejected: #b3261e;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-pill: 999px;--sh-1: 0 1px 2px rgba(31, 26, 22, .06);--sh-2: 0 4px 16px rgba(31, 26, 22, .1);--sh-3: 0 12px 32px rgba(31, 26, 22, .14);--ease: cubic-bezier(.22, .61, .36, 1);--dur: .18s;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--header-h: 60px;--rail-h: 52px;--cartbar-h: 68px;--page-max: 1320px}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100dvh;font-family:var(--font-body);font-size:16px;line-height:1.5;color:var(--un-ink);background:var(--un-cream-50);-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{min-height:100dvh;display:flex;flex-direction:column}img,picture,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit;color:inherit}input,textarea,select{font-size:16px}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.2;text-wrap:balance}p{text-wrap:pretty}a{color:var(--un-maroon)}:focus-visible{outline:2px solid var(--un-gold);outline-offset:2px;border-radius:var(--r-sm)}::selection{background:var(--un-gold-soft)}button,[role=button],a.button{min-height:44px;min-width:44px;cursor:pointer;border:none;background:none;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.55}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;padding:12px 18px;background:var(--un-maroon);color:#fff;border-radius:0 0 var(--r-md) 0}.skip-link:focus{left:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.page-head{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:14px}.page-head h1{font-size:clamp(20px,3vw,26px);flex:1;min-width:0}.muted{color:var(--un-ink-muted)}.small{font-size:13px}.tabular{font-variant-numeric:tabular-nums}.right{text-align:right}.row{display:flex;align-items:center;gap:10px}.row-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:10px}.grow{flex:1;min-width:0}.spacer{flex:1}.card{background:#fff;border:1px solid var(--un-cream-200);border-radius:var(--r-md);box-shadow:var(--sh-1);padding:16px}.card--flush{padding:0;overflow:hidden}.card--attention{border-color:var(--un-gold);box-shadow:0 0 0 3px var(--un-gold-soft)}.card-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.section-title{font-family:var(--font-display);font-size:17px;font-weight:600;margin-bottom:10px}.stat{display:flex;flex-direction:column;gap:2px}.stat__label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--un-ink-muted)}.stat__value{font-family:var(--font-display);font-size:26px;font-weight:700;line-height:1.1}.stat__sub{font-size:12px;color:var(--un-ink-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 18px;border-radius:var(--r-pill);font-size:15px;font-weight:700;white-space:nowrap;transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.btn:active:not(:disabled){transform:translateY(1px)}.btn--primary{background:var(--un-maroon);color:#fff;box-shadow:var(--sh-1)}.btn--primary:hover:not(:disabled){background:var(--un-maroon-dk)}.btn--ghost{background:#fff;color:var(--un-maroon);border:1.5px solid var(--un-cream-200)}.btn--ghost:hover:not(:disabled){background:var(--un-cream-100)}.btn--success{background:var(--un-success);color:#fff}.btn--danger{background:var(--un-danger);color:#fff}.btn--sm{min-height:36px;padding:6px 14px;font-size:14px}.btn--block{width:100%}.icon-btn{display:grid;place-items:center;width:40px;height:40px;min-width:40px;min-height:40px;border-radius:var(--r-pill);color:var(--un-ink-muted)}.icon-btn:hover{background:var(--un-cream-100);color:var(--un-ink)}.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--r-pill);font-size:12px;font-weight:700;background:var(--un-cream-100);color:var(--un-ink-muted);white-space:nowrap}.chip--status{color:#fff}.chip--paid{background:#e3f2e9;color:var(--un-success)}.chip--unpaid{background:var(--un-cream-100);color:var(--un-warning)}.chip--in{background:#e3f2e9;color:var(--un-success)}.chip--out{background:#fbe6e4;color:var(--un-danger)}.filter-chip{padding:7px 14px;border-radius:var(--r-pill);background:var(--un-cream-100);color:var(--un-ink-muted);font-size:14px;font-weight:600;min-height:38px}.filter-chip.is-active{background:var(--un-gold-soft);color:var(--un-gold-text);box-shadow:inset 0 0 0 1.5px var(--un-gold)}.veg-badge{width:15px;height:15px;border:1.5px solid var(--un-veg);border-radius:3px;display:inline-grid;place-items:center;flex:none}.veg-badge:after{content:"";width:7px;height:7px;border-radius:50%;background:var(--un-veg)}.veg-badge--nonveg{border-color:var(--un-nonveg)}.veg-badge--nonveg:after{background:var(--un-nonveg)}.field{display:flex;flex-direction:column;gap:5px}.field>label{font-size:13px;font-weight:700;color:var(--un-ink-muted)}.input,.select,.textarea{width:100%;min-height:44px;padding:10px 14px;border:1.5px solid var(--un-cream-200);border-radius:var(--r-md);background:#fff;font-size:16px;color:var(--un-ink);transition:border-color var(--dur) var(--ease)}.input:hover,.select:hover,.textarea:hover{border-color:var(--un-cream-300)}.input:focus,.select:focus,.textarea:focus{border-color:var(--un-maroon)}.textarea{min-height:84px;resize:vertical}.field__error{font-size:13px;color:var(--un-danger)}.field__hint{font-size:12px;color:var(--un-ink-muted)}.switch{position:relative;width:46px;height:28px;border-radius:var(--r-pill);background:var(--un-cream-300);transition:background var(--dur) var(--ease);flex:none;min-height:28px;min-width:46px}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:var(--sh-1);transition:transform var(--dur) var(--ease)}.switch.is-on{background:var(--un-success)}.switch.is-on:after{transform:translate(18px)}.segment{display:flex;gap:4px;padding:4px;background:var(--un-cream-100);border-radius:var(--r-pill)}.segment button{flex:1;min-height:40px;border-radius:var(--r-pill);font-size:15px;font-weight:700;color:var(--un-ink-muted);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.segment button.is-active{background:#fff;color:var(--un-maroon);box-shadow:var(--sh-1)}.segment button.is-active-in{background:var(--un-success);color:#fff}.segment button.is-active-out{background:var(--un-danger);color:#fff}.amount-field{display:flex;align-items:center;gap:8px;border:1.5px solid var(--un-cream-200);border-radius:var(--r-md);background:#fff;padding:4px 14px}.amount-field:focus-within{border-color:var(--un-maroon)}.amount-field span{font-size:26px;font-weight:700;color:var(--un-ink-muted)}.amount-field input{flex:1;min-width:0;border:none;outline:none;background:none;font-size:30px;font-weight:700;padding:8px 0;font-variant-numeric:tabular-nums}.radio-row{display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 14px;border:1.5px solid var(--un-cream-200);border-radius:var(--r-md);background:#fff;width:100%;text-align:left}.radio-row.is-active{border-color:var(--un-maroon);background:var(--un-cream-100)}.radio-row i{width:20px;height:20px;border-radius:50%;border:2px solid var(--un-cream-300);flex:none}.radio-row.is-active i{border-color:var(--un-maroon);border-width:6px}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:14px;min-width:760px}table.data th{text-align:left;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--un-ink-muted);padding:10px 12px;border-bottom:1px solid var(--un-cream-200);white-space:nowrap}table.data td{padding:12px;border-bottom:1px solid var(--un-cream-100);vertical-align:middle}table.data tr:last-child td{border-bottom:none}table.data tbody tr:hover{background:var(--un-cream-50)}.empty{padding:44px 20px;text-align:center;color:var(--un-ink-muted)}.empty__mark{font-size:30px;color:var(--un-gold)}.empty h2{font-size:17px;color:var(--un-ink);margin:8px 0 4px}.skeleton{background:linear-gradient(90deg,var(--un-cream-100) 25%,var(--un-cream-200) 37%,var(--un-cream-100) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--r-sm)}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.spinner--dark{border-color:var(--un-cream-200);border-top-color:var(--un-maroon)}@keyframes spin{to{transform:rotate(360deg)}}.banner{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-md);background:var(--un-gold-soft);color:var(--un-gold-text);font-size:14px;border:1px solid #E6D3A4}.banner--warn{background:#fdf0d9;color:var(--un-warning);border-color:#f0dcb4}.banner--danger{background:#fbe6e4;color:var(--un-danger);border-color:#f0c8c4}.modal-backdrop{position:fixed;inset:0;z-index:70;background:#1f1a1680;display:flex;align-items:center;justify-content:center;padding:16px;animation:fade var(--dur) var(--ease)}.modal{background:var(--un-cream-50);border-radius:var(--r-lg);width:min(520px,100%);max-height:90dvh;overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--sh-3)}.modal h2{font-size:20px}.modal__actions{display:flex;gap:10px}.modal__actions .btn{flex:1}@keyframes pulse-once{0%{box-shadow:0 0 #c8a24a80}to{box-shadow:0 0 0 14px #c8a24a00}}.is-new{animation:pulse-once .9s var(--ease) 2}@media print{.sidebar,.topbar,.bottom-tabs,.no-print{display:none!important}.content{padding:0;max-width:none}.card{border:none;box-shadow:none;padding:0}body{background:#fff}.print-only{display:block!important}}.print-only{display:none}.order-lines{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.order-lines li{display:flex;gap:10px;align-items:baseline;font-size:14px}.order-lines__qty{font-weight:800;min-width:28px}.order-lines__meta,.order-lines__note{display:block;font-size:13px;font-style:normal;color:var(--un-ink-muted)}.order-lines__note{color:var(--un-gold-text);font-style:italic}.bill{margin-top:10px;padding:10px 12px;background:var(--un-cream-50);border-radius:var(--r-sm)}.bill__row{display:flex;justify-content:space-between;padding:3px 0;font-size:14px}.bill__row--total{border-top:1px solid var(--un-cream-200);margin-top:5px;padding-top:8px;font-family:var(--font-display);font-size:17px;font-weight:700}.waiting{font-size:12px;font-weight:800;color:var(--un-ink-muted)}.waiting--amber{color:var(--un-warning)}.waiting--red{color:var(--un-danger)}.close-amount{font-family:var(--font-display);font-size:38px;font-weight:700;color:var(--un-maroon);text-align:center}.pay-option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;min-height:60px;padding:12px 16px;border:1.5px solid var(--un-cream-200);border-radius:var(--r-md);background:#fff;text-align:left;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.pay-option:hover:not(:disabled){border-color:var(--un-maroon);background:var(--un-cream-100)}.pay-option strong{font-size:16px}.card.is-focused{box-shadow:0 0 0 3px var(--un-gold-soft),var(--sh-2)}kbd{display:inline-block;padding:1px 6px;border-radius:5px;border:1px solid var(--un-cream-300);border-bottom-width:2px;background:#fff;font-family:inherit;font-size:12px;font-weight:700}.attention-strip{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.attention-card{display:flex;flex-direction:column}.table-board{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.table-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;aspect-ratio:1;border-radius:var(--r-md);border:1.5px solid var(--un-cream-200);background:#fff;text-decoration:none;color:var(--un-ink);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.table-tile:hover{transform:translateY(-1px);box-shadow:var(--sh-2)}.table-tile.is-open{background:var(--un-maroon);border-color:var(--un-maroon-dk);color:#fff}.table-tile__num{font-family:var(--font-display);font-size:24px;font-weight:700}.table-tile__state{font-size:11px;font-weight:700;opacity:.8}.table-tile__meta{font-size:10px;color:var(--un-gold-soft);text-align:center}.desktop-only{display:none}.mobile-only{display:flex;flex-direction:column;gap:10px}@media(min-width:900px){.desktop-only{display:block}.mobile-only{display:none}}.order-row{text-decoration:none;color:inherit;display:block}.order-row:hover{box-shadow:var(--sh-2)}.link-strong{font-weight:700;color:var(--un-maroon);text-decoration:none}.link-strong:hover{text-decoration:underline}.detail-grid{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:1000px){.detail-grid{grid-template-columns:1.4fr 1fr;align-items:start}}.timeline{list-style:none;padding:0;margin:0}.timeline li{display:grid;grid-template-columns:20px 1fr;gap:10px;padding-bottom:14px;position:relative}.timeline li:not(:last-child):before{content:"";position:absolute;left:9px;top:16px;bottom:0;width:2px;background:var(--un-cream-200)}.timeline__dot{width:10px;height:10px;margin:5px;border-radius:50%;background:var(--un-maroon);position:relative;z-index:1}.timeline strong{text-transform:capitalize;font-size:14px}.editor{display:flex;flex-direction:column;gap:12px}.editor__lines{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.editor__lines li{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--un-cream-200);border-radius:var(--r-sm);background:#fff}.stepper{display:inline-flex;align-items:center;border:1.5px solid var(--un-maroon);border-radius:var(--r-pill);overflow:hidden}.stepper button{width:34px;height:34px;min-width:34px;min-height:34px;display:grid;place-items:center;color:var(--un-maroon);font-size:18px;font-weight:700}.stepper button:hover{background:var(--un-cream-100)}.stepper span{min-width:26px;text-align:center;font-weight:700}.editor__picker{max-height:240px;overflow-y:auto;border:1px solid var(--un-cream-200);border-radius:var(--r-md)}.editor__pick{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:8px 12px;text-align:left;border-bottom:1px solid var(--un-cream-100)}.editor__pick:last-child{border-bottom:none}.editor__pick:hover{background:var(--un-cream-100)}.table-card{border:1.5px solid var(--un-cream-200);border-radius:var(--r-md);background:#fff;overflow:hidden;display:flex;flex-direction:column}.table-card.is-open{background:var(--un-maroon);border-color:var(--un-maroon-dk)}.table-card__main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:14px 8px 10px;width:100%;color:inherit}.table-card.is-open .table-card__main{color:#fff}.table-card__num{font-family:var(--font-display);font-size:24px;font-weight:700}.table-card__state{font-size:11px;font-weight:700;opacity:.85}.table-card__meta{font-size:10px;opacity:.85;text-align:center}.table-card__actions{display:flex;justify-content:center;gap:2px;border-top:1px solid var(--un-cream-200);background:color-mix(in srgb,#fff 92%,transparent)}.table-card__actions .icon-btn{width:34px;height:34px;min-width:34px;min-height:34px}.qr-sheet{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.qr-sheet img{width:260px;max-width:100%}.qr-sheet strong{font-family:var(--font-display);font-size:22px}.ledger-accounts{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.owes{font-size:13px;font-weight:700;color:var(--un-danger)}.ledger-total{margin-top:12px;display:flex;flex-direction:column;gap:2px;border-color:var(--un-gold);background:var(--un-gold-soft)}.day-head{padding:4px 2px 8px;border-bottom:1px solid var(--un-cream-200);margin-bottom:8px}.day-head strong{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--un-gold-text)}.ledger-row{display:flex;align-items:center;gap:12px;padding:12px}@media(max-width:560px){.ledger-row{flex-wrap:wrap}.ledger-row .right{margin-left:auto}}.menu-layout{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:900px){.menu-layout{grid-template-columns:220px 1fr;align-items:start}.menu-cats{position:sticky;top:76px}}.menu-cats{display:flex;flex-direction:column}.menu-cat{display:flex;align-items:center;gap:8px;min-height:46px;padding:10px 14px;text-align:left;border-bottom:1px solid var(--un-cream-100);font-weight:600}.menu-cat:last-child{border-bottom:none}.menu-cat:hover{background:var(--un-cream-50)}.menu-cat.is-active{background:var(--un-gold-soft);color:var(--un-gold-text)}.menu-item{display:flex;gap:12px;align-items:flex-start}.menu-item__img{width:64px;height:64px;border-radius:var(--r-sm);object-fit:cover;background:var(--un-cream-100);flex:none}.menu-item__img--empty{display:grid;place-items:center;color:var(--un-cream-300);font-size:22px}tr.row-warn{background:#fdf6e9}tr.row-warn:hover{background:#fbf0dc}.counter-layout{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:900px){.counter-layout{grid-template-columns:1fr 340px;align-items:start}.counter-bill{position:sticky;top:76px}}.counter-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.counter-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:74px;padding:12px;border:1.5px solid var(--un-cream-200);border-radius:var(--r-md);background:#fff;text-align:left}.counter-tile:hover{border-color:var(--un-maroon);background:var(--un-cream-50)}.counter-tile__qty{position:absolute;top:8px;right:8px;min-width:22px;height:22px;padding:0 6px;border-radius:var(--r-pill);background:var(--un-maroon);color:#fff;font-size:12px;font-weight:800;line-height:22px;text-align:center}.bar{height:8px;border-radius:var(--r-pill);background:var(--un-cream-200);overflow:hidden}.bar span{display:block;height:100%;background:var(--un-maroon);border-radius:var(--r-pill)}.histogram{display:flex;align-items:flex-end;gap:4px;height:140px;padding-top:8px}.histogram__col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.histogram__bar{width:100%;min-height:2px;margin-top:auto;background:var(--un-gold);border-radius:4px 4px 0 0}.histogram__label{font-size:10px;color:var(--un-ink-muted);padding-top:4px}.stars{letter-spacing:1px;color:var(--un-cream-300)}.stars .is-on{color:var(--un-gold)}.save-bar{position:sticky;bottom:12px;z-index:20;display:flex;align-items:center;gap:10px;margin:14px 0;padding:10px 14px;border-radius:var(--r-pill);background:var(--un-ink);color:var(--un-cream-50);box-shadow:var(--sh-3)}.crest-img{border-radius:var(--r-md);object-fit:cover;flex:none;box-shadow:var(--sh-2)}.lockup-img{width:min(300px,78vw);height:auto;border-radius:var(--r-lg);box-shadow:var(--sh-2)}.shell{display:grid;grid-template-columns:1fr;min-height:100dvh}.sidebar{display:none;flex-direction:column;gap:4px;width:240px;padding:20px 14px calc(20px + var(--safe-b));background:var(--un-cream-100);border-right:1px solid var(--un-cream-200);position:sticky;top:0;height:100dvh;overflow-y:auto}.sidebar__brand{display:flex;align-items:center;gap:10px;padding:6px 10px 18px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:var(--r-md);font-size:15px;font-weight:600;color:var(--un-ink-muted);text-align:left;text-decoration:none;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.nav-item:hover{background:var(--un-cream-200);color:var(--un-ink)}.nav-item.is-active{background:var(--un-gold-soft);color:var(--un-gold-text);box-shadow:inset 0 0 0 1.5px var(--un-gold)}.nav-item__glyph{width:22px;text-align:center;font-size:16px}.nav-item__badge{margin-left:auto;min-width:22px;padding:1px 7px;border-radius:var(--r-pill);background:var(--un-warning);color:#fff;font-size:12px;font-weight:700;text-align:center}.sidebar__foot{margin-top:auto;padding-top:16px;border-top:1px solid var(--un-cream-200)}.sidebar__who{padding:8px 12px;font-size:13px;color:var(--un-ink-muted)}.sidebar__who strong{display:block;color:var(--un-ink);font-size:14px}.topbar{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--un-cream-50) 93%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--un-cream-200);padding-top:var(--safe-t)}.topbar__inner{display:flex;align-items:center;gap:10px;min-height:56px;padding-inline:max(14px,var(--safe-l)) max(14px,var(--safe-r))}.topbar__title{flex:1;min-width:0;font-family:var(--font-display);font-size:19px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hamburger{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r-md)}.hamburger:hover{background:var(--un-cream-100)}.open-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-pill);font-size:13px;font-weight:700;border:1.5px solid transparent;white-space:nowrap}.open-pill--open{background:#e3f2e9;color:var(--un-success);border-color:#bfe2cd}.open-pill--closed{background:#fbe6e4;color:var(--un-danger);border-color:#f0c8c4}.live-dot{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--un-ink-muted);white-space:nowrap}.live-dot i{width:8px;height:8px;border-radius:50%;background:var(--un-success);display:block}.live-dot--off i{background:var(--un-warning)}.main{display:flex;flex-direction:column;min-width:0}.content{flex:1;width:100%;max-width:1440px;margin-inline:auto;padding:16px max(14px,var(--safe-l)) calc(80px + var(--safe-b)) max(14px,var(--safe-r))}.bottom-tabs{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;background:#fff;border-top:1px solid var(--un-cream-200);padding-bottom:var(--safe-b)}.bottom-tabs a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;font-size:11px;font-weight:700;color:var(--un-ink-muted);text-decoration:none;position:relative}.bottom-tabs a.is-active{color:var(--un-maroon)}.bottom-tabs .glyph{font-size:17px}.tab-badge{position:absolute;top:6px;left:50%;margin-left:6px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--r-pill);background:var(--un-warning);color:#fff;font-size:10px;line-height:16px;text-align:center}.drawer-backdrop{position:fixed;inset:0;z-index:60;background:#1f1a1673;animation:fade var(--dur) var(--ease)}@keyframes fade{0%{opacity:0}}.drawer{position:fixed;z-index:61;background:var(--un-cream-50);display:flex;flex-direction:column;animation:slide-in .22s var(--ease)}.drawer--left{inset:0 auto 0 0;width:min(280px,82vw);border-right:1px solid var(--un-cream-200);padding:20px 14px calc(20px + var(--safe-b))}.drawer--right{inset:0 0 0 auto;width:min(460px,100vw);border-left:1px solid var(--un-cream-200)}@keyframes slide-in{0%{transform:translate(-14px);opacity:0}}.drawer--right{animation:slide-in-right .22s var(--ease)}@keyframes slide-in-right{0%{transform:translate(24px);opacity:0}}.drawer__head{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--un-cream-200)}.drawer__head h2{flex:1;font-size:19px}.drawer__body{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:16px}.drawer__foot{padding:14px 18px calc(14px + var(--safe-b));border-top:1px solid var(--un-cream-200);display:flex;gap:10px}@media(min-width:1024px){.shell{grid-template-columns:240px 1fr}.topbar__title{display:none}.sidebar{display:flex}.hamburger,.bottom-tabs{display:none}.content{padding-bottom:calc(32px + var(--safe-b))}}.login-screen{min-height:100dvh;display:grid;place-items:center;padding:24px max(16px,var(--safe-l)) calc(24px + var(--safe-b));background:radial-gradient(1200px 500px at 50% -10%,var(--un-cream-100),transparent),var(--un-cream-50)}.login-card{width:min(420px,100%);display:flex;flex-direction:column;gap:22px;padding:30px 24px;background:#fff;border:1px solid var(--un-cream-200);border-radius:var(--r-lg);box-shadow:var(--sh-2)}.phone-prefix{display:grid;place-items:center;min-height:44px;padding-inline:14px;background:var(--un-cream-100);border:1.5px solid var(--un-cream-200);border-radius:var(--r-md);font-weight:700;color:var(--un-ink-muted)}