:root{color-scheme:light;font-family:Inter var,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--background: #f3f6f3;--surface: #ffffff;--surface-subtle: #f7faf8;--surface-strong: #eef3ef;--surface-hover: #f1f6f2;--foreground: #101e19;--muted: #5c6b64;--muted-strong: #3b4843;--border: #e3eae4;--border-strong: #ccd8cf;--primary: #0f766e;--primary-strong: #0b5d57;--primary-contrast: #ffffff;--primary-soft: #d6f0ec;--primary-soft-border: #b6e4dc;--primary-text: #0b5d57;--grad-primary: linear-gradient(135deg, #15a99b 0%, #0f766e 58%, #0b5d57 100%);--grad-brand: linear-gradient(135deg, #18b6a6 0%, #0f766e 100%);--green: #16803c;--green-soft: #dbf3e4;--green-soft-border: #bfe8cd;--green-text: #11713a;--amber: #b45f00;--amber-soft: #ffefcc;--amber-soft-border: #f0d79a;--amber-text: #7a4300;--rose: #be123c;--rose-soft: #ffe1e8;--rose-soft-border: #ffc2cf;--rose-text: #9f1239;--blue: #2563eb;--blue-soft: #e2ebff;--blue-soft-border: #c7d7ff;--blue-text: #1e40af;--neutral-soft: #eef2ec;--neutral-soft-border: #dce3dc;--neutral-text: #45524c;--danger: #be123c;--success-surface: #f1faf4;--success-surface-border: #c7e7d3;--ring: rgb(15 118 110 / 32%);--radius-sm: 8px;--radius: 11px;--radius-md: 13px;--radius-lg: 16px;--radius-xl: 22px;--shadow-xs: 0 1px 2px rgb(16 28 23 / 6%);--shadow-sm: 0 1px 2px rgb(16 28 23 / 5%), 0 4px 12px rgb(16 28 23 / 5%);--shadow-soft: 0 2px 6px rgb(16 28 23 / 5%), 0 14px 30px rgb(16 28 23 / 8%);--shadow: 0 10px 24px rgb(16 28 23 / 10%), 0 30px 64px rgb(16 28 23 / 14%);--shadow-primary: 0 10px 22px rgb(15 118 110 / 26%)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--background: #08110f;--surface: #101c19;--surface-subtle: #0d1714;--surface-strong: #16241f;--surface-hover: #182a24;--foreground: #e9f1ed;--muted: #8ba097;--muted-strong: #b7c8c0;--border: #213029;--border-strong: #33483f;--primary: #2dd4bf;--primary-strong: #14b8a6;--primary-contrast: #04211d;--primary-soft: #0f332e;--primary-soft-border: #1c4a43;--primary-text: #6fe8d8;--grad-primary: linear-gradient(135deg, #2dd4bf 0%, #14b8a6 100%);--grad-brand: linear-gradient(135deg, #2dd4bf 0%, #0d9488 100%);--green: #34d399;--green-soft: #0e2c20;--green-soft-border: #1d4a37;--green-text: #6ee7b7;--amber: #fbbf24;--amber-soft: #2e2310;--amber-soft-border: #4d3b16;--amber-text: #fcd34d;--rose: #fb7185;--rose-soft: #321218;--rose-soft-border: #5a1f2c;--rose-text: #fda4af;--blue: #60a5fa;--blue-soft: #122036;--blue-soft-border: #1f3a5f;--blue-text: #93c5fd;--neutral-soft: #1a2723;--neutral-soft-border: #2a3a33;--neutral-text: #b7c8c0;--danger: #fb7185;--success-surface: #0e2c20;--success-surface-border: #1d4a37;--ring: rgb(45 212 191 / 38%);--shadow-xs: 0 1px 2px rgb(0 0 0 / 40%);--shadow-sm: 0 1px 2px rgb(0 0 0 / 40%), 0 4px 12px rgb(0 0 0 / 30%);--shadow-soft: 0 2px 6px rgb(0 0 0 / 35%), 0 16px 32px rgb(0 0 0 / 38%);--shadow: 0 12px 28px rgb(0 0 0 / 45%), 0 36px 70px rgb(0 0 0 / 55%);--shadow-primary: 0 10px 24px rgb(45 212 191 / 18%)}}*{box-sizing:border-box}html{min-width:320px;background:var(--background);-webkit-text-size-adjust:100%}body{min-height:100vh;margin:0;color:var(--foreground);background:radial-gradient(940px 540px at 100% -8%,rgb(15 118 110 / 7%),transparent 60%),radial-gradient(760px 520px at -8% 108%,rgb(180 95 0 / 5%),transparent 55%),var(--background);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@media(prefers-color-scheme:dark){body{background:radial-gradient(940px 540px at 100% -8%,rgb(45 212 191 / 8%),transparent 60%),radial-gradient(760px 520px at -8% 108%,rgb(20 184 166 / 6%),transparent 55%),var(--background)}}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.012em}code{overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.78rem}::selection{background:#0f766e38;color:var(--foreground)}:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring);border-radius:var(--radius-sm)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background-clip:padding-box;background-color:var(--border-strong)}*::-webkit-scrollbar-thumb:hover{background-color:var(--muted)}.ui-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:0;border:1px solid transparent;border-radius:var(--radius);font-weight:650;letter-spacing:-.01em;line-height:1;white-space:nowrap;cursor:pointer;transition:transform .15s cubic-bezier(.2,.8,.2,1),background .16s ease,border-color .16s ease,color .16s ease,filter .16s ease,box-shadow .16s ease}.ui-button:hover:not(:disabled){transform:translateY(-1px)}.ui-button:active:not(:disabled){transform:translateY(0)}.ui-button:disabled{cursor:not-allowed;opacity:.5}.ui-button--md{min-height:2.5rem;padding:0 1rem;font-size:.9rem}.ui-button--sm{min-height:2rem;padding:0 .75rem;font-size:.82rem}.ui-button--lg{min-height:2.95rem;padding:0 1.2rem;font-size:.95rem}.ui-button--icon{width:2.4rem;min-width:2.4rem;height:2.4rem;padding:0}.ui-button--default{color:var(--primary-contrast);background:var(--grad-primary);box-shadow:var(--shadow-primary)}.ui-button--default:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 12px 26px #0f766e52}.ui-button--secondary{color:var(--foreground);background:var(--surface-strong);border-color:var(--border)}.ui-button--secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.ui-button--outline{color:var(--foreground);background:var(--surface);border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.ui-button--outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary-text);background:var(--surface)}.ui-button--ghost{color:var(--muted-strong);background:transparent}.ui-button--ghost:hover:not(:disabled){color:var(--foreground);background:var(--surface-strong)}.ui-button--danger{color:#fff;background:linear-gradient(135deg,#e11d48,#be123c);box-shadow:0 10px 22px #be123c38}.ui-button--danger:hover:not(:disabled){filter:brightness(1.05)}.ui-input,.ui-select,.ui-textarea{width:100%;min-width:0;border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--foreground);background:var(--surface);outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--muted)}.ui-input,.ui-select{height:2.6rem;padding:0 .85rem}.ui-textarea{min-height:6.5rem;resize:vertical;padding:.8rem .85rem;line-height:1.5}.ui-input:hover:not(:focus),.ui-select:hover:not(:focus),.ui-textarea:hover:not(:focus){border-color:var(--muted)}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.ui-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:2.25rem;cursor:pointer}.ui-badge{display:inline-flex;align-items:center;width:fit-content;min-height:1.55rem;border:1px solid transparent;border-radius:999px;padding:0 .62rem;font-size:.74rem;font-weight:700;letter-spacing:.01em;line-height:1;white-space:nowrap}.ui-badge--neutral{color:var(--neutral-text);background:var(--neutral-soft);border-color:var(--neutral-soft-border)}.ui-badge--success{color:var(--green-text);background:var(--green-soft);border-color:var(--green-soft-border)}.ui-badge--warning{color:var(--amber-text);background:var(--amber-soft);border-color:var(--amber-soft-border)}.ui-badge--danger{color:var(--rose-text);background:var(--rose-soft);border-color:var(--rose-soft-border)}.ui-badge--info{color:var(--blue-text);background:var(--blue-soft);border-color:var(--blue-soft-border)}.spin{animation:spin .88s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slide-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.full-width{width:100%}.eyebrow{color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.muted{color:var(--muted)}.login-shell{display:grid;grid-template-columns:minmax(320px,480px) minmax(320px,1fr);min-height:100vh}.login-panel{display:flex;flex-direction:column;justify-content:center;gap:2.25rem;padding:clamp(1.25rem,4vw,4rem);background:var(--surface);border-right:1px solid var(--border);animation:rise .48s cubic-bezier(.2,.8,.2,1) both}.login-brand,.sidebar-brand{display:flex;align-items:center;gap:.85rem}.login-brand h1{margin-top:.35rem;font-size:clamp(1.7rem,4vw,2.1rem);line-height:1.05}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:2.65rem;height:2.65rem;border-radius:var(--radius-md);color:#fff;background:var(--grad-brand);box-shadow:var(--shadow-primary)}.brand-mark--large{width:3.35rem;height:3.35rem;border-radius:var(--radius-lg)}.login-form,.stack{display:grid;gap:1rem}.login-side{display:flex;align-items:center;justify-content:center;padding:clamp(1.5rem,5vw,5rem);background:radial-gradient(620px 420px at 78% 18%,rgb(15 118 110 / 22%),transparent 60%),radial-gradient(560px 460px at 18% 88%,rgb(180 95 0 / 16%),transparent 58%),linear-gradient(155deg,#0f766e,#0b5d57 46%,#0a3f3b)}.status-orbit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(640px,100%);gap:1rem}.status-orbit>div{display:grid;gap:1.2rem;min-height:12.5rem;align-content:end;border:1px solid rgb(255 255 255 / 20%);border-radius:var(--radius-lg);padding:1.15rem;color:#fff;background:#ffffff1a;box-shadow:0 18px 40px #041f1c4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:rise .56s cubic-bezier(.2,.8,.2,1) both}.status-orbit>div:nth-child(2){animation-delay:90ms;transform:translateY(-.85rem)}.status-orbit>div:nth-child(3){animation-delay:.18s}.status-orbit svg{color:#8ff3e6}.status-orbit span{font-size:1.15rem;font-weight:800}.field{display:grid;min-width:0;gap:.45rem}.field>span{color:var(--muted-strong);font-size:.82rem;font-weight:700}.form-note{color:var(--muted);font-size:.88rem}.app-shell{display:grid;grid-template-columns:17.5rem minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;border-right:1px solid var(--border);padding:1.1rem;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 5%,var(--surface)) 0%,var(--surface) 28%)}.sidebar-brand{min-height:3.5rem;padding:.25rem .25rem 1rem}.sidebar-brand span{display:block;color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sidebar-brand strong{display:block;margin-top:.15rem;font-size:1rem;letter-spacing:-.01em}.sidebar-nav{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:grid;gap:.2rem;padding:.5rem .1rem}.nav-item{position:relative;display:flex;align-items:center;gap:.7rem;width:100%;min-height:2.65rem;border:1px solid transparent;border-radius:var(--radius);padding:0 .8rem;color:var(--muted-strong);background:transparent;cursor:pointer;transition:color .14s ease,background .14s ease,border-color .14s ease}.nav-item svg{flex-shrink:0;opacity:.85}.nav-item:hover{color:var(--foreground);background:var(--surface-strong)}.nav-item span{overflow:hidden;font-weight:600;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.nav-item--active{color:var(--primary-text);background:var(--primary-soft);border-color:var(--primary-soft-border)}.nav-item--active svg{opacity:1}.nav-item--active:before{content:"";position:absolute;left:-.35rem;top:50%;width:3px;height:1.35rem;transform:translateY(-50%);border-radius:999px;background:var(--primary)}.sidebar-footer{display:grid;gap:.7rem;margin-top:auto;padding-top:1rem}.api-chip,.docs-link{display:flex;align-items:center;gap:.45rem;min-width:0;border-radius:var(--radius);color:var(--muted-strong);font-size:.82rem}.api-chip{border:1px solid var(--border);padding:.65rem;background:var(--surface-subtle)}.api-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.docs-link{width:fit-content;padding:.2rem .1rem;font-weight:700;color:var(--primary-text);transition:gap .14s ease}.docs-link:hover{gap:.6rem}.workspace{min-width:0}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:5.25rem;border-bottom:1px solid var(--border);padding:1rem clamp(1rem,3vw,2rem);background:color-mix(in srgb,var(--background) 80%,transparent);-webkit-backdrop-filter:saturate(140%) blur(14px);backdrop-filter:saturate(140%) blur(14px)}.topbar h1{margin-top:.2rem;font-size:clamp(1.35rem,2.4vw,1.6rem);line-height:1.1}.topbar-actions,.command-actions,.quota-actions,.row-actions,.pager>div,.panel-inline-action{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.content{display:grid;gap:1.1rem;padding:clamp(1rem,3vw,2rem);animation:rise .38s cubic-bezier(.2,.8,.2,1) both}.view-grid{display:grid;gap:1.1rem}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem}.metric-card{position:relative;display:grid;gap:.6rem;min-height:9rem;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.15rem;background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease,border-color .18s ease}.metric-card:after{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--metric-accent, var(--primary));opacity:.85}.metric-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft);border-color:var(--border-strong)}.metric-card__icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-md)}.metric-card span{color:var(--muted-strong);font-weight:600}.metric-card strong{align-self:end;font-size:2.1rem;font-weight:750;letter-spacing:-.02em;line-height:1}.metric-card--teal{--metric-accent: var(--primary)}.metric-card--teal .metric-card__icon{color:var(--primary);background:var(--primary-soft)}.metric-card--green{--metric-accent: var(--green)}.metric-card--green .metric-card__icon{color:var(--green);background:var(--green-soft)}.metric-card--amber{--metric-accent: var(--amber)}.metric-card--amber .metric-card__icon{color:var(--amber);background:var(--amber-soft)}.metric-card--rose{--metric-accent: var(--rose)}.metric-card--rose .metric-card__icon{color:var(--rose);background:var(--rose-soft)}.command-band,.panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.command-band{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.25rem;background:linear-gradient(120deg,color-mix(in srgb,var(--primary) 6%,var(--surface)),var(--surface) 60%)}.command-band h2{margin-top:.25rem;font-size:1.3rem}.panel{min-width:0;padding:1.15rem}.wide-panel{max-width:980px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel-header h2{margin-top:.18rem;font-size:1.12rem}.panel-header__trailing{display:flex;align-items:center;justify-content:flex-end;min-width:fit-content}.tenant-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.tenant-strip-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0;min-height:4.5rem;border:1px solid var(--border);border-radius:var(--radius-md);padding:.9rem;text-align:left;background:var(--surface);cursor:pointer;transition:transform .16s cubic-bezier(.2,.8,.2,1),border-color .16s ease,box-shadow .16s ease}.tenant-strip-item:hover{transform:translateY(-2px);border-color:var(--primary-soft-border);box-shadow:var(--shadow-sm)}.tenant-strip-item span{display:grid;min-width:0;gap:.25rem}.tenant-strip-item strong,.tenant-strip-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tenant-strip-item small{color:var(--muted)}.tenant-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:start;gap:1rem}.branch-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:start;gap:1rem}.staff-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);align-items:start;gap:1rem}.menu-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(360px,.7fr);align-items:start;gap:1rem}.staff-main,.menu-main{display:grid;gap:1rem;min-width:0}.tenant-table-panel,.branch-table-panel{min-height:38rem}.staff-table-panel{min-height:34rem}.menu-table-panel{min-height:38rem}.filter-row,.branch-selector-row,.staff-filter-row,.menu-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:.75rem;margin-bottom:.9rem}.branch-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-bottom:.9rem}.staff-sidebar{position:sticky;top:6.25rem;display:grid;gap:1rem}.staff-sidebar .detail-panel{position:static}.branch-directory{display:grid;min-width:0;gap:.75rem;border:1px solid var(--border);border-radius:var(--radius-md);padding:.85rem;background:var(--surface-subtle)}.branch-directory__header,.branch-staff__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.branch-directory__header>div,.branch-staff__header>div{display:grid;min-width:0;gap:.15rem}.branch-directory__header span,.branch-staff__header span{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.branch-directory__header strong,.branch-staff__header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.branch-directory__list,.branch-staff,.branch-staff__list{display:grid;gap:.5rem}.branch-directory__list{max-height:16rem;overflow:auto}.branch-option,.branch-staff-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0;border:1px solid var(--border);border-radius:var(--radius);padding:.65rem;text-align:left;background:var(--surface)}.branch-option{cursor:pointer;transition:border-color .15s ease,background .15s ease}.branch-option:hover{border-color:var(--border-strong);background:var(--surface-hover)}.branch-option--active{border-color:var(--primary-soft-border);background:var(--primary-soft)}.branch-option span,.branch-staff-row span{display:grid;min-width:0;gap:.2rem}.branch-option strong,.branch-option small,.branch-staff-row strong,.branch-staff-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.branch-option small,.branch-staff-row small{color:var(--muted);font-size:.75rem}.menu-management-grid{display:grid;grid-template-columns:minmax(250px,.34fr) minmax(0,.66fr);gap:.9rem;align-items:start}.menu-category-list{min-width:0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle)}.menu-category-list__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-bottom:1px solid var(--border);padding:.75rem}.category-tree{display:grid;gap:.45rem;max-height:31rem;overflow:auto;padding:.65rem}.category-tree__group,.subcategory-list{display:grid;gap:.35rem}.subcategory-list{padding-left:.85rem}.category-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem;border:1px solid transparent;border-radius:var(--radius);transition:border-color .14s ease,background .14s ease}.category-row:hover{background:var(--surface-hover)}.category-row--active{border-color:var(--primary-soft-border);background:var(--primary-soft)}.category-row>button:first-child{display:grid;min-width:0;gap:.15rem;border:0;padding:.55rem .65rem;color:inherit;text-align:left;background:transparent;cursor:pointer}.category-row span,.category-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-row span{font-weight:650}.category-row small{color:var(--muted);font-size:.76rem}.menu-items-table{min-width:680px}.branch-table{min-width:620px}.menu-create-panel{display:grid;gap:1rem}.menu-create-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:1rem;align-items:start}.form-grid--compact{gap:.75rem}.checkbox-tile--inline{width:fit-content}.menu-image-preview,.menu-image-empty{display:grid;gap:.7rem;border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem;background:var(--surface-subtle)}.menu-image-preview img{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius);background:var(--surface-strong)}.menu-image-preview>div{display:grid;min-width:0;gap:.25rem}.menu-image-preview strong,.menu-image-preview span{overflow-wrap:anywhere}.menu-image-preview span{color:var(--muted);font-size:.84rem}.menu-image-empty{grid-template-columns:auto minmax(0,1fr);align-items:center;color:var(--muted-strong);font-weight:700}.search-box{position:relative;min-width:0}.search-box svg{position:absolute;top:50%;left:.85rem;color:var(--muted);transform:translateY(-50%);pointer-events:none}.search-box .ui-input{padding-left:2.35rem}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.data-table{width:100%;min-width:720px;border-collapse:collapse}.data-table th,.data-table td{border-bottom:1px solid var(--border);padding:.85rem;text-align:left;vertical-align:middle}.data-table th{position:sticky;top:0;z-index:1;color:var(--muted);font-size:.73rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:var(--surface-subtle)}.data-table tbody tr{cursor:pointer;transition:background .13s ease}.data-table tbody tr:hover,.selected-row{background:var(--surface-hover)}.data-table tbody tr:last-child td{border-bottom:0}.company-cell{display:grid;min-width:0;gap:.2rem}.company-cell strong,.company-cell span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-cell span{color:var(--muted);font-size:.84rem}.company-cell .sku-tag{justify-self:start;font-size:.72rem;font-weight:600;letter-spacing:.02em;color:var(--muted)}.field-note{margin:0;color:var(--muted);font-size:.8rem}.field-note code{padding:.05rem .3rem;border-radius:6px;background:var(--primary-soft);color:var(--primary-text);font-size:.78rem}.pager{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.9rem;color:var(--muted-strong);font-size:.88rem;font-weight:600}.detail-panel{position:sticky;top:6.25rem;display:grid;gap:1rem}.id-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;min-width:0;border:1px solid var(--border);border-radius:var(--radius);padding:.65rem;background:var(--surface-strong)}.id-row code{flex:1;min-width:0;overflow-wrap:anywhere}.id-row>:not(code){flex-shrink:0}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.customer-info-block{display:grid;gap:.85rem}.customer-info-block+.customer-info-block,.customer-info-block+.staff-action-form{margin-top:.35rem}.customer-info-text{display:grid;gap:.35rem;border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;background:var(--surface)}.customer-info-text span{color:var(--muted);font-size:.75rem;font-weight:700}.customer-info-text strong{color:var(--foreground);font-size:.92rem;line-height:1.45;overflow-wrap:anywhere}.info-tile{display:grid;min-width:0;gap:.25rem;border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;background:var(--surface)}.info-tile span{color:var(--muted);font-size:.75rem;font-weight:700}.info-tile strong{overflow-wrap:anywhere;font-size:.92rem}.quota-box{display:grid;gap:.7rem;border:1px solid var(--border);border-radius:var(--radius-md);padding:.85rem;background:var(--surface-subtle)}.quota-box__header,.quota-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.quota-box__header{font-weight:800}.quota-meta{color:var(--muted);font-size:.86rem}.quota-meta strong{color:var(--foreground);font-size:1rem}.usage-bar{width:100%;height:.55rem;overflow:hidden;border-radius:999px;background:var(--surface-strong)}.usage-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--green));transition:width .42s cubic-bezier(.2,.8,.2,1)}.usage-bar--large{height:.75rem}.notice{display:flex;align-items:flex-start;gap:.65rem;border:1px solid transparent;border-radius:var(--radius);padding:.8rem;font-size:.9rem}.notice--warning{color:var(--amber-text);background:var(--amber-soft);border-color:var(--amber-soft-border)}.branch-hours{display:grid;gap:.65rem;border:1px solid var(--border);border-radius:var(--radius-md);padding:.85rem;background:var(--surface-subtle)}.branch-hours__header,.branch-hour-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.branch-hours__header span{color:var(--muted);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.branch-hours__list{display:grid;gap:.45rem}.branch-hour-row{min-height:2.35rem;border:1px solid var(--border);border-radius:var(--radius);padding:0 .65rem;background:var(--surface)}.branch-hour-row span{color:var(--muted-strong);font-size:.86rem;font-weight:600}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.action-grid .ui-button{width:100%}.staff-create-panel{display:grid;gap:1rem}.staff-action-form{display:grid;gap:.75rem;border:1px solid var(--border);border-radius:var(--radius-md);padding:.85rem;background:var(--surface-subtle)}.checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.checkbox-tile{display:flex;align-items:center;gap:.55rem;min-width:0;min-height:2.45rem;border:1px solid var(--border);border-radius:var(--radius);padding:0 .7rem;color:var(--muted-strong);background:var(--surface);cursor:pointer;transition:border-color .14s ease,background .14s ease}.checkbox-tile:hover{border-color:var(--border-strong)}.checkbox-tile input{width:1rem;height:1rem;accent-color:var(--primary)}.checkbox-tile span{overflow:hidden;font-size:.84rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.staff-credentials{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--success-surface-border);border-radius:var(--radius-md);padding:.9rem;background:var(--success-surface)}.staff-credentials>div{display:grid;min-width:0;gap:.25rem}.staff-credentials strong{overflow-wrap:anywhere}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.toolbar-actions,.table-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.table-actions{flex-wrap:nowrap}.subscription-form{display:grid;gap:1rem}.subscription-section{display:grid;gap:.8rem;border:1px solid var(--border);border-radius:var(--radius-md);padding:.9rem;background:var(--surface-subtle)}.subscription-section__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.subscription-section__header h3{margin:0;font-size:.98rem}.subscription-section__header p{margin:.2rem 0 0;color:var(--muted);font-size:.82rem;line-height:1.4}.limit-control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:.75rem}.limit-control{display:grid;grid-template-columns:minmax(0,1fr) minmax(5rem,7rem);align-items:center;gap:.7rem .75rem;border:1px solid var(--border);border-radius:var(--radius);padding:.85rem;background:var(--surface)}.limit-control__copy{grid-column:1 / -1}.limit-control .segmented-control{width:100%}.limit-control__copy,.feature-access-row__copy{display:grid;min-width:0;gap:.18rem}.limit-control__copy strong,.feature-access-row__copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.limit-control__copy span,.feature-access-row__copy span{color:var(--muted);font-size:.78rem;line-height:1.35}.limit-control .ui-input:disabled{color:var(--muted);background:var(--surface-strong)}.feature-access-list{display:grid;gap:.55rem}.feature-access-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.85rem;border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;background:var(--surface);transition:border-color .15s ease,background .15s ease}.feature-access-row.is-enabled{border-color:var(--success-surface-border);background:var(--success-surface)}.feature-access-row__copy small{color:var(--muted);font-size:.72rem;line-height:1.35}.segmented-control{display:inline-grid;grid-template-columns:repeat(2,minmax(4.8rem,1fr));overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);padding:3px;gap:3px;background:var(--surface-strong)}.segmented-control button{min-height:2.05rem;border:0;border-radius:calc(var(--radius) - 4px);padding:0 .7rem;color:var(--muted-strong);background:transparent;font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:color .14s ease,background .14s ease,box-shadow .14s ease}.segmented-control button:hover:not(.is-active){color:var(--foreground)}.segmented-control button.is-active{color:var(--primary-contrast);background:var(--grad-primary);box-shadow:var(--shadow-xs)}.span-2{grid-column:span 2}.form-actions{display:flex;justify-content:flex-end;padding-top:.25rem}.provision-result{display:grid;gap:1rem;margin-top:1rem;border:1px solid var(--success-surface-border);border-radius:var(--radius-md);padding:1rem;background:var(--success-surface)}.provision-result__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.provision-result__header h3{margin-top:.2rem;font-size:1.08rem}.credential-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.quota-layout,.security-layout{display:grid;gap:1rem}.quota-dashboard{display:grid;gap:1rem;border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;background:var(--surface-subtle)}.quota-dashboard h2{margin-top:.2rem;font-size:1.45rem}.quota-number{display:flex;align-items:baseline;gap:.6rem}.quota-number strong{font-size:3rem;font-weight:750;letter-spacing:-.02em;line-height:1}.quota-number span{color:var(--muted);font-weight:700}.loading-line{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-weight:700}.api-settings{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem}.panel-inline-action{justify-content:flex-end;margin-top:.8rem}.empty-state{display:grid;justify-items:center;gap:.55rem;padding:2.75rem 1rem;color:var(--muted);text-align:center}.empty-state__icon{display:inline-flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border-radius:var(--radius-lg);color:var(--primary);background:var(--primary-soft)}.empty-state h3{color:var(--foreground);font-size:1rem}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:1rem;background:#08110f85;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .16s ease both}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal-panel{width:min(520px,100%);max-height:min(720px,calc(100vh - 2rem));overflow:auto;border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow);animation:pop .22s cubic-bezier(.2,.8,.2,1) both}.modal-header{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border);padding:1.15rem 1.25rem}.modal-header h2{font-size:1.05rem}.modal-header p{margin-top:.25rem;color:var(--muted);font-size:.88rem}.modal-body,.modal-footer{padding:1.15rem 1.25rem}.modal-footer{display:flex;justify-content:flex-end;gap:.65rem;border-top:1px solid var(--border)}.toast-viewport{position:fixed;right:1rem;bottom:1rem;z-index:80;display:grid;width:min(390px,calc(100vw - 2rem));gap:.65rem}.toast{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;border:1px solid var(--border);border-left-width:4px;border-radius:var(--radius-md);padding:.85rem .95rem;background:var(--surface);box-shadow:var(--shadow-soft);animation:slide-in .26s cubic-bezier(.2,.8,.2,1) both}.toast>div{display:grid;gap:.2rem;min-width:0}.toast strong{font-size:.9rem}.toast span{overflow-wrap:anywhere;color:var(--muted-strong);font-size:.84rem}.toast button{border:0;color:var(--muted);background:transparent;cursor:pointer;transition:color .14s ease}.toast button:hover{color:var(--foreground)}.toast--success{border-left-color:var(--green)}.toast--error{border-left-color:var(--rose)}.toast--info{border-left-color:var(--blue)}@media(max-width:1180px){.tenant-layout,.branch-layout,.staff-layout,.menu-layout,.menu-create-grid{grid-template-columns:minmax(0,1fr)}.detail-panel,.staff-sidebar{position:static}}@media(max-width:980px){.login-shell{grid-template-columns:1fr}.login-side{display:none}.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:30;height:auto;border-right:0;border-bottom:1px solid var(--border);padding:.85rem 1rem;background:color-mix(in srgb,var(--background) 82%,transparent);-webkit-backdrop-filter:saturate(140%) blur(14px);backdrop-filter:saturate(140%) blur(14px)}.sidebar-brand{min-height:0;padding:.1rem .1rem .75rem}.sidebar-nav{display:flex;gap:.4rem;overflow-x:auto;padding:.15rem .1rem .35rem;scroll-snap-type:x proximity}.nav-item{flex:0 0 auto;width:auto;min-height:2.5rem;scroll-snap-align:start}.nav-item--active:before{display:none}.sidebar-footer{display:none}.topbar{position:static}.metric-grid,.tenant-strip,.branch-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.topbar,.command-band,.pager{align-items:stretch;flex-direction:column}.topbar-actions,.command-actions,.pager>div{width:100%}.topbar-actions .ui-button,.command-actions .ui-button,.pager .ui-button{flex:1}.metric-grid,.panel-grid,.tenant-strip,.limit-control,.filter-row,.branch-selector-row,.branch-summary-grid,.staff-filter-row,.menu-filter-row,.menu-management-grid,.form-grid,.credential-grid,.detail-grid,.action-grid,.checkbox-grid,.api-settings{grid-template-columns:1fr}.provision-result__header{align-items:stretch;flex-direction:column}.span-2{grid-column:span 1}.panel-header{align-items:flex-start;flex-direction:column}.subscription-section__header,.feature-access-row{align-items:stretch;grid-template-columns:1fr}.segmented-control{width:100%}.modal-footer{flex-direction:column-reverse}.modal-footer .ui-button{width:100%}}@media(max-width:480px){.content,.topbar,.sidebar,.login-panel{padding-right:.85rem;padding-left:.85rem}.login-brand h1{font-size:1.55rem}.metric-card strong,.quota-number strong{font-size:2.25rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:var(--background)}.error-boundary__card{max-width:30rem;width:100%;padding:2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-soft)}.error-boundary__card h1{margin:0 0 .75rem;font-size:1.4rem;color:var(--foreground)}.error-boundary__card p{margin:0 0 1.5rem;color:var(--muted-strong)}.error-boundary__actions{display:flex;gap:.75rem;justify-content:center}.error-boundary__actions button{padding:.6rem 1.15rem;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface-strong);color:var(--foreground);font-weight:600;cursor:pointer;transition:transform .15s ease,filter .15s ease}.error-boundary__actions button:hover{transform:translateY(-1px)}.error-boundary__actions button:first-child{background:var(--grad-primary);border-color:transparent;color:var(--primary-contrast);box-shadow:var(--shadow-primary)}.stack-panels{display:flex;flex-direction:column;gap:1.25rem}.stack-sm{display:flex;flex-direction:column;gap:1rem}.filter-row{display:flex;flex-wrap:wrap;gap:.85rem;align-items:flex-end;margin-bottom:1rem}.filter-row .field{min-width:11rem;flex:1 1 11rem}.field--action{display:flex;align-items:flex-end}.split-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:1.25rem}@media(max-width:900px){.split-layout{grid-template-columns:1fr}}.data-table-wrap{min-width:0}.data-table tbody tr{cursor:pointer}.data-table tbody tr.is-selected{background:var(--primary-soft)}.detail-panel{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.15rem}.muted-text{color:var(--muted);font-size:.85rem;margin:0}.section-subtitle{display:flex;align-items:center;gap:.4rem;font-size:.92rem;font-weight:650;margin:.4rem 0;color:var(--muted-strong)}.json-block{background:var(--surface-subtle);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem;font-size:.78rem;max-height:22rem;overflow:auto;white-space:pre-wrap;word-break:break-word}.panel-header__actions{display:flex;gap:.5rem}.metric-row{display:flex;flex-wrap:wrap;gap:.75rem}.metric-row .info-tile{flex:1 1 8rem}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.85rem}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.05rem;display:flex;flex-direction:column;gap:.35rem;box-shadow:var(--shadow-xs)}.kpi-card span{font-size:.8rem;color:var(--muted)}.kpi-card strong{font-size:1.5rem;font-weight:700;letter-spacing:-.01em}.comparison-row{display:flex;flex-wrap:wrap;gap:.75rem}.delta-tile{flex:1 1 9rem;border-radius:var(--radius);padding:.8rem 1rem;border:1px solid var(--border);display:flex;flex-direction:column;gap:.25rem}.delta-tile span{font-size:.78rem;color:var(--muted);text-transform:capitalize}.delta-tile strong{font-size:1.2rem;font-weight:700}.delta-tile--up{background:var(--green-soft);border-color:var(--green-soft-border)}.delta-tile--down{background:var(--rose-soft);border-color:var(--rose-soft-border)}.chip-list{display:flex;flex-wrap:wrap;gap:.5rem}.chip{display:inline-flex;align-items:center;gap:.4rem;background:var(--surface-strong);border:1px solid var(--border);border-radius:999px;padding:.3rem .75rem;font-size:.85rem}.chip button{display:inline-flex;border:0;background:transparent;color:var(--muted);cursor:pointer;padding:0;transition:color .14s ease}.chip button:hover{color:var(--danger)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.85rem}.entity-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:var(--shadow-xs);transition:transform .17s cubic-bezier(.2,.8,.2,1),box-shadow .17s ease,border-color .17s ease}.entity-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--border-strong)}.entity-card header{display:flex;align-items:center;justify-content:space-between}.entity-card header strong{font-size:1.05rem}.card-actions{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.image-upload{display:block;margin-bottom:.75rem;cursor:pointer}.image-upload input{display:block;width:100%;font-size:.82rem;margin-bottom:.4rem}.image-upload span{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--muted-strong)}
