:root{--zf-primary:#4b20b8;--zf-primary-hover:#5a2cd0;--zf-primary-active:#3c1a96;--zf-primary-700:#3a1690;--zf-primary-100:#e9e0ff;--zf-primary-50:#f3eeff;--zf-on-primary:#fff;--zf-accent:#ffc91e;--zf-accent-strong:#f5b400;--zf-accent-soft:#fff4d1;--zf-on-accent:#1a1230;--zf-ink:#1a1230;--zf-ink-soft:#4a4170;--zf-muted:#6b6b80;--zf-faint:#9a94ad;--zf-bg:#f6f5fb;--zf-surface:#fff;--zf-surface-2:#f7f5fc;--zf-surface-3:#f0edf9;--zf-overlay:#17112b70;--zf-border:#e7e3f2;--zf-border-strong:#d6cfea;--zf-ring:#4b20b859;--zf-success:#15a34a;--zf-success-soft:#e3f6ea;--zf-success-ink:#0f7a38;--zf-warning:#c97a09;--zf-warning-soft:#fbefd9;--zf-warning-ink:#9a5b00;--zf-danger:#dc2626;--zf-danger-soft:#fbe7e7;--zf-danger-ink:#b31b1b;--zf-info:#2563eb;--zf-info-soft:#e4ecfd;--zf-info-ink:#1d4fbe;--zf-neutral:#6b7280;--zf-neutral-soft:#eeeef2;--zf-neutral-ink:#4b5563;--zf-space-1:4px;--zf-space-2:8px;--zf-space-3:12px;--zf-space-4:16px;--zf-space-5:20px;--zf-space-6:24px;--zf-space-8:32px;--zf-space-10:40px;--zf-space-12:48px;--zf-space-16:64px;--zf-radius-sm:8px;--zf-radius-md:12px;--zf-radius-lg:16px;--zf-radius-xl:20px;--zf-radius-pill:999px;--zf-shadow-xs:0 1px 2px #17112b0f;--zf-shadow-sm:0 1px 3px #17112b14, 0 1px 2px #17112b0a;--zf-shadow-md:0 6px 20px #17112b1a;--zf-shadow-lg:0 18px 48px #17112b2e;--zf-font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--zf-text-xs:.75rem;--zf-text-sm:.8125rem;--zf-text-base:.875rem;--zf-text-md:1rem;--zf-text-lg:1.125rem;--zf-text-xl:1.375rem;--zf-text-2xl:1.75rem;--zf-text-3xl:2.25rem;--zf-weight-normal:400;--zf-weight-medium:500;--zf-weight-semibold:600;--zf-weight-bold:700;--zf-leading-tight:1.2;--zf-leading-normal:1.5;--zf-dur-fast:.12s;--zf-dur-base:.18s;--zf-dur-slow:.26s;--zf-ease:cubic-bezier(.2, 0, 0, 1);--zf-sidebar-w:224px;--zf-topbar-h:60px;--zf-content-max:1080px;--zf-z-drawer:40;--zf-z-modal:60;--zf-z-toast:80}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--zf-font);font-size:var(--zf-text-base);line-height:var(--zf-leading-normal);background:var(--zf-bg);color:var(--zf-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}#root{min-height:100vh}h1,h2,h3,h4{line-height:var(--zf-leading-tight);font-weight:var(--zf-weight-bold)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}button:disabled{cursor:not-allowed}a{color:var(--zf-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}::selection{background:var(--zf-primary-100);color:var(--zf-primary-700)}:focus-visible{outline:2px solid var(--zf-primary);outline-offset:2px;border-radius:var(--zf-radius-sm)}*{scrollbar-width:thin;scrollbar-color:var(--zf-border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--zf-border-strong);background-clip:content-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-track{background:0 0}.zf-page{padding:var(--zf-space-6);max-width:var(--zf-content-max);opacity:1;margin:0 auto}@media (prefers-reduced-motion:no-preference){.zf-page{animation:zf-fade-in var(--zf-dur-slow) var(--zf-ease)}}.zf-stack{flex-direction:column;display:flex}.zf-stack-2{gap:var(--zf-space-2);flex-direction:column;display:flex}.zf-stack-3{gap:var(--zf-space-3);flex-direction:column;display:flex}.zf-stack-4{gap:var(--zf-space-4);flex-direction:column;display:flex}.zf-stack-6{gap:var(--zf-space-6);flex-direction:column;display:flex}.zf-row{align-items:center;gap:var(--zf-space-3);display:flex}.zf-cluster{gap:var(--zf-space-2);flex-wrap:wrap;align-items:center;display:flex}.zf-spread{justify-content:space-between;align-items:center;gap:var(--zf-space-3);display:flex}.zf-grid{gap:var(--zf-space-4);display:grid}.zf-muted{color:var(--zf-muted)}.zf-text-sm{font-size:var(--zf-text-sm)}.zf-text-xs{font-size:var(--zf-text-xs)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes zf-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes zf-shimmer{to{transform:translate(100%)}}@keyframes zf-spin{to{transform:rotate(360deg)}}@keyframes zf-toast-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:none}}@keyframes zf-modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@keyframes zf-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes zf-drawer-in{0%{transform:translate(-100%)}to{transform:none}}.zf-spin{animation:.7s linear infinite zf-spin}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.zf-btn{--_bg:var(--zf-primary);--_fg:var(--zf-on-primary);--_bd:transparent;justify-content:center;align-items:center;gap:var(--zf-space-2);height:38px;padding:0 var(--zf-space-4);border-radius:var(--zf-radius-sm);border:1px solid var(--_bd);background:var(--_bg);color:var(--_fg);font-size:var(--zf-text-base);font-weight:var(--zf-weight-semibold);white-space:nowrap;transition:background var(--zf-dur-fast) var(--zf-ease), border-color var(--zf-dur-fast) var(--zf-ease), transform var(--zf-dur-fast) var(--zf-ease), box-shadow var(--zf-dur-fast) var(--zf-ease), opacity var(--zf-dur-fast) var(--zf-ease);display:inline-flex}.zf-btn:hover:not(:disabled){background:color-mix(in srgb, var(--_bg) 88%, #fff)}.zf-btn:active:not(:disabled){transform:translateY(1px)}.zf-btn:disabled{opacity:.55}.zf-btn[data-loading=true]{pointer-events:none;opacity:.8}.zf-btn svg{flex-shrink:0;width:16px;height:16px}.zf-btn--sm{height:32px;padding:0 var(--zf-space-3);font-size:var(--zf-text-sm)}.zf-btn--lg{height:44px;padding:0 var(--zf-space-5);font-size:var(--zf-text-md)}.zf-btn--block{width:100%}.zf-btn--icon{width:38px;padding:0}.zf-btn--icon.zf-btn--sm{width:32px}.zf-btn--primary{--_bg:var(--zf-primary);--_fg:var(--zf-on-primary)}.zf-btn--primary:hover:not(:disabled){background:var(--zf-primary-hover)}.zf-btn--primary:active:not(:disabled){background:var(--zf-primary-active)}.zf-btn--secondary{--_bg:var(--zf-surface);--_fg:var(--zf-primary-700);--_bd:var(--zf-border-strong)}.zf-btn--secondary:hover:not(:disabled){background:var(--zf-primary-50);border-color:var(--zf-primary-100)}.zf-btn--success{--_bg:var(--zf-success);--_fg:#fff}.zf-btn--danger{--_bg:var(--zf-danger);--_fg:#fff}.zf-btn--ghost{--_bg:transparent;--_fg:var(--zf-ink-soft)}.zf-btn--ghost:hover:not(:disabled){background:var(--zf-surface-3)}.zf-btn--danger-ghost{--_bg:transparent;--_fg:var(--zf-danger-ink);--_bd:transparent}.zf-btn--danger-ghost:hover:not(:disabled){background:var(--zf-danger-soft)}.zf-card{background:var(--zf-surface);border:1px solid var(--zf-border);border-radius:var(--zf-radius-md);padding:var(--zf-space-5)}.zf-card--flush{padding:0;overflow:hidden}.zf-card--pad-lg{padding:var(--zf-space-6)}.zf-card--interactive{transition:border-color var(--zf-dur-base) var(--zf-ease), box-shadow var(--zf-dur-base) var(--zf-ease)}.zf-card--interactive:hover{border-color:var(--zf-border-strong);box-shadow:var(--zf-shadow-sm)}.zf-badge{border-radius:var(--zf-radius-pill);font-size:var(--zf-text-xs);font-weight:var(--zf-weight-semibold);letter-spacing:.02em;background:var(--zf-neutral-soft);color:var(--zf-neutral-ink);white-space:nowrap;align-items:center;gap:5px;padding:3px 9px;display:inline-flex}.zf-badge svg{width:12px;height:12px}.zf-badge--dot:before{content:"";background:currentColor;border-radius:999px;width:6px;height:6px}.zf-badge--success{background:var(--zf-success-soft);color:var(--zf-success-ink)}.zf-badge--warning{background:var(--zf-warning-soft);color:var(--zf-warning-ink)}.zf-badge--danger{background:var(--zf-danger-soft);color:var(--zf-danger-ink)}.zf-badge--info{background:var(--zf-info-soft);color:var(--zf-info-ink)}.zf-badge--neutral{background:var(--zf-neutral-soft);color:var(--zf-neutral-ink)}.zf-badge--brand{background:var(--zf-primary-50);color:var(--zf-primary-700)}.zf-badge--accent{background:var(--zf-accent-soft);color:var(--zf-warning-ink)}.zf-field{flex-direction:column;gap:6px;display:flex}.zf-label{font-size:var(--zf-text-xs);font-weight:var(--zf-weight-semibold);color:var(--zf-ink-soft)}.zf-label__req{color:var(--zf-danger)}.zf-hint{font-size:var(--zf-text-xs);color:var(--zf-muted)}.zf-field__err{font-size:var(--zf-text-xs);color:var(--zf-danger-ink)}.zf-input,.zf-select,.zf-textarea{border:1px solid var(--zf-border-strong);border-radius:var(--zf-radius-sm);background:var(--zf-surface);width:100%;font-size:var(--zf-text-base);color:var(--zf-ink);transition:border-color var(--zf-dur-fast) var(--zf-ease), box-shadow var(--zf-dur-fast) var(--zf-ease);padding:9px 12px}.zf-input::placeholder,.zf-textarea::placeholder{color:var(--zf-faint)}.zf-input:focus,.zf-select:focus,.zf-textarea:focus{border-color:var(--zf-primary);box-shadow:0 0 0 3px var(--zf-ring);outline:none}.zf-input:disabled,.zf-select:disabled,.zf-textarea:disabled{background:var(--zf-surface-2);color:var(--zf-muted)}.zf-textarea{resize:vertical;min-height:76px;line-height:var(--zf-leading-normal)}.zf-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B6B80' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:34px}.zf-field--invalid .zf-input,.zf-field--invalid .zf-select,.zf-field--invalid .zf-textarea{border-color:var(--zf-danger)}.zf-notice{align-items:flex-start;gap:var(--zf-space-3);border-radius:var(--zf-radius-sm);font-size:var(--zf-text-base);border:1px solid var(--zf-border);background:var(--zf-surface-2);color:var(--zf-ink-soft);padding:10px 14px;display:flex}.zf-notice svg{flex-shrink:0;width:16px;height:16px;margin-top:2px}.zf-notice--success{background:var(--zf-success-soft);color:var(--zf-success-ink);border-color:#0000}.zf-notice--warning{background:var(--zf-warning-soft);color:var(--zf-warning-ink);border-color:#0000}.zf-notice--danger{background:var(--zf-danger-soft);color:var(--zf-danger-ink);border-color:#0000}.zf-notice--info{background:var(--zf-info-soft);color:var(--zf-info-ink);border-color:#0000}.zf-notice--brand{background:var(--zf-primary-50);color:var(--zf-primary-700);border-color:#0000}.zf-page-header{justify-content:space-between;align-items:flex-start;gap:var(--zf-space-4);margin-bottom:var(--zf-space-6);flex-wrap:wrap;display:flex}.zf-page-header__titles{flex-direction:column;gap:2px;min-width:0;display:flex}.zf-page-header__title{font-size:var(--zf-text-2xl);font-weight:var(--zf-weight-bold);color:var(--zf-ink);letter-spacing:-.01em;align-items:center;gap:var(--zf-space-2);display:flex}.zf-page-header__title svg{width:22px;height:22px;color:var(--zf-primary)}.zf-page-header__subtitle{font-size:var(--zf-text-base);color:var(--zf-muted)}.zf-page-header__actions{gap:var(--zf-space-2);flex-wrap:wrap;display:flex}.zf-section-title{font-size:var(--zf-text-md);font-weight:var(--zf-weight-bold);color:var(--zf-ink);margin:var(--zf-space-6) 0 var(--zf-space-3);align-items:center;gap:var(--zf-space-2);display:flex}.zf-section-title:first-child{margin-top:0}.zf-section-title svg{width:16px;height:16px;color:var(--zf-muted);flex-shrink:0}.zf-section-title__count{color:var(--zf-muted);font-weight:var(--zf-weight-medium)}.zf-table-wrap{border:1px solid var(--zf-border);border-radius:var(--zf-radius-md);background:var(--zf-surface);overflow-x:auto}.zf-table{border-collapse:collapse;width:100%;font-size:var(--zf-text-base)}.zf-table thead th{text-align:left;background:var(--zf-surface-2);font-size:var(--zf-text-xs);font-weight:var(--zf-weight-bold);color:var(--zf-ink-soft);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--zf-border);white-space:nowrap;padding:11px 16px}.zf-table tbody td{border-top:1px solid var(--zf-border);color:var(--zf-ink);vertical-align:middle;padding:12px 16px}.zf-table tbody tr{transition:background var(--zf-dur-fast) var(--zf-ease)}.zf-table tbody tr:hover{background:var(--zf-surface-2)}.zf-table tbody tr:first-child td{border-top:none}.zf-statcard{background:var(--zf-surface);border:1px solid var(--zf-border);border-radius:var(--zf-radius-md);padding:var(--zf-space-5);flex-direction:column;gap:6px;display:flex;position:relative;overflow:hidden}.zf-statcard__icon{border-radius:var(--zf-radius-sm);background:var(--zf-primary-50);width:34px;height:34px;color:var(--zf-primary);place-items:center;margin-bottom:2px;display:grid}.zf-statcard__icon svg{width:18px;height:18px}.zf-statcard__icon--accent{background:var(--zf-accent-soft);color:var(--zf-warning-ink)}.zf-statcard__icon--success{background:var(--zf-success-soft);color:var(--zf-success-ink)}.zf-statcard__icon--warning{background:var(--zf-warning-soft);color:var(--zf-warning-ink)}.zf-statcard__value{font-size:var(--zf-text-2xl);font-weight:var(--zf-weight-bold);color:var(--zf-ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.zf-statcard__label{font-size:var(--zf-text-sm);color:var(--zf-muted);font-weight:var(--zf-weight-medium)}.zf-skeleton{background:var(--zf-surface-3);border-radius:var(--zf-radius-sm);position:relative;overflow:hidden}.zf-skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffffa6,#0000);animation:1.4s infinite zf-shimmer;position:absolute;inset:0;transform:translate(-100%)}.zf-empty{text-align:center;align-items:center;gap:var(--zf-space-3);padding:var(--zf-space-12) var(--zf-space-6);border:1px dashed var(--zf-border-strong);border-radius:var(--zf-radius-md);background:var(--zf-surface);flex-direction:column;display:flex}.zf-empty__icon{border-radius:var(--zf-radius-md);background:var(--zf-primary-50);width:48px;height:48px;color:var(--zf-primary);place-items:center;display:grid}.zf-empty__icon svg{width:24px;height:24px}.zf-empty__title{font-size:var(--zf-text-md);font-weight:var(--zf-weight-semibold);color:var(--zf-ink)}.zf-empty__desc{font-size:var(--zf-text-base);color:var(--zf-muted);max-width:46ch}.zf-modal-overlay{background:var(--zf-overlay);padding:var(--zf-space-4);z-index:var(--zf-z-modal);animation:zf-overlay-in var(--zf-dur-base) var(--zf-ease);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.zf-modal{background:var(--zf-surface);border-radius:var(--zf-radius-lg);box-shadow:var(--zf-shadow-lg);width:100%;max-width:460px;max-height:calc(100vh - var(--zf-space-8));animation:zf-modal-in var(--zf-dur-base) var(--zf-ease);flex-direction:column;display:flex}.zf-modal--lg{max-width:640px}.zf-modal__header{justify-content:space-between;align-items:center;gap:var(--zf-space-3);padding:var(--zf-space-5) var(--zf-space-5) var(--zf-space-3);display:flex}.zf-modal__title{font-size:var(--zf-text-lg);font-weight:var(--zf-weight-bold);color:var(--zf-ink)}.zf-modal__body{padding:0 var(--zf-space-5) var(--zf-space-4);overflow-y:auto}.zf-modal__footer{justify-content:flex-end;gap:var(--zf-space-2);padding:var(--zf-space-4) var(--zf-space-5) var(--zf-space-5);border-top:1px solid var(--zf-border);display:flex}.zf-toast-viewport{top:var(--zf-space-4);right:var(--zf-space-4);left:var(--zf-space-4);align-items:flex-end;gap:var(--zf-space-2);z-index:var(--zf-z-toast);pointer-events:none;flex-direction:column;display:flex;position:fixed}.zf-toast{pointer-events:auto;align-items:flex-start;gap:var(--zf-space-3);border-radius:var(--zf-radius-md);background:var(--zf-surface);border:1px solid var(--zf-border);width:min(380px,100%);box-shadow:var(--zf-shadow-md);animation:zf-toast-in var(--zf-dur-base) var(--zf-ease);padding:12px 14px;display:flex}.zf-toast__icon{flex-shrink:0;width:18px;height:18px;margin-top:1px}.zf-toast__body{font-size:var(--zf-text-base);color:var(--zf-ink);flex:1}.zf-toast__close{color:var(--zf-faint);place-items:center;display:grid}.zf-toast__close svg{width:15px;height:15px}.zf-toast--success{border-left:3px solid var(--zf-success)}.zf-toast--success .zf-toast__icon{color:var(--zf-success)}.zf-toast--error{border-left:3px solid var(--zf-danger)}.zf-toast--error .zf-toast__icon{color:var(--zf-danger)}.zf-toast--info{border-left:3px solid var(--zf-info)}.zf-toast--info .zf-toast__icon{color:var(--zf-info)}.zf-shell{grid-template-columns:var(--zf-sidebar-w) minmax(0, 1fr);min-height:100vh;display:grid}.zf-shell__main{flex-direction:column;min-width:0;display:flex}.zf-shell__content{flex:1}.zf-shell__overlay{display:none}.zf-sidebar{width:var(--zf-sidebar-w);background:var(--zf-surface);border-right:1px solid var(--zf-border);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.zf-sidebar__brand{align-items:center;gap:var(--zf-space-2);padding:var(--zf-space-4) var(--zf-space-4) var(--zf-space-3);display:flex}.zf-sidebar__brand img{width:116px;height:auto}.zf-sidebar__tenant{margin:0 var(--zf-space-3) var(--zf-space-2);border-radius:var(--zf-radius-sm);background:var(--zf-surface-2);border:1px solid var(--zf-border);align-items:center;gap:var(--zf-space-2);padding:10px 12px;display:flex}.zf-sidebar__tenant-logo{border-radius:var(--zf-radius-sm);object-fit:cover;background:var(--zf-primary-50);width:30px;height:30px;color:var(--zf-primary);flex-shrink:0;place-items:center;display:grid}.zf-sidebar__tenant-logo svg{width:16px;height:16px}.zf-sidebar[data-super] .zf-sidebar__tenant{background:var(--zf-primary-50);border-color:var(--zf-primary-100)}.zf-sidebar[data-super] .zf-sidebar__tenant-logo{background:var(--zf-primary);color:var(--zf-on-primary)}.zf-sidebar__tenant-name{font-size:var(--zf-text-sm);font-weight:var(--zf-weight-bold);color:var(--zf-ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.zf-sidebar__tenant-meta{color:var(--zf-muted);align-items:center;gap:4px;font-size:11px;display:flex}.zf-sidebar__nav{padding:var(--zf-space-2) var(--zf-space-3) var(--zf-space-4);flex:1;overflow-y:auto}.zf-navgroup{margin-top:var(--zf-space-4)}.zf-navgroup:first-child{margin-top:var(--zf-space-1)}.zf-navgroup__label{font-size:10px;font-weight:var(--zf-weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--zf-faint);padding:0 var(--zf-space-3);margin-bottom:6px}.zf-navitem{width:100%;padding:9px var(--zf-space-3);border-radius:var(--zf-radius-sm);font-size:var(--zf-text-base);font-weight:var(--zf-weight-medium);color:var(--zf-ink-soft);text-align:left;transition:background var(--zf-dur-fast) var(--zf-ease), color var(--zf-dur-fast) var(--zf-ease);align-items:center;gap:10px;display:flex}.zf-navitem svg{width:17px;height:17px;color:var(--zf-faint);transition:color var(--zf-dur-fast) var(--zf-ease);flex-shrink:0}.zf-navitem:hover{background:var(--zf-surface-2);color:var(--zf-ink)}.zf-navitem:hover svg{color:var(--zf-ink-soft)}.zf-navitem[data-active=true]{background:var(--zf-primary-50);color:var(--zf-primary-700);font-weight:var(--zf-weight-semibold)}.zf-navitem[data-active=true] svg{color:var(--zf-primary)}.zf-sidebar__footer{border-top:1px solid var(--zf-border);padding:var(--zf-space-3);justify-content:space-between;align-items:center;gap:var(--zf-space-2);display:flex}.zf-sidebar__user{flex-direction:column;min-width:0;display:flex}.zf-sidebar__user-name{font-size:var(--zf-text-sm);font-weight:var(--zf-weight-semibold);color:var(--zf-ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.zf-sidebar__user-role{color:var(--zf-muted);font-size:11px}.zf-topbar{height:var(--zf-topbar-h);background:var(--zf-surface);border-bottom:1px solid var(--zf-border);align-items:center;gap:var(--zf-space-3);padding:0 var(--zf-space-5);z-index:20;display:flex;position:sticky;top:0}.zf-topbar__menu{color:var(--zf-ink-soft);display:none}.zf-topbar__menu svg{width:20px;height:20px}.zf-topbar__identity{flex-direction:column;min-width:0;line-height:1.25;display:flex}.zf-topbar__restaurant{font-size:var(--zf-text-md);font-weight:var(--zf-weight-bold);color:var(--zf-ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.zf-topbar__product{font-size:11px;font-weight:var(--zf-weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--zf-faint)}.zf-topbar__spacer{flex:1}.zf-topbar__actions{align-items:center;gap:var(--zf-space-2);display:flex}.zf-status-pill{border-radius:var(--zf-radius-pill);font-size:var(--zf-text-xs);font-weight:var(--zf-weight-semibold);background:var(--zf-success-soft);color:var(--zf-success-ink);align-items:center;gap:6px;padding:5px 11px;display:inline-flex}.zf-status-pill:before{content:"";background:currentColor;border-radius:999px;width:7px;height:7px}.zf-status-pill--off{background:var(--zf-neutral-soft);color:var(--zf-neutral-ink)}.zf-hide-wide{display:none}.zf-datalist{gap:var(--zf-space-2);flex-direction:column;display:flex}.zf-datarow{background:var(--zf-surface);border:1px solid var(--zf-border);border-radius:var(--zf-radius-sm);padding:var(--zf-space-3) var(--zf-space-4);flex-direction:column;gap:4px;display:flex}.zf-datarow__line{justify-content:space-between;gap:var(--zf-space-3);font-size:var(--zf-text-sm);display:flex}.zf-datarow__k{color:var(--zf-muted)}.zf-datarow__v{color:var(--zf-ink);font-weight:var(--zf-weight-medium);text-align:right}@media (width<=1024px){.zf-shell{grid-template-columns:minmax(0,1fr)}.zf-sidebar{z-index:var(--zf-z-drawer);box-shadow:var(--zf-shadow-lg);position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.zf-shell[data-drawer=true] .zf-sidebar{transform:translate(0)}.zf-shell[data-drawer=true] .zf-shell__overlay{background:var(--zf-overlay);z-index:calc(var(--zf-z-drawer) - 1);display:block;position:fixed;inset:0}.zf-topbar__menu{place-items:center;display:grid}}@media (width<=640px){.zf-page{padding:var(--zf-space-4)}.zf-topbar{padding:0 var(--zf-space-4)}.zf-topbar__product,.zf-status-pill span{display:none}.zf-page-header__title{font-size:var(--zf-text-xl)}.zf-hide-narrow{display:none!important}.zf-hide-wide{display:block}}.zf-login{grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.zf-login__brand{background:radial-gradient(1200px 600px at 20% 10%, #ffc91e29, transparent 55%), linear-gradient(150deg, var(--zf-primary) 0%, var(--zf-primary-700) 55%, #241056 100%);color:#fff;padding:var(--zf-space-12) var(--zf-space-10);justify-content:center;gap:var(--zf-space-4);flex-direction:column;display:flex}.zf-login__logo{filter:drop-shadow(0 6px 18px #00000047);width:150px;height:auto}.zf-login__tagline{font-size:var(--zf-text-2xl);font-weight:var(--zf-weight-bold);max-width:14ch;line-height:1.25}.zf-login__brandtext{font-size:var(--zf-text-md);color:#ffffffd1;max-width:42ch}.zf-login__panel{padding:var(--zf-space-6);background:var(--zf-bg);justify-content:center;align-items:center;display:flex}.zf-login__card{gap:var(--zf-space-4);background:var(--zf-surface);border:1px solid var(--zf-border);border-radius:var(--zf-radius-lg);width:100%;max-width:380px;padding:var(--zf-space-8);box-shadow:var(--zf-shadow-md);flex-direction:column;display:flex}.zf-login__head{margin-bottom:var(--zf-space-2);flex-direction:column;gap:4px;display:flex}.zf-login__title{font-size:var(--zf-text-xl);font-weight:var(--zf-weight-bold);color:var(--zf-ink)}.zf-login__subtitle{font-size:var(--zf-text-base);color:var(--zf-muted)}@media (width<=860px){.zf-login{grid-template-columns:1fr}.zf-login__brand{padding:var(--zf-space-8) var(--zf-space-6);gap:var(--zf-space-3)}.zf-login__tagline{font-size:var(--zf-text-xl)}.zf-login__brandtext{display:none}.zf-login__logo{width:120px}}.zf-dash__greeting{margin-bottom:var(--zf-space-6);flex-direction:column;gap:2px;display:flex}.zf-dash__hi{font-size:var(--zf-text-base);color:var(--zf-muted)}.zf-dash__name{font-size:var(--zf-text-2xl);font-weight:var(--zf-weight-bold);color:var(--zf-ink);align-items:center;gap:var(--zf-space-3);flex-wrap:wrap;display:flex}.zf-dash__stats{gap:var(--zf-space-4);margin-bottom:var(--zf-space-6);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.zf-dash__stats--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}@media (width<=520px){.zf-dash__stats--2{grid-template-columns:1fr}}.zf-dash__stats--2 .zf-statcard{padding:var(--zf-space-5) var(--zf-space-5) var(--zf-space-6)}.zf-dash__stats--2 .zf-statcard__value{font-size:var(--zf-text-3xl)}.zf-dash__cols{gap:var(--zf-space-6);grid-template-columns:1.3fr 1fr;align-items:start;display:grid}@media (width<=860px){.zf-dash__cols{gap:var(--zf-space-4);grid-template-columns:1fr}}.zf-dash__orderrow{align-items:center;gap:var(--zf-space-3);padding:var(--zf-space-3) var(--zf-space-4);border-top:1px solid var(--zf-border);grid-template-columns:1fr auto auto;display:grid}.zf-dash__orderrow:first-child{border-top:none}.zf-dash__ordertotal{font-weight:var(--zf-weight-bold);font-variant-numeric:tabular-nums;color:var(--zf-ink)}.zf-dash__product{align-items:center;gap:var(--zf-space-3);font-size:var(--zf-text-base);display:flex}.zf-dash__rank{border-radius:var(--zf-radius-sm);background:var(--zf-primary-50);width:22px;height:22px;color:var(--zf-primary-700);font-size:var(--zf-text-xs);font-weight:var(--zf-weight-bold);flex-shrink:0;place-items:center;display:grid}.zf-dash__pname{color:var(--zf-ink);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.zf-dash__pqty{font-weight:var(--zf-weight-bold);color:var(--zf-ink-soft);font-variant-numeric:tabular-nums}.zf-orders__cols{gap:var(--zf-space-5);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.zf-orders__col{gap:var(--zf-space-3);flex-direction:column;min-width:0;display:flex}.zf-orders__colhead{align-items:center;gap:var(--zf-space-2);font-size:var(--zf-text-sm);font-weight:var(--zf-weight-bold);color:var(--zf-ink-soft);text-transform:uppercase;letter-spacing:.04em;padding-bottom:var(--zf-space-2);border-bottom:1px solid var(--zf-border);display:flex}.zf-orders__colcount{background:var(--zf-surface-3);color:var(--zf-ink-soft);border-radius:var(--zf-radius-pill);font-size:var(--zf-text-xs);margin-left:auto;padding:1px 8px}.zf-orders__col--muted .zf-orders__colhead{color:var(--zf-faint);border-bottom-style:dashed}.zf-orders__col--muted .zf-orders__colcount{color:var(--zf-faint);background:0 0}@media (width<=1100px){.zf-orders__cols{grid-template-columns:1fr}.zf-orders__col{max-width:640px}}.zf-order{background:var(--zf-surface);border:1px solid var(--zf-border);border-left:3px solid var(--_accent,var(--zf-border-strong));border-radius:var(--zf-radius-md);padding:var(--zf-space-4);gap:var(--zf-space-3);transition:box-shadow var(--zf-dur-base) var(--zf-ease);flex-direction:column;display:flex}.zf-order--dim{opacity:.62;border-left-color:var(--zf-border);background:var(--zf-surface-2)}.zf-order--dim:hover{opacity:1}.zf-order__top{justify-content:space-between;align-items:baseline;gap:var(--zf-space-2);display:flex}.zf-order__id{font-size:var(--zf-text-lg);font-weight:var(--zf-weight-bold);color:var(--zf-ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.zf-order__time{font-size:var(--zf-text-xs);color:var(--zf-faint);margin-top:-4px}.zf-order__items{font-size:var(--zf-text-base);font-weight:var(--zf-weight-semibold);color:var(--zf-ink);line-height:1.35}.zf-order__field{flex-direction:column;gap:1px;display:flex}.zf-order__label{font-size:11px;font-weight:var(--zf-weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--zf-faint)}.zf-order__value{font-size:var(--zf-text-sm);color:var(--zf-ink-soft)}.zf-order__line{font-size:var(--zf-text-sm);color:var(--zf-muted);align-items:center;gap:6px;display:flex}.zf-order__line svg{width:13px;height:13px;color:var(--zf-faint);flex-shrink:0}.zf-order__pay{align-items:baseline;gap:6px;margin-top:2px;display:flex}.zf-order__total{font-size:var(--zf-text-lg);font-weight:var(--zf-weight-bold);color:var(--zf-ink);font-variant-numeric:tabular-nums}.zf-order__paymethod{font-size:var(--zf-text-sm);color:var(--zf-muted)}.zf-order__actions{gap:var(--zf-space-2);margin-top:var(--zf-space-1);flex-direction:column;display:flex}.zf-order__actions-row{gap:var(--zf-space-2);flex-wrap:wrap;display:flex}.zf-order__inline{margin-top:var(--zf-space-2);padding:var(--zf-space-3);border-radius:var(--zf-radius-sm);background:var(--zf-surface-2);border:1px solid var(--zf-border);gap:var(--zf-space-2);flex-direction:column;display:flex}.zf-media-grid{gap:var(--zf-space-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.zf-media-card{background:var(--zf-surface);border:1px solid var(--zf-border);border-radius:var(--zf-radius-md);flex-direction:column;display:flex;overflow:hidden}.zf-media-card__img{aspect-ratio:16/10;object-fit:cover;background:var(--zf-surface-3);width:100%}.zf-media-card__body{padding:var(--zf-space-3) var(--zf-space-4);flex-direction:column;gap:4px;display:flex}.zf-media-card__title{font-size:var(--zf-text-base);font-weight:var(--zf-weight-semibold);color:var(--zf-ink)}.zf-media-card__meta{font-size:var(--zf-text-xs);color:var(--zf-muted)}.zf-formgrid{gap:var(--zf-space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.zf-form-actions{gap:var(--zf-space-2);margin-top:var(--zf-space-2);flex-wrap:wrap;display:flex}.zf-itemrow{background:var(--zf-surface);border:1px solid var(--zf-border);border-radius:var(--zf-radius-md);padding:var(--zf-space-4);gap:var(--zf-space-2);flex-direction:column;display:flex}.zf-itemrow__top{justify-content:space-between;align-items:center;gap:var(--zf-space-3);display:flex}.zf-itemrow__title{font-size:var(--zf-text-md);font-weight:var(--zf-weight-semibold);color:var(--zf-ink)}.zf-itemrow__meta{font-size:var(--zf-text-sm);color:var(--zf-muted)}.zf-itemrow__actions{gap:var(--zf-space-2);flex-wrap:wrap;display:flex}.zf-stars{color:var(--zf-accent-strong);gap:2px;display:inline-flex}.zf-stars svg{width:15px;height:15px}.zf-stars svg.is-off{color:var(--zf-border-strong)}