:root{font-family:Public Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{color-scheme:light;--main-bg: #fafafa;--main-text: #1f2937;--main-text-muted: #64748b;--main-text-subtle: #94a3b8;--input-bg: #fff;--input-border: #d9dee7;--card-bg: #fff;--card-shadow: 0 1px 2px 0 rgba(15, 23, 42, .04);--accent: #4f46e5;--accent-hover: #4338ca;--success: #16a34a;--success-bg: #f0fdf4;--success-text: #15803d;--danger: #dc2626;--danger-bg: #fef2f2;--danger-text: #b91c1c;--warning: #d97706;--warning-bg: #fffbeb;--warning-text: #b45309;--info: #2563eb;--info-bg: #eff6ff;--info-text: #1d4ed8;--surface-2: rgba(15, 23, 42, .035);--border: #e8ebf0;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sidebar-bg: #fff;--sidebar-header-bg: #fff;--sidebar-header-color: #1f2937;--sidebar-user-border: #e8ebf0;--sidebar-avatar-bg: rgba(15, 23, 42, .06);--sidebar-avatar-color: #64748b;--sidebar-welcome: #1f2937;--sidebar-role: #64748b;--sidebar-link: #5f6b7f;--sidebar-link-hover: #1f2937;--sidebar-link-hover-bg: rgba(15, 23, 42, .04);--sidebar-link-active: #4f46e5;--sidebar-toggle: #1f2937;--sidebar-toggle-hover: #1f2937;--sidebar-toggle-hover-bg: rgba(15, 23, 42, .04);--sidebar-logout-bg: #fff;--sidebar-logout-border: rgba(0, 0, 0, .08);--sidebar-logout-color: #637381;--sidebar-logout-hover-bg: rgba(244, 67, 54, .06);--sidebar-logout-hover-color: #e64a19}[data-theme=dark]{color-scheme:dark;--main-bg: #14181f;--main-text: #e5e7eb;--main-text-muted: #9ca3af;--main-text-subtle: #6b7280;--input-bg: #1d232d;--input-border: rgba(255, 255, 255, .14);--card-bg: #1d232d;--card-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3);--accent: #818cf8;--accent-hover: #a5b4fc;--success: #4ade80;--success-bg: rgba(74, 222, 128, .12);--success-text: #86efac;--danger: #f87171;--danger-bg: rgba(248, 113, 113, .14);--danger-text: #fca5a5;--warning: #fbbf24;--warning-bg: rgba(251, 191, 36, .12);--warning-text: #fcd34d;--info: #60a5fa;--info-bg: rgba(96, 165, 250, .14);--info-text: #93c5fd;--surface-2: rgba(255, 255, 255, .045);--border: rgba(255, 255, 255, .1);--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sidebar-bg: #1d232d;--sidebar-header-bg: #1d232d;--sidebar-header-color: #e5e7eb;--sidebar-user-border: rgba(255, 255, 255, .08);--sidebar-avatar-bg: rgba(255, 255, 255, .08);--sidebar-avatar-color: #9ca3af;--sidebar-welcome: #e5e7eb;--sidebar-role: #9ca3af;--sidebar-link: #9ca3af;--sidebar-link-hover: #e5e7eb;--sidebar-link-hover-bg: rgba(255, 255, 255, .06);--sidebar-link-active: #818cf8;--sidebar-toggle: #e5e7eb;--sidebar-toggle-hover: #e5e7eb;--sidebar-toggle-hover-bg: rgba(255, 255, 255, .08);--sidebar-logout-bg: rgba(255, 255, 255, .04);--sidebar-logout-border: rgba(255, 255, 255, .08);--sidebar-logout-color: #919eab;--sidebar-logout-hover-bg: rgba(244, 67, 54, .12);--sidebar-logout-hover-color: #ef9a9a}:root{--accent-soft: color-mix(in srgb, var(--accent) 10%, transparent);--accent-soft-hover: color-mix(in srgb, var(--accent) 18%, transparent);--focus-ring: color-mix(in srgb, var(--accent) 24%, transparent);--sidebar-link-active-bg: color-mix(in srgb, var(--accent) 10%, transparent);--sidebar-link-active-accent: var(--accent);--background: var(--main-bg);--surface: var(--card-bg);--foreground: var(--main-text);--muted-foreground: var(--main-text-muted);--border-color: var(--border);--primary: var(--accent);--primary-hover: var(--accent-hover);--primary-foreground: #fff;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--control-h: 36px;--table-row-h: 40px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--page-max: 1500px;--field-gap: var(--space-3);--section-gap: var(--space-4);--control-h-touch: 46px;--radius-pill: 999px;--z-popover: 900;--z-modal: 1000;--shadow-pop: 0 10px 30px rgba(15, 23, 42, .16);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--mobile-nav-h: 58px}[data-accent=indigo][data-theme=light]{--accent: #4f46e5;--accent-hover: #4338ca}[data-accent=indigo][data-theme=dark]{--accent: #818cf8;--accent-hover: #a5b4fc}[data-accent=teal][data-theme=light]{--accent: #0d9488;--accent-hover: #0f766e}[data-accent=teal][data-theme=dark]{--accent: #2dd4bf;--accent-hover: #5eead4}[data-accent=blue][data-theme=light]{--accent: #2563eb;--accent-hover: #1d4ed8}[data-accent=blue][data-theme=dark]{--accent: #60a5fa;--accent-hover: #93c5fd}[data-accent=green][data-theme=light]{--accent: #16a34a;--accent-hover: #15803d}[data-accent=green][data-theme=dark]{--accent: #4ade80;--accent-hover: #86efac}[data-accent=orange][data-theme=light]{--accent: #ea580c;--accent-hover: #c2410c}[data-accent=orange][data-theme=dark]{--accent: #fb923c;--accent-hover: #fdba74}[data-accent=pink][data-theme=light]{--accent: #db2777;--accent-hover: #be185d}[data-accent=pink][data-theme=dark]{--accent: #f472b6;--accent-hover: #f9a8d4}html{box-sizing:border-box;width:100%;max-width:100%;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation}*,*:before,*:after{box-sizing:inherit}body{margin:0;min-width:0;min-height:100vh;width:100%;max-width:100%;overflow-x:clip;background-color:var(--main-bg);color:var(--main-text)}#root{width:100%;max-width:100%;min-width:0;overflow-x:clip}.pageContainer{box-sizing:border-box}a{font-weight:500;color:var(--accent);text-decoration:inherit}a:hover{color:var(--accent-hover)}h1{font-size:1.25rem;font-weight:600;letter-spacing:-.01em;line-height:1.4;color:var(--main-text)}h2{font-size:1rem;font-weight:600;color:var(--main-text)}h3{font-size:.9375rem;font-weight:600;color:var(--main-text)}button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--radius-sm);border:none;min-height:var(--control-h);padding:0 14px;font-size:.8125rem;font-weight:500;font-family:inherit;line-height:1.2;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform .1s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input.field-modified,textarea.field-modified,select.field-modified,.field-modified>input,.field-modified>select,.field-modified>textarea,.searchableSelect.field-modified input,.searchableSelect.field-modified .searchableSelectValue,.qtyStepper.field-modified .qtyStepInput,.formGroup.field-modified>input,.formGroup.field-modified>select,.formGroup.field-modified>textarea,.formGroup.field-modified .searchableSelect input,.formGroup.field-modified .searchableSelect .searchableSelectValue{border-color:var(--accent)!important;box-shadow:0 0 0 2px var(--focus-ring)}.btn,.btnPrimary,.listBtnPrimary{background:var(--accent);color:#fff;border:none;min-height:2rem;padding:.45rem .95rem;border-radius:999px;font-size:.8125rem;font-weight:650;box-shadow:none;cursor:pointer;transition:background .15s}.btn:hover,.btnPrimary:hover,.listBtnPrimary:hover,.btn:active,.btnPrimary:active,.listBtnPrimary:active{background:var(--accent-hover)}.btn:focus-visible,.btnPrimary:focus-visible,.listBtnPrimary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled,.btnPrimary:disabled,.listBtnPrimary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btnSecondary,.listBtnSecondary{background:var(--input-bg);color:var(--main-text);border:1px solid var(--input-border);min-height:2rem;padding:.45rem .95rem;border-radius:999px;font-size:.8125rem;font-weight:650;cursor:pointer}.btnSecondary:hover,.listBtnSecondary:hover{background:var(--surface-2);border-color:var(--main-text-subtle)}.btnSecondary:active,.listBtnSecondary:active{background:var(--surface-2)}.btnSecondary:focus-visible,.listBtnSecondary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btnSecondary:disabled,.listBtnSecondary:disabled{opacity:.55;cursor:not-allowed}.btnGhost{background:transparent;color:var(--main-text-muted);border:1px solid transparent;min-height:2rem;padding:.45rem .75rem;border-radius:999px;font-size:.8125rem;font-weight:650;cursor:pointer}.btnGhost:hover{background:var(--surface-2);color:var(--accent)}.btnGhost:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btnDanger{background:var(--danger);color:#fff;border:none;min-height:2rem;padding:.45rem .95rem;border-radius:999px;font-size:.8125rem;font-weight:650;cursor:pointer}.btnDanger:hover,.btnDanger:active{background:var(--danger-text)}.btnDanger:focus-visible{outline:2px solid var(--danger);outline-offset:2px}input,select,textarea{box-sizing:border-box;width:auto;max-width:100%;background-color:var(--input-bg);color:var(--main-text);border:1px solid var(--input-border);border-radius:var(--radius-sm);min-height:var(--control-h);padding:0 12px;font-size:.8125rem;font-family:inherit;line-height:1.35;transition:border-color .15s,box-shadow .15s}select{appearance:none;-webkit-appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}input::placeholder,textarea::placeholder{color:var(--main-text-subtle)}textarea{padding:10px 12px;min-height:88px;line-height:1.5;resize:vertical}input:hover:not(:disabled):not(:focus),select:hover:not(:disabled):not(:focus),textarea:hover:not(:disabled):not(:focus){border-color:var(--main-text-subtle)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}input:disabled,select:disabled,textarea:disabled{background:var(--surface-2);color:var(--main-text-muted);cursor:not-allowed;opacity:.9}input[readonly],textarea[readonly]{background:var(--surface-2);color:var(--main-text);cursor:default;border-color:var(--border)}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--danger)}input[aria-invalid=true]:focus,select[aria-invalid=true]:focus,textarea[aria-invalid=true]:focus{box-shadow:0 0 0 3px var(--danger-bg)}input[type=checkbox],input[type=radio]{width:16px;height:16px;min-height:0;padding:0;accent-color:var(--accent);cursor:pointer}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed}.num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-size:.9375em}.tabular{font-variant-numeric:tabular-nums}.textOk{color:var(--success)}.textErr{color:var(--danger)}.textMuted{color:var(--main-text-muted)}html[data-view-mode=tablet],html[data-bp=xs],html[data-bp=sm]{--control-h: var(--control-h-touch)}@media(hover:none){:root{--control-h: var(--control-h-touch)}a.listRowAction,.listLinks li a,.sidebarFlyout .sidebarLink{min-height:44px;display:inline-flex;align-items:center}tr[style*="cursor: pointer"],tr[onClick]{min-height:44px}}html[data-view-mode=tablet] .formGroup input,html[data-view-mode=tablet] .formGroup select,html[data-view-mode=tablet] .formGroup textarea,html[data-view-mode=tablet] .filterField>input,html[data-view-mode=tablet] .filterField>select,html[data-view-mode=tablet] .filterField .searchableSelectRow,html[data-view-mode=tablet] .filterField .searchableSelect,html[data-view-mode=tablet] .filterBar .searchableSelectRow,html[data-view-mode=tablet] .filterBar .searchableSelect,html[data-bp=sm] .formGroup input,html[data-bp=sm] .formGroup select,html[data-bp=sm] .formGroup textarea,html[data-bp=sm] .filterField>input,html[data-bp=sm] .filterField>select,html[data-bp=sm] .filterField .searchableSelectRow,html[data-bp=sm] .filterField .searchableSelect,html[data-bp=sm] .filterBar .searchableSelectRow,html[data-bp=sm] .filterBar .searchableSelect,html[data-bp=xs] .formGroup input,html[data-bp=xs] .formGroup select,html[data-bp=xs] .formGroup textarea,html[data-bp=xs] .filterField>input,html[data-bp=xs] .filterField>select,html[data-bp=xs] .filterField .searchableSelectRow,html[data-bp=xs] .filterField .searchableSelect,html[data-bp=xs] .filterBar .searchableSelectRow,html[data-bp=xs] .filterBar .searchableSelect{width:100%;max-width:100%;box-sizing:border-box}html[data-view-mode=tablet] .pageHeaderActions .btn,html[data-view-mode=tablet] .pageHeaderActions .btnPrimary,html[data-view-mode=tablet] .pageHeaderActions .btnSecondary,html[data-view-mode=tablet] .pageHeaderActions .listBtnPrimary,html[data-view-mode=tablet] .pageHeaderActions .listBtnSecondary,html[data-view-mode=tablet] .formActions .btn,html[data-view-mode=tablet] .formActions .btnPrimary,html[data-view-mode=tablet] .formActions .btnSecondary,html[data-bp=sm] .pageHeaderActions .btn,html[data-bp=sm] .pageHeaderActions .btnPrimary,html[data-bp=sm] .pageHeaderActions .btnSecondary,html[data-bp=sm] .pageHeaderActions .listBtnPrimary,html[data-bp=sm] .pageHeaderActions .listBtnSecondary,html[data-bp=sm] .formActions .btn,html[data-bp=sm] .formActions .btnPrimary,html[data-bp=sm] .formActions .btnSecondary,html[data-bp=xs] .pageHeaderActions .btn,html[data-bp=xs] .pageHeaderActions .btnPrimary,html[data-bp=xs] .pageHeaderActions .btnSecondary,html[data-bp=xs] .pageHeaderActions .listBtnPrimary,html[data-bp=xs] .pageHeaderActions .listBtnSecondary,html[data-bp=xs] .formActions .btn,html[data-bp=xs] .formActions .btnPrimary,html[data-bp=xs] .formActions .btnSecondary{flex:1 1 auto;min-width:min(100%,140px)}@media(max-width:700px){.formGroup input,.formGroup select,.formGroup textarea,.filterField>input,.filterField>select,.filterField .searchableSelectRow,.filterField .searchableSelect,.filterBar .searchableSelectRow,.filterBar .searchableSelect{width:100%;max-width:100%;box-sizing:border-box}.pageHeaderActions .btn,.pageHeaderActions .btnPrimary,.pageHeaderActions .btnSecondary,.pageHeaderActions .listBtnPrimary,.pageHeaderActions .listBtnSecondary,.formActions .btn,.formActions .btnPrimary,.formActions .btnSecondary{flex:1 1 auto;min-width:min(100%,140px)}}@media(max-width:1024px),(hover:none){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]),select,textarea,.searchableSelectTrigger,.searchableSelect input,.searchableSelectValue,.listFilter,.filterField input,.filterField select{font-size:16px!important}}html[data-bp=xs] .listTable,html[data-bp=sm] .listTable,html[data-view-mode=tablet] .listTable{min-width:0!important}html[data-bp=xs] .listContainer,html[data-bp=sm] .listContainer,html[data-view-mode=tablet] .listContainer,html[data-bp=xs] .pageContainer,html[data-bp=sm] .pageContainer,html[data-view-mode=tablet] .pageContainer,html[data-bp=xs] .listPage,html[data-bp=sm] .listPage,html[data-view-mode=tablet] .listPage{max-width:100%;min-width:0}html[data-bp=xs] .searchableSelectRow,html[data-bp=sm] .searchableSelectRow,html[data-view-mode=tablet] .searchableSelectRow,html[data-bp=xs] .searchableSelect,html[data-bp=sm] .searchableSelect,html[data-view-mode=tablet] .searchableSelect{min-width:0!important;max-width:100%}.pageDescription{color:var(--main-text-muted);margin-top:0;margin-bottom:var(--space-5);font-size:.8125rem;line-height:1.55;max-width:72ch}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:none;padding:var(--space-4);min-width:0}.formGroup{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-3)}.formGroup label{font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--main-text-muted)}.formGroup input,.formGroup select,.formGroup textarea{width:100%;min-width:0;box-sizing:border-box}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-3)}@media(min-width:1024px){.formGrid.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.formGrid.columns-3{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:1024px){.formGrid.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.formGrid.columns-3{grid-template-columns:1fr}}@media(max-width:700px){.formGrid{grid-template-columns:1fr}}html[data-bp=xs] .formGrid{grid-template-columns:1fr}html[data-bp=xs] .gridSpan2{grid-column:auto}.gridSpan2{grid-column:span 2}@media(max-width:700px){.gridSpan2{grid-column:auto}}.fieldHint{display:block;font-size:.75rem;color:var(--main-text-muted);margin-top:4px}.checkboxRow{display:flex;align-items:center;gap:8px;margin:4px 0 12px}.checkboxRow label{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:.8125rem;color:var(--main-text);cursor:pointer}.hrSection{border:none;border-top:1px solid var(--border);margin:var(--space-4) 0}.tabBar{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px;overflow-x:auto}.tabBtn{appearance:none;min-height:36px;padding:0 12px;margin:0;background:transparent;color:var(--main-text-muted);border:none;border-bottom:2px solid transparent;border-radius:0;font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}.tabBtn:hover{color:var(--main-text);background:transparent}.tabBtn.isActive,.tabBtn.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600;background:transparent}.errorMessage,.successMessage{padding:10px 14px;border-radius:8px;font-size:.875rem;margin:0 0 16px}.errorMessage{background:var(--danger-bg);color:var(--danger)}.successMessage{background:var(--success-bg);color:var(--success)}.modalOverlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a80}.modalOverlay>.card{width:100%;max-width:560px;max-height:90vh;overflow:auto;border-radius:var(--radius-lg);box-shadow:0 8px 24px #0f172a24}@media(max-width:480px){.modalOverlay{padding:16px;align-items:flex-start;overflow:auto}}.fluidFormRow{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-end;width:100%}.fluidFormGrow{flex:1 1 220px;min-width:0;max-width:100%}.fluidFormNarrow{flex:0 1 140px;min-width:0}.fluidFormActions{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:flex-end}html[data-view-mode=tablet] .fluidFormGrow,html[data-view-mode=tablet] .fluidFormNarrow,html[data-bp=sm] .fluidFormGrow,html[data-bp=sm] .fluidFormNarrow,html[data-bp=xs] .fluidFormGrow,html[data-bp=xs] .fluidFormNarrow{flex:1 1 100%;width:100%}html[data-view-mode=tablet] .fluidFormActions,html[data-bp=sm] .fluidFormActions,html[data-bp=xs] .fluidFormActions{width:100%}html[data-view-mode=tablet] .fluidFormActions>.btn,html[data-view-mode=tablet] .fluidFormActions>button,html[data-bp=sm] .fluidFormActions>.btn,html[data-bp=sm] .fluidFormActions>button,html[data-bp=xs] .fluidFormActions>.btn,html[data-bp=xs] .fluidFormActions>button{flex:1 1 auto;min-width:min(100%,140px)}html[data-view-mode=tablet] .formGrid,html[data-bp=sm] .formGrid,html[data-view-mode=tablet] .formGrid.columns-3,html[data-bp=sm] .formGrid.columns-3{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-bp=xs] .formGrid,html[data-bp=xs] .formGrid.columns-3,html[data-bp=xs] .formGrid.columns-4{grid-template-columns:1fr}html[data-view-mode=tablet] .pageDescription,html[data-bp=sm] .pageDescription,html[data-bp=xs] .pageDescription{max-width:none}html[data-view-mode=tablet] .card,html[data-bp=sm] .card,html[data-bp=xs] .card{padding:var(--space-3)}html[data-bp=xs] .modalOverlay>.card{max-width:100%}.uiSpinner{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:uiSpin .6s linear infinite;vertical-align:-.125em}.uiSpinner--sm{width:14px;height:14px;border-width:1.5px}.uiSpinner--lg{width:22px;height:22px}@keyframes uiSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.uiSpinner{animation-duration:1.4s}}.uiBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px}.uiBtn[aria-busy=true]{pointer-events:none}.uiBtnLg{min-height:44px;padding:0 18px}.uiBtnFull{width:100%}.uiBtn svg{width:16px;height:16px;flex-shrink:0}.uiField{display:flex;flex-direction:column;gap:4px;min-width:0}.uiFieldLabel{font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--main-text-muted)}.uiFieldReq{color:var(--danger);margin-left:2px}.uiFieldHint{font-size:.75rem;color:var(--main-text-subtle)}.uiFieldError{font-size:.75rem;color:var(--danger-text)}.uiField>input,.uiField>select,.uiField>textarea{width:100%}.uiCheck{display:inline-flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--main-text);cursor:pointer}.uiCheck input{width:16px;height:16px;min-height:0;padding:0;accent-color:var(--accent);cursor:pointer}.uiCheck input:disabled{cursor:not-allowed}.uiSwitch{display:inline-flex;align-items:center;gap:10px;font-size:.8125rem;cursor:pointer;-webkit-user-select:none;user-select:none}.uiSwitch input{position:absolute;opacity:0;width:0;height:0;min-height:0}.uiSwitchTrack{position:relative;width:40px;height:22px;border-radius:999px;background:var(--input-border);transition:background .15s ease;flex-shrink:0}.uiSwitchThumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0f172a40;transition:transform .15s ease}.uiSwitch input:checked+.uiSwitchTrack{background:var(--accent)}.uiSwitch input:checked+.uiSwitchTrack .uiSwitchThumb{transform:translate(18px)}.uiSwitch input:focus-visible+.uiSwitchTrack{outline:2px solid var(--accent);outline-offset:1px}.uiSwitch input:disabled+.uiSwitchTrack{opacity:.5}@media(hover:none){.uiSwitchTrack{width:46px;height:26px}.uiSwitchThumb{width:22px;height:22px}.uiSwitch input:checked+.uiSwitchTrack .uiSwitchThumb{transform:translate(20px)}}.badge-accent{background:var(--accent-soft);color:var(--accent)}.uiDialog{position:fixed;inset:0;z-index:var(--z-modal, 1000);display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a73;animation:uiDialogFade .15s ease both}.uiDialogBox{width:100%;max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden;background:var(--card-bg);color:var(--main-text);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-pop, 0 10px 30px rgba(15, 23, 42, .16));padding:18px;outline:none}.uiDialog--sm .uiDialogBox{max-width:420px}.uiDialog--md .uiDialogBox{max-width:560px}.uiDialog--lg .uiDialogBox{max-width:760px}.uiDialog--warning .uiDialogBox{border-top:3px solid var(--warning)}.uiDialog--destructive .uiDialogBox{border-top:3px solid var(--danger)}.uiDialogHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-shrink:0}.uiDialogTitle{margin:0;font-size:1rem;font-weight:600}.uiDialogClose{background:transparent;color:var(--main-text-muted);border:none;min-height:28px;padding:0 6px;font-size:1.25rem;line-height:1;border-radius:var(--radius-sm);margin:-4px -4px 0 0}.uiDialogClose:hover{background:var(--surface-2);color:var(--main-text)}.uiDialogDesc{margin:6px 0 0;color:var(--main-text-muted);font-size:.8125rem}.uiDialogBody{margin-top:14px;flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}.uiDialogFooter{display:flex;justify-content:flex-end;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border);flex-wrap:wrap;flex-shrink:0}.uiDialogFooter .uiBtn,.uiDialogFooter button{flex:0 1 auto;min-width:7.5rem}.uiDialogForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.uiDialogForm .formGroup{margin:0;min-width:0}.uiDialogForm .formGroup label{display:block;margin-bottom:4px;font-size:.75rem;font-weight:600;color:var(--main-text-muted)}.uiDialogForm .formGroup input,.uiDialogForm .formGroup textarea,.uiDialogForm .formGroup select{width:100%;max-width:100%;box-sizing:border-box}.uiDialogForm .uiDialogFormFull{grid-column:1 / -1}.uiDialogForm .fieldHint{margin-top:2px;line-height:1.3}.uiDialogForm .checkboxRow{margin:0;padding-top:4px}.uiDialogForm .checkboxRow label{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;font-weight:500;color:var(--main-text);margin:0}@media(max-width:560px){.uiDialogForm{grid-template-columns:1fr}.uiDialogForm .uiDialogFormFull{grid-column:auto}.uiDialogFooter{flex-direction:column-reverse}.uiDialogFooter .uiBtn,.uiDialogFooter button{flex:1 1 100%;width:100%}}html[data-view-mode=tablet] .uiDialogFooter .uiBtn,html[data-view-mode=tablet] .uiDialogFooter button,html[data-bp=sm] .uiDialogFooter .uiBtn,html[data-bp=xs] .uiDialogFooter .uiBtn{flex:1 1 auto;min-height:44px}html[data-bp=xs] .uiDialogForm{grid-template-columns:1fr}@keyframes uiDialogFade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.uiDialog{animation:none}}.uiSummary{margin:12px 0 0;display:grid;gap:6px}.uiSummaryRow{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--border)}.uiSummaryRow:last-child{border-bottom:none}.uiSummaryRow dt{margin:0;font-size:.8125rem;color:var(--main-text-muted)}.uiSummaryRow dd{margin:0;font-size:.8125rem;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.uiSummaryRow--hl{background:var(--accent-soft);border-radius:var(--radius-sm);padding:8px 10px;border-bottom:none}.uiSummaryRow--hl dt{color:var(--main-text)}.uiErrorBlock{margin:12px 0 0;padding:8px 10px;border-radius:var(--radius-sm);background:var(--danger-bg);color:var(--danger-text);font-size:.8125rem}@media(hover:none){.uiDialog{padding:16px}.uiDialogBox{max-height:90vh}}.uiDialog{padding-top:max(24px,var(--safe-top));padding-bottom:max(24px,var(--safe-bottom));padding-left:max(24px,var(--safe-left));padding-right:max(24px,var(--safe-right))}html[data-view-mode=tablet] .uiDialog{align-items:flex-end;padding:0 0 var(--safe-bottom)}html[data-view-mode=tablet] .uiDialogBox{max-width:100%;max-height:92vh;border-radius:18px 18px 0 0;padding:18px calc(16px + var(--safe-right)) 18px calc(16px + var(--safe-left));padding-bottom:calc(18px + var(--safe-bottom));animation:uiSheetUp .22s cubic-bezier(.32,.72,0,1) both}html[data-view-mode=tablet] .uiDialogBox .uiDialogClose{min-height:40px;min-width:40px;font-size:1.5rem}@keyframes uiSheetUp{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.rowMenu{display:inline-flex;align-items:center;justify-content:flex-end;flex-shrink:0}.rowMenuBtn{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:0;margin:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--main-text-muted);font-size:1.35rem;font-weight:700;line-height:1;letter-spacing:.02em;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.rowMenuBtn:hover,.rowMenuBtn[aria-expanded=true]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.rowMenuPanel{margin:0;padding:6px;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-pop, 0 8px 24px rgba(15, 23, 42, .14));display:flex;flex-direction:column;gap:2px}.rowMenuItem{display:flex;align-items:center;width:100%;min-height:40px;padding:0 12px;margin:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--main-text);font-size:.8125rem;font-weight:500;font-family:inherit;text-align:left;cursor:pointer;white-space:nowrap}.rowMenuItem:hover:not(:disabled),.rowMenuItem:focus-visible{background:var(--accent-soft);color:var(--accent);outline:none}.rowMenuItem.isDanger{color:var(--danger)}.rowMenuItem.isDanger:hover:not(:disabled),.rowMenuItem.isDanger:focus-visible{background:var(--danger-bg);color:var(--danger)}.rowMenuItem:disabled{opacity:.5;cursor:not-allowed}html[data-view-mode=tablet] .rowMenuBtn,html[data-bp=sm] .rowMenuBtn,html[data-bp=xs] .rowMenuBtn{min-width:44px;min-height:44px}html[data-view-mode=tablet] .rowMenuItem,html[data-bp=sm] .rowMenuItem,html[data-bp=xs] .rowMenuItem{min-height:44px}.confirmModalOverlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0f172a80;padding:24px}.confirmModalBox{background:var(--card-bg, #fff);border:1px solid var(--border, #e8ebf0);border-radius:var(--radius-lg, 10px);box-shadow:0 8px 24px #0f172a1f;max-width:400px;width:calc(100% - 32px);margin:16px;padding:20px}.confirmModalBox:not(.movementPrintBox){position:relative;max-height:90vh;overflow-y:auto}.confirmModalClose{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:transparent;font-size:1.5rem;line-height:1;color:var(--main-text-muted, #64748b);cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0}.confirmModalClose:hover{background:var(--surface-2, #f1f5f9);color:var(--main-text, #1e293b)}@media(max-width:480px){.confirmModalOverlay{padding:16px}.confirmModalBox{width:100%;margin:0;padding:20px}}.confirmModalOverlay{padding-top:max(24px,var(--safe-top));padding-bottom:max(24px,var(--safe-bottom));padding-left:max(24px,var(--safe-left));padding-right:max(24px,var(--safe-right))}html[data-view-mode=tablet] .confirmModalOverlay{align-items:flex-end;padding:0 0 var(--safe-bottom)}html[data-view-mode=tablet] .confirmModalBox:not(.movementPrintBox){width:100%;max-width:100%;margin:0;max-height:90vh;border-radius:18px 18px 0 0;padding:20px calc(16px + var(--safe-right)) 20px calc(16px + var(--safe-left));padding-bottom:calc(20px + var(--safe-bottom));animation:confirmSheetUp .22s cubic-bezier(.32,.72,0,1) both}html[data-view-mode=tablet] .confirmModalBox:not(.movementPrintBox) .confirmModalActions{flex-direction:column-reverse}html[data-view-mode=tablet] .confirmModalBox:not(.movementPrintBox) .confirmModalBtn{width:100%;min-height:var(--control-h-touch)}@keyframes confirmSheetUp{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.confirmModalTitle{margin:0 0 8px;font-size:1rem;font-weight:600;color:var(--main-text)}.confirmModalMessage{margin:0 0 16px;font-size:.8125rem;color:var(--main-text-muted);line-height:1.5}.confirmModalActions{display:flex;justify-content:flex-end;gap:8px}.confirmModalBtn{min-height:var(--control-h, 36px);padding:0 16px;border-radius:var(--radius-sm, 6px);font-size:.8125rem;font-weight:500;cursor:pointer;border:none;transition:background .15s,color .15s}.confirmModalBtnCancel{background:var(--accent-soft, rgba(79, 70, 229, .1));color:var(--accent, #4f46e5)}.confirmModalBtnCancel:hover{background:var(--accent-soft-hover, rgba(79, 70, 229, .18))}.confirmModalBtnConfirm{background:var(--accent, #4f46e5);color:#fff}.confirmModalBtnConfirm:hover{background:var(--accent-hover, #4338ca)}.confirmModalBtnDanger{background:var(--danger, #dc2626);color:#fff}.confirmModalBtnDanger:hover{background:var(--danger-text, #b91c1c)}[data-theme=dark] .confirmModalBtnCancel{background:#ffffff0f;color:#e5e7eb}[data-theme=dark] .confirmModalBtnCancel:hover{background:#ffffff1a}.toastHost{position:fixed;top:calc(12px + var(--safe-top, 0px));right:calc(12px + var(--safe-right, 0px));left:auto;z-index:calc(var(--z-modal, 1000) + 40);display:flex;flex-direction:column;align-items:flex-end;gap:8px;width:auto;max-width:min(220px,calc(100vw - 24px));pointer-events:none}.toastCard{pointer-events:auto;display:inline-flex;align-items:center;gap:6px;width:fit-content;max-width:100%;padding:8px 10px;border-radius:var(--radius-sm, 8px);border:1px solid transparent;box-shadow:none;animation:toastIn .18s ease-out}.toastCard--success{background:var(--success);border-color:var(--success);color:#fff}.toastCard--error{background:var(--danger);border-color:var(--danger);color:#fff}.toastCard__text{flex:1;min-width:0;font-size:.8125rem;font-weight:600;line-height:1.25;white-space:nowrap}.toastCard__close{flex:none;width:22px;height:22px;margin:-2px -4px -2px 0;border:0;border-radius:6px;background:transparent;color:inherit;font-size:1rem;line-height:1;cursor:pointer;opacity:.75}.toastCard__close:hover,.toastCard__close:focus-visible{opacity:1;background:color-mix(in srgb,#fff 18%,transparent);outline:none}@keyframes toastIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.appLayout{display:grid;grid-template-rows:1fr;grid-template-columns:auto 1fr;grid-template-areas:"sidebar main";height:100dvh;height:100vh;width:100%;max-width:100%;overflow:hidden}.sidebar{grid-area:sidebar}.appMainFlup{grid-area:main;display:flex;flex-direction:column;min-width:0;min-height:0;max-width:100%;background:var(--main-bg);position:relative}.sidebar.closed{width:0;min-width:0;overflow:hidden}.mainContent{min-width:0;max-width:100%;overflow-x:hidden;overflow-y:auto}.appLayoutFlup{background:var(--main-bg)}.sidebarFlup{width:260px;background:var(--sidebar-bg);color:var(--main-text);display:flex;flex-direction:column;flex-shrink:0;transition:width .25s ease,transform .25s ease;overflow:hidden;border-right:1px solid var(--border)}.sidebarLogoFlup{display:flex;align-items:center;justify-content:flex-start;gap:12px;height:56px;min-height:56px;padding:0 16px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--sidebar-bg)}.sidebarLogoImg{width:36px;height:36px;object-fit:cover;border-radius:9px;display:block;flex-shrink:0;box-shadow:0 0 0 1px color-mix(in srgb,var(--border) 80%,transparent)}.sidebarBrandText{display:flex;flex-direction:column;gap:1px;min-width:0;line-height:1.15}.sidebarBrandName{font-weight:700;font-size:.9375rem;letter-spacing:-.02em;color:var(--sidebar-header-color, var(--main-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebarBrandTag{font-size:.6875rem;font-weight:500;color:var(--main-text-muted);letter-spacing:.02em}.sidebarNav{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-4) var(--space-3)}.sidebarNav::-webkit-scrollbar{width:8px}.sidebarNav::-webkit-scrollbar-thumb{background:var(--input-border);border-radius:999px}.sidebarSection{margin-bottom:var(--space-5)}.sidebarSectionTitle{padding:0 12px 10px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--main-text-muted)}.sidebarLink{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:2px;color:var(--main-text-muted);text-decoration:none;transition:background .2s,color .2s;font-size:.9375rem;font-weight:500;border-radius:8px}.sidebarLink:hover{background:var(--surface-2);color:var(--main-text)}.sidebarLink.active{background:var(--sidebar-link-active-bg);color:var(--accent);font-weight:600;border-radius:var(--radius-sm)}.sidebarLink.active svg{color:var(--accent)}.sidebarLink:focus-visible,.sidebarLinkBtn:focus-visible,.topbarMenuBtn:focus-visible,.topbarViewModeBtn:focus-visible,.topbarThemeBtn:focus-visible,.topbarLogoutFlup:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.sidebarLink svg{width:20px;height:20px;flex-shrink:0;color:inherit}.sidebarGroup{margin-bottom:0}.sidebarGroupHead{display:flex;align-items:center;position:relative}.sidebarGroupHead .sidebarLink{flex:1;min-width:0}.sidebarLinkBtn{flex:1;min-width:0;width:100%;border:none;background:transparent;font-family:inherit;text-align:left;cursor:pointer}.sidebarFlyoutBlock{margin-bottom:2px}.sidebarFlyoutBlock:last-child{margin-bottom:0}.sidebarFlyoutTitle{display:block;padding:8px 10px 4px 26px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--main-text-muted)}.sidebarGroupCaret{display:inline-flex;align-items:center;margin-left:auto;color:var(--main-text-muted);transition:transform .2s ease,color .2s ease;flex-shrink:0}.sidebarGroupCaret svg{width:16px;height:16px}.sidebarLinkBtn[aria-expanded=true] .sidebarGroupCaret{transform:rotate(90deg)}.sidebarSubmenu{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .22s ease,visibility .22s ease}.sidebarSubmenu.isOpen{grid-template-rows:1fr;visibility:visible}.sidebarSubmenuInner{overflow:hidden;min-height:0;padding:2px 0 6px}.sidebarSubmenu .sidebarLink{min-height:36px;padding:8px 12px 8px 26px;margin-bottom:1px;font-size:.8125rem;border-radius:8px}.sidebarSubmenu .sidebarLink svg{width:18px;height:18px;opacity:.9}html[data-view-mode=tablet] .sidebarSubmenu .sidebarLink{min-height:44px;padding:9px 12px 9px 26px}.sidebarFooterFlup{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);background:var(--surface-2);overflow-y:auto}.sidebarProfileFlup{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;transition:background .2s}.sidebarProfileFlup:hover{background:var(--surface-2)}.sidebarAvatarFlup{width:44px;height:44px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.sidebarAvatarFlup svg{width:22px;height:22px}.sidebarProfileInfo{display:flex;flex-direction:column;min-width:0;flex:1}.sidebarWelcome{font-size:.9rem;font-weight:600;color:var(--main-text);line-height:1.3}.sidebarRole{font-size:.75rem;color:var(--main-text-muted);margin-top:2px}.topbarFlup{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);height:56px;min-height:56px;padding:0 var(--space-4);background:var(--card-bg);border-bottom:1px solid var(--border);z-index:60;position:sticky;top:0}.topbarLeft{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto}.topbarBrand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;min-width:0;flex:1 1 auto;line-height:1.15}.topbarBrandName{font-weight:600;font-size:.6875rem;letter-spacing:.04em;text-transform:uppercase;color:var(--main-text-muted);white-space:nowrap}.topbarDevBadge{flex-shrink:0;display:inline-flex;align-items:center;padding:4px 10px;border-radius:8px;font-size:.6875rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;background:#16a34a1f;border:1px solid rgba(22,163,74,.35);color:var(--success-text, #15803d)}[data-theme=dark] .topbarDevBadge{background:#4ade801a;border-color:#4ade804d;color:#86efac}.topbarMenuBtn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--main-text-muted);cursor:pointer;transition:background .2s,color .2s,border-color .2s;flex-shrink:0}.topbarMenuBtn:hover{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 35%,var(--border));color:var(--accent)}.topbarMenuBtn svg{width:22px;height:22px}.topbarControls{display:flex;align-items:center;gap:8px;flex-shrink:0}.topbarViewMode{display:flex;gap:2px;padding:3px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md)}.topbarViewModeBtn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--main-text-muted);cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.topbarViewModeBtn:hover{background:var(--card-bg);color:var(--main-text)}.topbarViewModeBtn.isActive{background:var(--accent);color:#fff}.topbarViewModeBtn svg{width:16px;height:16px}.topbarThemeBtn{display:inline-flex;align-items:center;justify-content:center;width:var(--control-h);height:var(--control-h);padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--main-text-muted);cursor:pointer;transition:border-color .15s,background .15s,color .15s}.topbarThemeBtn:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.topbarThemeBtn svg{width:18px;height:18px}.topbarLogoutFlup{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--control-h);min-width:88px;padding:0 18px;border:1px solid var(--danger);border-radius:var(--radius-sm);background:var(--danger);color:#fff;font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s}.topbarLogoutFlup:hover{background:var(--danger-text);border-color:var(--danger-text);color:#fff}.topbarLogoutFlup svg{width:16px;height:16px}.mainContentFlup{flex:1;min-height:0;min-width:0;max-width:100%;padding:var(--space-5);background:var(--main-bg);overflow-x:hidden;overflow-y:auto;color:var(--main-text)}.appWatermark,.sidebarBackdrop{display:none}html[data-view-mode=tablet] .appLayout{grid-template-columns:1fr;grid-template-areas:"main"}html[data-view-mode=tablet] .sidebar.sidebarFlup{position:fixed;left:0;top:0;bottom:0;z-index:600;width:min(86vw,360px);max-width:90vw;transform:translate(-100%);transition:transform .28s cubic-bezier(.32,.72,0,1);box-shadow:4px 0 24px #00000029;overscroll-behavior:contain}html[data-view-mode=tablet] .sidebar.sidebarFlup:not(.closed){transform:translate(0)}html[data-view-mode=tablet] .sidebar.sidebarFlup.closed{width:min(86vw,360px);min-width:0;max-width:90vw}html[data-view-mode=tablet] .sidebarFlup .sidebarLink{min-height:44px}html[data-view-mode=tablet] .mainContent{width:100%}html[data-view-mode=tablet] .mainContentFlup{padding:var(--space-4)}@media(max-width:600px){html[data-view-mode=tablet] .mainContentFlup{padding:var(--space-3)}}html[data-view-mode=tablet] .topbarFlup{padding:8px 12px;height:auto;min-height:52px}html[data-view-mode=tablet] .topbarBrandName{font-size:1.05rem}html[data-view-mode=tablet] .topbarThemeBtn{width:42px;height:42px}html[data-view-mode=tablet] .topbarMenuBtn{min-width:44px;min-height:44px}html[data-view-mode=tablet] .topbarViewModeBtn{width:42px;height:42px;padding:0;justify-content:center}html[data-view-mode=tablet] .topbarLogoutFlup{height:42px;min-width:96px;padding:0 16px}html[data-view-mode=tablet] .sidebarBackdrop{display:block;position:fixed;inset:0;margin:0;padding:0;border:none;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:500;cursor:pointer;animation:sidebarFade .2s ease both}@keyframes sidebarFade{0%{opacity:0}to{opacity:1}}html[data-view-mode=tablet] .sidebarFlup .sidebarLink{min-height:var(--control-h-touch);padding-top:11px;padding-bottom:11px}html[data-view-mode=tablet] .sidebarSubmenu{overscroll-behavior:contain}html[data-view-mode=tablet] .sidebarSubmenu .sidebarFlyoutBlock{margin-bottom:6px}html[data-view-mode=tablet] .sidebarSubmenu .sidebarFlyoutBlock:last-child{margin-bottom:0}html[data-view-mode=tablet] .sidebarSubmenu .sidebarFlyoutTitle{padding:10px 10px 4px 28px}html[data-view-mode=tablet] .sidebarSubmenu .sidebarLink{min-height:var(--control-h-touch);padding:11px 12px 11px 28px}html[data-view-mode=tablet] .sidebarNav{padding-bottom:var(--space-5)}.sidebarCloseBtn{display:none}html[data-view-mode=tablet] .sidebarCloseBtn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:auto;border:none;border-radius:10px;background:transparent;color:var(--main-text-muted);cursor:pointer}html[data-view-mode=tablet] .sidebarCloseBtn:hover{background:var(--surface-2);color:var(--accent)}html[data-view-mode=tablet] .sidebarCloseBtn svg{width:20px;height:20px}html[data-view-mode=tablet] .sidebarNav{padding:var(--space-3) var(--space-3) var(--space-5)}html[data-view-mode=tablet] .sidebarSection{margin-bottom:var(--space-3)}html[data-view-mode=tablet] .sidebarSectionTitle{padding:0 12px 8px;font-size:.6875rem}html[data-view-mode=tablet] .sidebarGroup{margin-bottom:10px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2);overflow:hidden}html[data-view-mode=tablet] .sidebarGroup:has(.sidebarLink.active){border-color:var(--accent-soft)}html[data-view-mode=tablet] .sidebarGroupHead .sidebarLinkBtn{min-height:56px;padding:10px 14px;font-size:.9375rem;font-weight:600;border-radius:0}html[data-view-mode=tablet] .sidebarGroupHead .sidebarLinkBtn svg{width:24px!important;height:24px!important;color:var(--accent);flex-shrink:0}html[data-view-mode=tablet] .sidebarGroupCaret{width:30px;height:30px;border-radius:8px;background:var(--card-bg);justify-content:center}html[data-view-mode=tablet] .sidebarSubmenu .sidebarFlyoutTitle{padding:12px 16px 6px;border-top:1px solid var(--border);color:var(--accent);font-size:.6875rem}html[data-view-mode=tablet] .sidebarSubmenu .sidebarFlyoutBlock{margin:0}html[data-view-mode=tablet] .sidebarSubmenu .sidebarLink{min-height:var(--control-h-touch);padding:11px 16px;margin-bottom:0;border-radius:0;font-size:.9375rem;color:var(--main-text)}html[data-view-mode=tablet] .sidebarSubmenu .sidebarLink.active{border-left:3px solid var(--accent);border-radius:0;font-weight:600}html[data-view-mode=tablet] .sidebarSubmenu .sidebarLink:last-child{margin-bottom:8px}html[data-bp=sm] .topbarFlup,html[data-bp=xs] .topbarFlup{padding:6px 10px;min-height:48px}html[data-bp=sm] .topbarBrandName{font-size:1rem}html[data-bp=xs] .topbarBrandName{font-size:.9rem}html[data-bp=sm] .topbarControls,html[data-bp=xs] .topbarControls{gap:6px}html[data-bp=sm] .topbarViewMode,html[data-bp=xs] .topbarViewMode{display:none}html[data-bp=xs] .topbarDevBadge{padding:3px 7px;font-size:.625rem}html[data-bp=xs] .topbarLogoutFlup{min-width:0;padding:0 10px}html[data-bp=xs] .topbarLogoutFlup span{display:none}html[data-bp=sm] .mainContentFlup{padding:var(--space-3)}html[data-bp=xs] .mainContentFlup{padding:10px}html[data-bp=sm] .sidebarLogoFlup,html[data-bp=xs] .sidebarLogoFlup{height:56px;min-height:56px;padding:0 14px}html[data-bp=sm] .sidebarLogoImg,html[data-bp=xs] .sidebarLogoImg{width:34px;height:34px}html[data-bp=xs] .sidebarLogoImg{width:32px;height:32px}.appLayout{height:100vh;height:100dvh}.topbarFlup{padding-top:var(--safe-top);padding-left:calc(var(--space-4) + var(--safe-left));padding-right:calc(var(--space-4) + var(--safe-right));height:calc(56px + var(--safe-top));min-height:calc(56px + var(--safe-top))}html[data-view-mode=tablet] .topbarFlup{padding-top:calc(8px + var(--safe-top));padding-bottom:8px;padding-left:calc(12px + var(--safe-left));padding-right:calc(12px + var(--safe-right));height:auto;min-height:calc(52px + var(--safe-top))}.sidebarFlup{padding-left:var(--safe-left)}.sidebarFooterFlup{padding-bottom:calc(var(--space-3) + var(--safe-bottom))}.topbarPageTitle{display:block;font-weight:650;font-size:1rem;letter-spacing:-.02em;color:var(--main-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(48vw,420px)}html[data-view-mode=tablet] .topbarBrandName{display:none}html[data-view-mode=tablet] .topbarPageTitle{font-weight:700;font-size:1.0625rem;max-width:min(52vw,280px)}html[data-view-mode=tablet] .topbarControls{gap:6px}html[data-view-mode=tablet] .topbarViewMode{padding:2px}html[data-view-mode=tablet] .topbarFlup{height:auto;min-height:52px;background:var(--card-bg)}.topbarLogo,.topbarBackBtn{display:none}html[data-view-mode=tablet] .topbarLogo{display:block;width:32px;height:32px;border-radius:8px;object-fit:cover;flex-shrink:0}html[data-view-mode=tablet] .topbarBackBtn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:-6px;padding:0;border:none;border-radius:10px;background:transparent;color:var(--main-text);cursor:pointer;flex-shrink:0}html[data-view-mode=tablet] .topbarBackBtn:hover{background:var(--surface-2)}html[data-view-mode=tablet] .topbarBackBtn svg{width:24px;height:24px}html[data-view-mode=tablet] .topbarLeft{gap:var(--space-2)}html[data-view-mode=tablet] .mainContentFlup{padding-left:calc(var(--space-4) + var(--safe-left));padding-right:calc(var(--space-4) + var(--safe-right));padding-bottom:calc(var(--mobile-nav-h) + var(--safe-bottom) + var(--space-3))}.mobileNav{flex-shrink:0;background:var(--card-bg);border-top:1px solid var(--border);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right);z-index:70}.mobileNavList{display:flex;align-items:stretch;list-style:none;margin:0;padding:0}.mobileNavItem{flex:1 1 0;min-width:0}.mobileNavLink{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;min-height:var(--mobile-nav-h);padding:6px 2px;border:none;border-radius:0;background:transparent;color:var(--main-text-muted);text-decoration:none;font-family:inherit;font-size:.6875rem;font-weight:500;cursor:pointer}.mobileNavIcon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:11px;flex-shrink:0;transition:background .15s,color .15s,box-shadow .15s}.mobileNavIcon svg{width:20px;height:20px}.mobileNavIcon.accent-green{color:#16a34a;background:#16a34a24}.mobileNavIcon.accent-blue{color:#2563eb;background:#2563eb24}.mobileNavIcon.accent-orange{color:#ea580c;background:#ea580c24}.mobileNavIcon.accent-violet{color:#7c3aed;background:#7c3aed24}.mobileNavIcon.accent-pink{color:#db2777;background:#db277724}.mobileNavIcon.accent-teal{color:#0d9488;background:#0d948824}.mobileNavIcon.accent-indigo{color:#4f46e5;background:#4f46e524}.mobileNavIcon.accent-neutral{color:var(--accent);background:var(--surface-2)}.mobileNavLink.isActive{color:var(--main-text);font-weight:600}.mobileNavLink.isActive .mobileNavIcon{box-shadow:0 0 0 2px color-mix(in srgb,currentColor 28%,transparent)}.mobileNavLink.isActive .mobileNavIcon.accent-green{background:#16a34a3d}.mobileNavLink.isActive .mobileNavIcon.accent-blue{background:#2563eb3d}.mobileNavLink.isActive .mobileNavIcon.accent-orange{background:#ea580c3d}.mobileNavLink.isActive .mobileNavIcon.accent-violet{background:#7c3aed3d}.mobileNavLink.isActive .mobileNavIcon.accent-pink{background:#db27773d}.mobileNavLink:active{background:var(--surface-2)}.mobileNavLabel{line-height:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .mobileNavIcon.accent-green{color:#4ade80;background:#4ade8029}[data-theme=dark] .mobileNavIcon.accent-blue{color:#60a5fa;background:#60a5fa29}[data-theme=dark] .mobileNavIcon.accent-orange{color:#fb923c;background:#fb923c29}[data-theme=dark] .mobileNavIcon.accent-violet{color:#a78bfa;background:#a78bfa29}[data-theme=dark] .mobileNavIcon.accent-pink{color:#f472b6;background:#f472b629}.moduleSection{margin-top:16px}.moduleSection:first-child{margin-top:0}.moduleSectionTitle{margin:0 0 10px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--main-text-muted)}.moduleGrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch}.moduleGrid>li{display:flex;min-width:0}.moduleTile{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%;height:100%;min-height:96px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--card-bg);color:var(--main-text);text-align:left;white-space:normal;cursor:pointer;transition:border-color .15s,background .15s}.moduleTile:hover,.moduleTile:active{background:var(--surface-2)}.moduleTile.isActive{border-color:var(--accent);background:var(--surface-2)}.moduleTileIcon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:var(--surface-2);color:var(--accent);flex-shrink:0}.moduleTileIcon svg{width:22px;height:22px}.moduleTileLabel{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.5em;font-size:.9rem;font-weight:600;line-height:1.25;word-break:break-word}.moduleTileIcon.accent-blue{color:#2563eb;background:#2563eb1f}.moduleTileIcon.accent-teal{color:#0d9488;background:#0d94881f}.moduleTileIcon.accent-indigo{color:#4f46e5;background:#4f46e51f}.moduleTileIcon.accent-violet{color:#7c3aed;background:#7c3aed1f}.moduleTileIcon.accent-orange{color:#ea580c;background:#ea580c1f}.moduleTileIcon.accent-slate{color:#475569;background:#4755691f}.moduleTileIcon.accent-neutral{color:var(--accent);background:var(--surface-2)}@media(min-width:769px){.moduleGrid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.appLauncher{position:fixed;inset:0;z-index:var(--z-modal, 1000);display:flex;flex-direction:column;background:var(--card-bg);color:var(--main-text);padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);animation:launcherIn .18s ease}@keyframes launcherIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.appLauncherHead{display:flex;align-items:center;gap:var(--space-3);padding:12px 14px;min-height:56px}.appLauncherLogo{width:34px;height:34px;border-radius:9px;object-fit:cover;flex-shrink:0}.appLauncherTitle{flex:1;font-size:1.15rem;font-weight:700;letter-spacing:-.01em}.appLauncherClose{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:12px;background:var(--surface-2);color:var(--main-text);cursor:pointer}.appLauncherClose svg{width:22px;height:22px}.appLauncherSearch{display:flex;align-items:center;gap:10px;margin:0 14px 8px;padding:0 12px;height:46px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--main-text-muted)}.appLauncherSearch svg{width:20px;height:20px;flex-shrink:0}.appLauncherSearch input{flex:1;min-width:0;border:none;background:transparent;color:var(--main-text);font-size:1rem;outline:none}.appLauncherScroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 14px calc(var(--space-4) + 8px)}.appLauncherEmpty{text-align:center;color:var(--main-text-muted);padding:32px 0}.appLauncherFoot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:12px 14px;border-top:1px solid var(--border)}.appLauncherUser{display:flex;align-items:center;gap:10px;min-width:0}.appLauncherAvatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:var(--surface-2);color:var(--main-text-muted);flex-shrink:0}.appLauncherAvatar svg{width:20px;height:20px}.appLauncherUserName{font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appLauncherLogout{display:inline-flex;align-items:center;gap:8px;padding:0 14px;height:42px;border:1px solid var(--border);border-radius:11px;background:transparent;color:var(--danger, #dc2626);font-size:.9rem;font-weight:600;cursor:pointer;flex-shrink:0}.appLauncherLogout svg{width:18px;height:18px}.mvSelectorOverlay{position:fixed;inset:0;z-index:var(--z-modal, 1000);display:flex;align-items:flex-end;justify-content:center;background:#0f172a73;animation:mvSelectorFade .16s ease}@keyframes mvSelectorFade{0%{opacity:0}to{opacity:1}}.mvSelectorSheet{width:100%;max-width:560px;max-height:88vh;overflow-y:auto;background:var(--card-bg);color:var(--main-text);border-radius:18px 18px 0 0;padding:8px 14px calc(14px + var(--safe-bottom));box-shadow:0 -10px 40px #0f172a47;animation:mvSelectorSheetUp .2s ease}@keyframes mvSelectorSheetUp{0%{transform:translateY(16px);opacity:.6}to{transform:translateY(0);opacity:1}}.mvSelectorHandle{width:40px;height:4px;border-radius:999px;background:var(--border);margin:4px auto 6px}.mvSelectorHead{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:4px 2px 10px}.mvSelectorTitle{margin:0;font-size:1.1rem;font-weight:700}.mvSelectorClose{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:11px;background:var(--surface-2);color:var(--main-text);cursor:pointer}.mvSelectorClose svg{width:20px;height:20px}.mvSelectorList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.mvSelectorItem{display:flex;align-items:center;gap:14px;width:100%;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--card-bg);color:var(--main-text);text-align:left;cursor:pointer;transition:background .15s,border-color .15s}.mvSelectorItem:hover,.mvSelectorItem:active{background:var(--surface-2);border-color:var(--accent)}.mvSelectorItemIcon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:var(--surface-2);color:var(--accent);flex-shrink:0}.mvSelectorItemIcon svg{width:22px;height:22px}.mvSelectorItemText{display:flex;flex-direction:column;gap:2px;min-width:0}.mvSelectorItemLabel{font-size:1rem;font-weight:600}.mvSelectorItemDesc{font-size:.82rem;color:var(--main-text-muted)}.mvSelectorItemIcon.accent-blue{color:#2563eb;background:#2563eb1f}.mvSelectorItemIcon.accent-teal{color:#0d9488;background:#0d94881f}.mvSelectorItemIcon.accent-indigo{color:#4f46e5;background:#4f46e51f}.mvSelectorItemIcon.accent-violet{color:#7c3aed;background:#7c3aed1f}.mvSelectorItemIcon.accent-orange{color:#ea580c;background:#ea580c1f}.mvSelectorItemIcon.accent-slate{color:#475569;background:#4755691f}.mvSelectorItemIcon.accent-neutral{color:var(--accent);background:var(--surface-2)}.loginPage{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:radial-gradient(1000px 520px at 85% -10%,var(--accent-soft),transparent 60%),radial-gradient(820px 480px at -10% 112%,var(--accent-soft),transparent 55%),var(--main-bg)}.loginPage:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:url(/mariana-logo.jpeg) no-repeat center center / cover;opacity:.04}.loginCard{position:relative;z-index:1;display:flex;width:100%;max-width:920px;min-height:520px;border-radius:24px;background:var(--card-bg);border:1px solid var(--border);box-shadow:0 32px 80px -28px #00000059;overflow:hidden;animation:loginRise .4s cubic-bezier(.22,.68,0,1) both}@keyframes loginRise{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.loginBrandPanel{flex:1.1;position:relative;display:flex;align-items:center;justify-content:center;padding:56px 40px;background:radial-gradient(140% 120% at 0% 0%,color-mix(in srgb,var(--main-text) 10%,transparent),transparent 55%),linear-gradient(150deg,var(--accent) 0%,var(--accent-hover) 100%);color:#fff;overflow:hidden}.loginBrandDecor{position:absolute;top:-90px;right:-90px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 70%)}.loginBrandDecor:after{content:"";position:absolute;left:-280px;top:340px;width:300px;height:300px;border-radius:50%;border:1px solid rgba(255,255,255,.18)}.loginBrandWrap{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.loginLogoBadge{width:200px;height:200px;border-radius:40px;background:#fffffff5;display:flex;align-items:center;justify-content:center;padding:20px;box-shadow:0 20px 44px -16px #00000073;margin-bottom:24px}.loginLogo{width:100%;height:100%;object-fit:contain;border-radius:26px}.loginBrandName{font-size:2rem;font-weight:700;letter-spacing:-.02em;color:#fff;line-height:1.1}.loginBrandName strong{font-weight:800;color:#ffffffd9}.loginBrandTagline{margin-top:10px;font-size:.875rem;color:#ffffffd9;letter-spacing:.02em}.loginFormCol{flex:1;display:flex;flex-direction:column;justify-content:center;padding:56px;background:var(--card-bg)}.loginFormCol form{display:flex;flex-direction:column;gap:0}.loginField{position:relative;display:block;margin-bottom:16px}.loginFieldIcon{position:absolute;left:15px;top:50%;transform:translateY(-50%);display:flex;color:var(--main-text-muted);pointer-events:none;transition:color .2s}.loginFieldIcon svg{width:19px;height:19px}.loginField input{width:100%;padding:14px 16px 14px 46px;border:1px solid var(--input-border);border-radius:12px;background:var(--input-bg);color:var(--main-text);font-size:.875rem;box-sizing:border-box;min-height:50px;transition:border-color .2s,box-shadow .2s,background .2s}.loginField input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--focus-ring);background:var(--card-bg)}.loginField:focus-within .loginFieldIcon{color:var(--accent)}.loginField input::placeholder{color:var(--main-text-muted)}.loginSubmit{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:10px;padding:14px 24px;border:none;border-radius:12px;background:linear-gradient(150deg,var(--accent) 0%,var(--accent-hover) 100%);color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 10px 24px -10px color-mix(in srgb,var(--accent) 60%,transparent)}.loginSubmit svg{width:18px;height:18px}.loginSubmit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px -10px color-mix(in srgb,var(--accent) 70%,transparent)}.loginSubmit:active:not(:disabled){transform:translateY(0)}.loginSubmit:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.loginError{color:var(--danger);font-size:.8125rem;margin-bottom:14px;padding:11px 14px;background:var(--danger-bg);border-radius:10px}.loginFooter{position:relative;z-index:1;margin-top:22px;font-size:.8125rem;color:var(--main-text-muted);text-align:center;letter-spacing:.02em}.loginFooterBar{margin:0 8px;opacity:.6}@media(max-width:1024px){.loginCard{flex-direction:column;max-width:440px;min-height:auto}.loginBrandPanel{padding:36px 24px}.loginLogoBadge{width:116px;height:116px;border-radius:26px;padding:12px;margin-bottom:14px}.loginLogo{border-radius:18px}.loginBrandName{font-size:1.4rem}.loginFormCol{padding:40px 36px}}@media(max-width:640px){.loginPage{padding:16px}.loginCard{border-radius:20px}.loginBrandPanel{padding:28px 20px}.loginLogoBadge{width:96px;height:96px;border-radius:22px;padding:10px}.loginLogo{border-radius:16px}.loginBrandName{font-size:1.25rem}.loginFormCol{padding:32px 24px}}.vendorPortal{min-height:100dvh;background:radial-gradient(900px 420px at 90% -8%,var(--accent-soft),transparent 60%),radial-gradient(700px 400px at -8% 110%,var(--accent-soft),transparent 55%),var(--main-bg);color:var(--main-text);font-family:inherit;padding:0 0 5.25rem}.vendorPortalHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:.75rem 1rem;margin:.65rem .75rem 0;background:var(--card-bg);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 20px -16px #00000040}.vendorPortalBrand{display:flex;align-items:center;gap:.75rem;min-width:0}.vendorPortalLogo{width:48px;height:48px;object-fit:cover;border-radius:12px;background:#fff;border:1px solid var(--border);box-shadow:0 2px 8px -4px #00000040;flex-shrink:0;display:block}.vendorPortalBrandText{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.15}.vendorPortalBrandName{font-weight:800;font-size:1.05rem;letter-spacing:-.02em;color:var(--main-text);white-space:nowrap}.vendorPortalBrandTag{font-size:.78rem;font-weight:650;color:var(--accent);letter-spacing:.01em}.vendorPortalHeaderRight{display:flex;align-items:center;gap:.55rem;flex-shrink:0;min-width:0}.vendorPortalUser{font-size:.78rem;color:var(--main-text-muted);max-width:28vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vendorPortalLogout{border:1px solid var(--danger);background:var(--danger);color:#fff;border-radius:999px;padding:.45rem .85rem;font-size:.8rem;font-weight:600;cursor:pointer;flex-shrink:0}.vendorPortalLogout:hover{border-color:var(--danger-text);background:var(--danger-text);color:#fff}.vendorPortalMain{margin:0 .75rem;background:var(--card-bg);border:1px solid var(--border);border-radius:18px;box-shadow:0 12px 28px -18px #00000047;padding:.8rem;min-height:58vh}.vendorPortalError{color:var(--danger);background:var(--danger-bg);border-radius:10px;padding:.6rem .75rem;font-size:.8125rem;margin:0 0 .7rem}.vendorPortalSuccess{color:var(--accent);background:var(--accent-soft);border-radius:10px;padding:.6rem .75rem;font-size:.8125rem;margin:0 0 .7rem}.vendorHint{margin:0 0 .65rem;font-size:.75rem;color:var(--main-text-muted)}.vendorProductList{display:flex;flex-direction:column;gap:.4rem}.vendorProductRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.3rem .5rem;align-items:center;padding:.4rem .55rem;border:1px solid var(--border);border-radius:10px;background:var(--surface-2, var(--input-bg))}.vendorProductRow.isActive{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--accent-soft)}.vendorProductRow strong{font-size:.85rem;font-weight:650;display:block;line-height:1.2}.vendorProductMeta{font-size:.68rem;color:var(--main-text-muted);margin-top:.05rem}.vendorLineTotal{margin-top:.1rem;font-size:.8rem;font-weight:700;color:var(--accent)}.vendorLineTotal.isMuted{color:var(--main-text-muted);font-weight:500}.vendorSubmitTotal{display:flex;flex-direction:column;justify-content:center;min-width:5.5rem;padding-right:.35rem}.vendorSubmitTotal span{font-size:.68rem;text-transform:uppercase;letter-spacing:.03em;color:var(--main-text-muted)}.vendorSubmitTotal strong{font-size:1rem;color:var(--accent);white-space:nowrap}.vendorQtyPair{display:grid;grid-template-columns:3.6rem 3.6rem;gap:.35rem}.vendorQtyPair label,.vendorQtySingle{display:flex;flex-direction:column;gap:.12rem;font-size:.62rem;font-weight:650;color:var(--main-text-muted);text-transform:uppercase;letter-spacing:.02em;text-align:center}.vendorQtySingle{width:3.75rem}.vendorQtyInput{width:100%;padding:.3rem .2rem;font-size:.88rem;text-align:center;border:1px solid var(--input-border);border-radius:8px;background:var(--input-bg);color:var(--main-text);box-sizing:border-box;min-height:1.85rem}.vendorQtyInput:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.vendorQtyInput:disabled{background:color-mix(in srgb,var(--input-bg) 70%,var(--border));color:var(--main-text-muted)}.vendorNotes{width:100%;margin-top:.75rem;padding:.65rem .7rem;border:1px solid var(--input-border);border-radius:12px;background:var(--input-bg);color:var(--main-text);font-size:.9rem;box-sizing:border-box;resize:vertical;min-height:3.5rem}.vendorNotes:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.vendorSubmitBar{position:fixed;left:0;right:0;bottom:0;padding:.7rem .85rem calc(.7rem + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--card-bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border);display:flex;gap:.6rem;z-index:20}.vendorSubmitBar button{flex:1.4;border:none;border-radius:12px;padding:.85rem .75rem;font-size:.95rem;font-weight:650;cursor:pointer}.vendorBtnPrimary{background:linear-gradient(150deg,var(--accent) 0%,var(--accent-hover) 100%);color:#fff;box-shadow:0 10px 22px -12px color-mix(in srgb,var(--accent) 65%,transparent)}.vendorBtnPrimary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.vendorNavTabs{display:flex;gap:.35rem;margin-bottom:.75rem}.vendorNavTabs button{flex:1;border:1px solid var(--border);background:var(--card-bg);border-radius:999px;padding:.5rem .45rem;font-size:.82rem;cursor:pointer;color:var(--main-text-muted)}.vendorNavTabs button.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:650}.vendorOrderList{display:flex;flex-direction:column;gap:.65rem;margin:-.15rem -.2rem;padding:.35rem .25rem .45rem;border-radius:14px;background:color-mix(in srgb,var(--main-bg) 88%,var(--border))}.vendorArticleCard{background:#fff;border:none;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px #0f172a0a,0 6px 16px -8px #0f172a24}[data-theme=dark] .vendorArticleCard{background:var(--card-bg);box-shadow:0 1px 2px #0003,0 6px 16px -8px #00000059}.vendorArticleCard.is-open{box-shadow:0 2px 4px #0f172a0f,0 10px 22px -10px #0f172a33}.vendorArticleCardBody{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .85rem}.vendorArticleCardText{min-width:0;flex:1}.vendorArticleCardTitle{margin:0 0 .2rem;font-size:.92rem;font-weight:750;letter-spacing:-.02em;color:var(--main-text);line-height:1.25}.vendorArticleCardMeta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0;font-size:.72rem;color:var(--main-text-muted);line-height:1.35}.vendorArticleCardActions{display:flex;flex-shrink:0;align-items:center;gap:.4rem}.vendorArticleCardBtn{flex-shrink:0;border:none;border-radius:999px;padding:.45rem .85rem;min-height:2rem;background:var(--accent);color:#fff;font-size:.75rem;font-weight:650;cursor:pointer;white-space:nowrap}.vendorArticleCardBtn:hover{background:var(--accent-hover, var(--accent))}.vendorArticleCardBtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.vendorArticleCardBtn--ghost{background:transparent;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 45%,var(--border))}.vendorArticleCardBtn--ghost:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.vendorArticleCardDetail{border-top:1px solid color-mix(in srgb,var(--border) 85%,transparent);padding:.55rem .85rem .75rem;background:color-mix(in srgb,var(--main-bg) 70%,#fff)}[data-theme=dark] .vendorArticleCardDetail{background:color-mix(in srgb,var(--main-bg) 50%,var(--card-bg))}.vendorOrderRowNotes{display:flex;flex-direction:column;gap:2px;margin-bottom:.45rem;font-size:.75rem;color:var(--main-text-muted)}.vendorOrderReject{color:#b91c1c}.vendorOrderRowLines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.vendorOrderRowLine{display:grid;grid-template-columns:minmax(0,1fr) 2.5rem 5.25rem;gap:6px;align-items:baseline;padding:.4rem .5rem;border-radius:8px;background:#00000008;font-size:.78rem}[data-theme=dark] .vendorOrderRowLine{background:#ffffff0a}.vendorOrderRowLineName{min-width:0;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vendorOrderRowLineQty,.vendorOrderRowLineAmount{text-align:right;font-variant-numeric:tabular-nums;font-weight:650;white-space:nowrap}.vendorOrderRowLineQty{color:var(--main-text-muted)}.vendorOrderRowEmpty{margin:0;padding:.35rem 0;font-size:.78rem;color:var(--main-text-muted)}.vendorOrderRowFooter{display:flex;justify-content:space-between;gap:.5rem;margin-top:.45rem;padding-top:.45rem;border-top:1px dashed rgba(0,0,0,.1);font-size:.78rem;color:var(--main-text-muted)}.vendorOrderRowFooter strong{font-variant-numeric:tabular-nums;color:var(--main-text)}.vendorBadge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:8px;font-size:.6875rem;font-weight:650;letter-spacing:.01em;line-height:1.2;white-space:nowrap;color:#fff}.vendorBadge.pendiente{background:#c2410c}.vendorBadge.en_proceso{background:#4338ca}.vendorBadge.rechazado{background:#dc2626}.vendorBadge.procesado{background:#15803d}.vendorEmpty{text-align:center;color:var(--main-text-muted);padding:1.75rem 1rem;font-size:.9rem}.vendorLoginPage{--vl-blue: #2563eb;--vl-blue-deep: #1d4ed8;--vl-soft: #dbeafe;position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem 1.75rem;background:radial-gradient(700px 380px at 100% 0%,#bfdbfe 0%,transparent 55%),radial-gradient(640px 360px at 0% 100%,#93c5fd 0%,transparent 50%),linear-gradient(180deg,#eff6ff,#f8fafc 55%,#e2e8f0);color:#0f172a;overflow:hidden}.vendorLoginDecor{position:absolute;inset:auto -20% -18%;height:42%;background:radial-gradient(ellipse at 50% 0%,rgba(37,99,235,.12),transparent 70%);pointer-events:none}.vendorLoginShell{position:relative;z-index:1;width:100%;max-width:400px;border-radius:28px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px #fffc inset,0 24px 48px -28px #1e40af59;animation:vendorLoginRise .45s cubic-bezier(.22,.68,0,1) both}@keyframes vendorLoginRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.vendorLoginHero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25rem;padding:1.85rem 1.5rem .25rem}.vendorLoginHeroLogo{width:96px;height:96px;object-fit:cover;border-radius:24px;background:#fff;border:3px solid var(--vl-soft);box-shadow:0 12px 28px -14px #2563eb8c;margin-bottom:.55rem}.vendorLoginHello{margin:0;font-size:1.05rem;font-weight:700;color:var(--vl-blue)}.vendorLoginHeroTitle{margin:0;font-size:1.75rem;font-weight:800;letter-spacing:-.03em;line-height:1.15;color:#0f172a}.vendorLoginForm{display:flex;flex-direction:column;gap:1rem;padding:1.25rem 1.4rem 1.6rem}.vendorLoginError{margin:0;padding:.65rem .8rem;border-radius:12px;font-size:.8125rem;line-height:1.35;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.vendorLoginField{display:flex;flex-direction:column;gap:.45rem;margin:0}.vendorLoginFieldLabel{font-size:.82rem;font-weight:700;color:#1e293b;letter-spacing:.01em}.vendorLoginFieldControl{display:flex;align-items:center;gap:.65rem;min-height:3.4rem;padding:.65rem .95rem;border-radius:16px;border:2px solid #e2e8f0;background:#fff;box-shadow:0 1px 2px #0f172a0a;transition:border-color .15s ease,box-shadow .15s ease}.vendorLoginFieldControl:focus-within{border-color:var(--vl-blue);box-shadow:0 0 0 4px #2563eb29}.vendorLoginFieldIcon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:10px;background:var(--vl-soft);color:var(--vl-blue);flex-shrink:0}.vendorLoginFieldIcon svg{width:1.15rem;height:1.15rem}.vendorLoginFieldControl input{flex:1;min-width:0;border:0;outline:none;background:transparent;font-size:1.05rem;font-weight:500;letter-spacing:.02em;color:#0f172a;padding:.25rem 0;-webkit-appearance:none;appearance:none}.vendorLoginFieldControl input::placeholder{color:#94a3b8;font-weight:450;letter-spacing:0}.vendorLoginReveal{flex-shrink:0;border:0;background:transparent;color:var(--vl-blue);font-size:.78rem;font-weight:700;padding:.35rem .2rem;cursor:pointer;line-height:1}.vendorLoginReveal:hover{text-decoration:underline}.vendorLoginRemember{display:flex;align-items:flex-start;gap:.55rem;margin:0;font-size:.84rem;font-weight:550;color:#334155;line-height:1.35;cursor:pointer;-webkit-user-select:none;user-select:none}.vendorLoginRemember input{margin-top:.15rem;width:1.05rem;height:1.05rem;accent-color:var(--vl-blue);flex-shrink:0;cursor:pointer}.vendorLoginSubmit{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.25rem;min-height:3.35rem;padding:.85rem 1.1rem;border:0;border-radius:16px;background:linear-gradient(165deg,#3b82f6 0%,var(--vl-blue-deep) 100%);color:#fff;font-size:1.05rem;font-weight:700;cursor:pointer;box-shadow:0 12px 24px -14px #1d4ed8e6}.vendorLoginSubmit:hover:not(:disabled){filter:brightness(1.04)}.vendorLoginSubmit:disabled{opacity:.72;cursor:wait}.vendorLoginSubmit svg{width:1.1rem;height:1.1rem}#root{min-height:100vh;max-width:100vw;text-align:left}body{margin:0}input,select,textarea,button{font:inherit}