:root{--surface: #fcf9f4;--surface-dim: #dcdad5;--surface-container-lowest: #ffffff;--surface-container-low: #f6f3ee;--surface-container: #f0ede9;--surface-container-high: #ebe8e3;--surface-container-highest: #e5e2dd;--surface-variant: #e5e2dd;--on-surface: #1c1c19;--on-surface-variant: #4d453f;--outline: #7f756e;--outline-variant: #d0c4bc;--primary: #332920;--on-primary: #ffffff;--primary-container: #4a3f35;--on-primary-container: #baaa9d;--primary-fixed: #f1dfd1;--primary-fixed-dim: #d4c4b6;--secondary: #645d56;--on-secondary: #ffffff;--secondary-container: #ebe1d7;--on-secondary-container: #6a635b;--secondary-fixed: #ebe1d7;--secondary-fixed-dim: #cec5bb;--tertiary: #1c301c;--on-tertiary: #ffffff;--tertiary-container: #324631;--tertiary-fixed: #d1e9cb;--tertiary-fixed-dim: #b5cdb0;--on-tertiary-fixed: #0d200d;--on-tertiary-fixed-variant: #374c36;--error: #ba1a1a;--on-error: #ffffff;--error-container: #ffdad6;--on-error-container: #93000a;--background: #fcf9f4;--space-xs: 4px;--space-base: 8px;--space-sm: 12px;--space-md: 24px;--space-lg: 40px;--space-xl: 64px;--gutter: 24px;--margin-mobile: 16px;--margin-desktop: 48px;--radius-sm: .25rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--font-headline: "Libre Caslon Text", Georgia, "Times New Roman", serif;--font-body: "Be Vietnam Pro", "Noto Sans Thai", -apple-system, "Segoe UI", sans-serif;--shadow-soft: 0 10px 30px rgba(74, 63, 53, .08);--shadow-card: 0 1px 2px rgba(74, 63, 53, .06);--nav-height: 76px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);font-size:16px;line-height:24px;color:var(--on-surface);background:var(--background);min-height:100vh;min-height:100dvh;background-image:radial-gradient(circle at 15% 20%,rgba(74,63,53,.025) 0 1px,transparent 1px),radial-gradient(circle at 65% 70%,rgba(74,63,53,.02) 0 1px,transparent 1px);background-size:24px 24px,32px 32px}h1,h2,h3{font-family:var(--font-headline);margin:0;color:var(--primary)}button{font-family:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--tertiary);outline-offset:2px}a{color:var(--primary)}.display-lg{font-family:var(--font-headline);font-size:42px;line-height:52px;letter-spacing:-.02em;font-weight:700}.headline-md{font-family:var(--font-headline);font-size:28px;line-height:36px;font-weight:600}.title-lg{font-size:20px;line-height:28px;font-weight:600}.body-md{font-size:16px;line-height:24px;font-weight:400}.label-sm{font-size:13px;line-height:18px;letter-spacing:.05em;font-weight:500}.caption{font-size:12px;line-height:16px;color:var(--on-surface-variant)}.muted{color:var(--on-surface-variant)}.app-shell{min-height:100vh;min-height:100dvh}.topbar{position:sticky;top:0;z-index:50;height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--margin-mobile) 0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);background:#fcf9f4eb;backdrop-filter:blur(8px);border-bottom:1px solid var(--outline-variant)}.brand{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.brand__mark{width:36px;height:36px;flex-shrink:0;color:var(--primary)}.brand__name{font-family:var(--font-headline);font-size:18px;line-height:20px;font-weight:700;color:var(--primary)}.brand__sub{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--on-surface-variant)}.topbar__actions{display:flex;align-items:center;gap:var(--space-base)}.chip-select{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:var(--radius-full);background:var(--surface-container-high);border:1px solid var(--outline-variant);color:var(--on-surface-variant);font-size:13px;font-weight:500;max-width:46vw}.chip-select select{border:0;background:transparent;font:inherit;color:inherit;max-width:100%;padding:0;cursor:pointer}.chip-select select:focus-visible{outline:2px solid var(--tertiary);border-radius:var(--radius-sm)}.avatar{width:44px;height:44px;border-radius:var(--radius-full);background:var(--primary-fixed);color:var(--primary);display:grid;place-items:center;font-weight:700;font-size:14px;border:2px solid rgba(51,41,32,.1);flex-shrink:0}.page{padding:var(--space-md) var(--margin-mobile) calc(var(--nav-height) + var(--space-lg) + env(safe-area-inset-bottom))}.card{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-card)}.section{margin-top:var(--space-md)}.section__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-base);margin-bottom:var(--space-sm)}.kpi-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);padding-bottom:var(--space-base)}.kpi{min-width:0;background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-sm) var(--space-base);display:flex;flex-direction:column;gap:var(--space-base);text-align:left;position:relative;overflow:hidden}.kpi__ear{position:absolute;inset:0 auto 0 0;width:4px;background:var(--tertiary-fixed-dim)}.kpi--alert .kpi__ear{background:var(--error)}.kpi__label{font-size:13px;letter-spacing:.03em;color:var(--on-surface-variant)}.kpi__value{font-family:var(--font-headline);font-size:38px;line-height:1;font-weight:700;color:var(--primary)}.kpi--alert .kpi__value{color:var(--error)}.kpi__bar{height:4px;border-radius:var(--radius-full);background:var(--surface-variant);overflow:hidden}.kpi__bar>i{display:block;height:100%;background:var(--primary)}.kpi--alert .kpi__bar>i{background:var(--error)}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.quick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-base);padding:var(--space-md) var(--space-sm);min-height:96px;border-radius:var(--radius-md);border:1px solid var(--outline-variant);background:var(--surface-container-high);color:var(--primary);font-weight:600;transition:transform .12s ease}.quick:active{transform:scale(.96)}.quick--primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary);box-shadow:var(--shadow-soft)}.quick svg{width:28px;height:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-base);min-height:48px;padding:0 var(--space-md);border-radius:var(--radius-lg);border:1px solid transparent;font-weight:600;font-size:15px;background:var(--primary);color:var(--on-primary);transition:transform .12s ease}.btn:active:not(:disabled){transform:scale(.97)}.btn--secondary{background:transparent;color:var(--primary);border-color:var(--primary)}.btn--ghost{background:transparent;color:var(--on-tertiary-fixed-variant);border-color:transparent}.btn--danger{background:var(--error);color:var(--on-error)}.btn--block{width:100%}.btn--sm{min-height:44px;padding:0 var(--space-sm);font-size:13px;border-radius:var(--radius)}.btn--confirm{background:#7a4a00;color:#fff}.form-actions{display:grid;gap:var(--space-base)}.btn-row{display:flex;gap:var(--space-base);flex-wrap:wrap}.field{display:block;margin-bottom:var(--space-sm)}.field__label{display:block;font-size:13px;letter-spacing:.05em;font-weight:500;color:var(--primary);margin-bottom:var(--space-xs)}.input,.select,.textarea{width:100%;min-height:48px;padding:10px var(--space-sm);font:inherit;color:var(--on-surface);background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-lg)}.textarea{min-height:84px;resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--tertiary);box-shadow:0 0 0 3px #1c301c1f}.input--qty{max-width:108px;text-align:right;min-height:44px}.input--qty[aria-invalid=true]{border-color:var(--error);box-shadow:0 0 0 3px #ba1a1a1f}.requisition-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,240px);gap:var(--space-sm);margin-bottom:var(--space-sm)}.requisition-table__approval-input{margin-left:auto}.requisition-table__after{color:var(--tertiary);font-weight:700}.requisition-table__after--alert{color:var(--error)}.requisition-table input[aria-invalid=true]{border-color:var(--error);box-shadow:0 0 0 3px #ba1a1a1f}.requisition-approval-bar{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:#fcf9f4f5;border:1px solid var(--outline-variant);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);backdrop-filter:blur(8px)}.requisition-approval-bar__count{color:var(--primary);font-size:16px;font-weight:700}.requisition-approval-bar__actions{display:flex;gap:var(--space-sm)}.requisition-approval-bar__actions .btn{min-width:128px}.requisition-lot-allocations{display:grid;gap:6px;min-width:260px}.requisition-lot-allocation{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--on-surface-variant);font-size:12px}.requisition-lot-allocation .input--qty{max-width:84px}.sku-picker{position:relative}.sku-picker__input{padding-right:38px}.sku-picker__results{position:absolute;z-index:30;inset:calc(100% + 4px) 0 auto;max-height:296px;overflow-y:auto;background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.sku-picker__option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);width:100%;padding:10px var(--space-sm);border:0;border-bottom:1px solid var(--surface-container-low);background:transparent;color:var(--on-surface);font:inherit;font-size:14px;text-align:left}.sku-picker__option:last-child{border-bottom:0}.sku-picker__option:hover,.sku-picker__option.is-active{background:var(--tertiary-fixed);color:var(--on-tertiary-fixed)}.sku-picker__hint{margin:0;padding:10px var(--space-sm);color:var(--on-surface-variant);font-size:13px}.sku-picker__option--out,.sku-picker__option--out:hover{color:var(--on-surface-variant);background:var(--surface-container-low);cursor:not-allowed;opacity:.6}.sku-picker__stock{flex:0 0 auto;color:var(--tertiary);font-size:12px;font-weight:600}.sku-picker__option--out .sku-picker__stock{color:var(--on-surface-variant)}.requisition-stock-hint{margin:4px 0 0}.requisition-stock-hint--out{color:var(--error);font-weight:600}.list{display:flex;flex-direction:column;gap:var(--space-base)}.stock-page__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.stock-page__sub{margin:4px 0 0;color:var(--on-surface-variant);font-size:13px}.stock-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.stock-summary-card{min-height:108px;display:flex;align-items:center;gap:14px;padding:18px;background:#ffffffb8;border:1px solid rgba(208,196,188,.72);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.stock-summary-card__icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:50%}.stock-summary-card__value{margin:3px 0 0;font-size:25px;line-height:1.15;font-weight:700;color:var(--primary);font-variant-numeric:tabular-nums}.stock-summary-card--neutral .stock-summary-card__icon{background:var(--surface-container-high);color:var(--primary)}.stock-summary-card--warning .stock-summary-card__icon{background:#fff0d6;color:#bd7000}.stock-summary-card--danger .stock-summary-card__icon{background:#ffe3e0;color:var(--error)}.stock-summary-card--success .stock-summary-card__icon{background:#e6f2e1;color:#3f7e39}.stock-toolbar{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.stock-search-wrap{position:relative;display:flex;align-items:center;flex:1;max-width:640px}.stock-search-wrap>svg{position:absolute;left:14px;color:var(--on-surface-variant);pointer-events:none}.stock-search{padding-left:46px;min-height:52px;background:#fffc}.stock-filters{position:relative}.stock-filters summary{min-height:52px;display:flex;align-items:center;padding:0 16px;border:1px solid var(--outline-variant);border-radius:var(--radius);color:var(--primary);background:#ffffffad;font-weight:600;cursor:pointer;list-style:none;white-space:nowrap}.stock-filters summary::-webkit-details-marker{display:none}.stock-filters summary:before{content:"⚙";margin-right:8px;font-size:16px}.stock-filters__body{position:absolute;z-index:10;top:60px;right:0;width:min(420px,calc(100vw - 32px));display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.field{display:grid;gap:4px}.filter-current-warehouse{min-height:44px;display:flex;align-items:center;padding:0 12px;border-radius:var(--radius);background:var(--surface-container-low);color:var(--on-surface-variant);font-size:13px}.stock-range{display:flex;align-items:center;gap:6px}.stock-range .input{min-width:0}.stock-filter-chips{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}.stock-filter-chip{min-height:42px;padding:0 14px;border:1px solid var(--outline-variant);border-radius:var(--radius);background:#ffffffa6;color:var(--on-surface-variant);font:inherit;font-size:13px;font-weight:600}.stock-filter-chip:hover{border-color:var(--primary-fixed-dim)}.stock-filter-chip.is-active{border-color:var(--primary);background:var(--primary);color:var(--on-primary)}.stock-results-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.stock-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:20px;align-items:start}.stock-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stock-grid>.empty,.stock-grid>.banner{grid-column:1 / -1}.stock-card{overflow:hidden;border:1px solid rgba(208,196,188,.78);border-radius:var(--radius-lg);background:#ffffffc2;box-shadow:var(--shadow-card)}.stock-card--ok{border-left:4px solid #75a66d}.stock-card--low{border-left:4px solid #e39a27}.stock-card--out{border-left:4px solid #dc5c57}.stock-card--unset{border-left:4px solid var(--outline)}.stock-card__body{display:flex;justify-content:space-between;gap:12px;padding:17px 18px 13px}.stock-card__identity{min-width:0}.stock-card__status{display:inline-flex;align-items:center;min-height:22px;padding:2px 8px;margin-bottom:8px;border-radius:999px;font-size:11px;font-weight:700}.stock-card__status--ok{background:#e6f2e1;color:#31672f}.stock-card__status--low{background:#fff0d6;color:#7d4800}.stock-card__status--out{background:#ffe3e0;color:#bc3934}.stock-card__status--unset{background:var(--surface-container-high);color:var(--on-surface-variant)}.stock-card__name{margin:0;overflow-wrap:anywhere;color:var(--primary);font-family:var(--font-body);font-size:15px;line-height:1.45;font-weight:700}.stock-card__sku{margin:5px 0 3px;color:var(--on-surface-variant);font-size:12px}.stock-card__quantity{min-width:94px;text-align:right;align-self:center;font-variant-numeric:tabular-nums}.stock-card__qty{color:#367d36;font-size:40px;line-height:.95;font-weight:750;letter-spacing:-.04em}.stock-card--low .stock-card__qty{color:#925600}.stock-card--out .stock-card__qty{color:#d54743}.stock-card__unit{margin-top:5px;color:var(--on-surface-variant);font-size:13px;font-weight:600}.stock-card__value{margin-top:8px;color:var(--on-surface-variant);font-size:11px;white-space:nowrap}.stock-card__actions{display:flex;justify-content:flex-end;gap:7px;padding:0 14px 14px}.stock-card__actions .btn{min-height:44px;padding:0 12px;font-size:13px}.stock-load-more{grid-column:1 / -1;display:flex;justify-content:center;padding:10px 0 18px}.count-input-wrap{display:grid;justify-items:end;gap:2px;min-width:112px}.count-save-status{min-height:16px;text-align:right}.count-save-status--error{color:var(--error)}.dashboard-clear{grid-column:1 / -1;margin:0}.stock-detail{position:sticky;top:80px}.stock-detail:empty{display:none}.stock-detail__panel{padding:18px;border:1px solid var(--outline-variant);border-radius:var(--radius-lg);background:var(--surface-container-lowest);box-shadow:var(--shadow-card)}.stock-detail__head,.stock-move__head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.stock-detail__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px}.stock-detail__stat{padding:10px;border-radius:var(--radius);background:var(--surface-container-low)}.stock-detail__stat-value{margin-top:2px;color:var(--primary);font-weight:700;font-size:20px;font-variant-numeric:tabular-nums}.stock-detail__title{margin:22px 0 10px;color:var(--primary);font-size:15px}.stock-lot-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;margin-bottom:6px;border-radius:var(--radius);background:var(--surface-container-low)}.stock-lot-row__main{display:grid;gap:2px;min-width:0}.stock-lot-row__value{white-space:nowrap;color:var(--primary);font-size:12px;font-weight:600}.stock-card__price{color:var(--primary);font-weight:600}.stock-card__cost{color:var(--on-surface-variant)}@media(max-width:1100px){.stock-layout{grid-template-columns:1fr}.stock-detail{position:static}}@media(max-width:800px){.stock-summary{grid-template-columns:repeat(2,1fr)}.stock-grid{grid-template-columns:1fr}}@media(max-width:540px){.display-lg{font-size:34px;line-height:42px}.stock-export{display:none}.form-actions--sticky{position:sticky;bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + 8px);z-index:20;margin-inline:-8px;padding:8px;background:#fcf9f4f5;border:1px solid var(--outline-variant);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);backdrop-filter:blur(8px)}.requisition-filters{grid-template-columns:1fr}.requisition-approval-bar{align-items:stretch;flex-direction:column;padding:var(--space-sm)}.requisition-approval-bar__actions{display:grid;grid-template-columns:1fr 1fr}.requisition-approval-bar__actions .btn{min-width:0;padding-inline:var(--space-sm)}.stock-page__head{align-items:stretch;flex-direction:column}.stock-page__head .btn{align-self:flex-start}.stock-summary-card{min-height:88px;padding:12px;gap:9px}.stock-summary-card__icon{width:36px;height:36px;flex-basis:36px}.stock-summary-card__icon svg{width:20px;height:20px}.stock-summary-card__value{font-size:19px}.stock-toolbar{flex-direction:column}.stock-search-wrap,.stock-filters{width:100%;max-width:none}.stock-filters summary{width:100%;justify-content:center}.stock-filters__body{left:0;right:auto;grid-template-columns:1fr;width:100%}.stock-filter-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}.stock-filter-chip{white-space:nowrap}}.row{display:flex;align-items:center;gap:var(--space-sm);min-height:64px;padding:var(--space-sm);background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-left:4px solid var(--tertiary-fixed-dim);border-radius:var(--radius);text-align:left;width:100%}.row--critical{border-left-color:var(--error)}.row--warning{border-left-color:var(--secondary-fixed-dim)}.row__main{flex:1;min-width:0}.row__title{font-size:14px;font-weight:600;color:var(--primary)}.row__sub{font-size:12px;color:var(--on-surface-variant)}.row__meta{font-size:11px;color:var(--on-surface-variant);white-space:nowrap}.dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0;background:var(--tertiary)}.dot--critical{background:var(--error)}.dot--warning{background:var(--secondary-fixed-dim)}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;white-space:nowrap;background:var(--secondary-fixed);color:var(--primary)}.chip--ok{background:var(--tertiary-fixed);color:var(--on-tertiary-fixed)}.chip--wait{background:var(--secondary-fixed);color:var(--on-secondary-container)}.chip--alert{background:var(--error-container);color:var(--on-error-container)}.chip--neutral{background:var(--surface-container-high);color:var(--on-surface-variant)}.timeline{position:relative}.timeline__item{position:relative;padding-left:var(--space-lg);padding-bottom:var(--space-md);border-left:1px solid var(--outline-variant);margin-left:15px}.timeline__item:last-child{border-left-color:transparent}.timeline__pin{position:absolute;left:-16px;top:0;width:32px;height:32px;border-radius:var(--radius-full);background:var(--surface-container);border:1px solid var(--outline-variant);display:grid;place-items:center;color:var(--tertiary)}.timeline__pin svg{width:16px;height:16px}.timeline__pin--out{color:var(--primary)}.timeline__body{background:var(--surface-container-low);border-radius:var(--radius-md);padding:var(--space-sm)}.bottom-nav{position:fixed;inset:auto 0 0;z-index:50;height:calc(var(--nav-height) + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-around;padding:var(--space-base) var(--space-xs) calc(var(--space-base) + env(safe-area-inset-bottom));background:var(--surface-container);border-top:1px solid var(--outline-variant);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:56px;min-height:48px;padding:4px 10px;border:0;background:transparent;border-radius:var(--radius-full);color:var(--on-surface-variant);font-size:12px;font-weight:500;text-decoration:none}.nav-item svg{width:24px;height:24px}.nav-item[aria-current=page]{background:var(--tertiary-fixed);color:var(--on-tertiary-fixed)}.nav-item__badge{position:absolute;transform:translate(14px,-6px);width:8px;height:8px;border-radius:var(--radius-full);background:var(--error);border:2px solid var(--surface-container)}.sidebar{display:none}.toast-host{position:fixed;inset:auto 0 calc(var(--nav-height) + env(safe-area-inset-bottom) + 12px) 0;z-index:90;display:grid;justify-items:center;gap:var(--space-base);padding:0 var(--margin-mobile);pointer-events:none}.toast{pointer-events:auto;max-width:520px;width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-soft);font-size:14px}.toast--error{background:var(--error)}.toast--ok{background:var(--tertiary-container)}.empty{text-align:center;padding:var(--space-lg) var(--space-md);color:var(--on-surface-variant)}.empty svg{width:72px;height:72px;opacity:.35;margin-bottom:var(--space-sm)}.skeleton{height:76px;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--surface-container) 25%,var(--surface-container-high) 50%,var(--surface-container) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite linear}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.banner{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);background:var(--error-container);color:var(--on-error-container);font-size:14px;margin-bottom:var(--space-sm)}.banner--info{background:var(--secondary-container);color:var(--on-secondary-container)}.tabs{display:flex;gap:8px;overflow-x:auto;margin:0 0 var(--space-md);padding-bottom:4px}.tab{flex:0 0 auto;border:1px solid var(--outline-variant);border-radius:var(--radius-full);padding:9px 14px;background:var(--surface-container-lowest);color:var(--on-surface-variant);font:inherit}.tab--active{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.form-grid{display:grid;gap:var(--space-sm)}.check-field{display:inline-flex;align-items:center;gap:6px;min-height:32px;font-size:14px;color:var(--on-surface-variant)}.action-row,.access-add{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.action-row .btn{flex:1 1 180px}.role-checks{display:flex;flex-wrap:wrap;gap:4px 14px;margin:var(--space-sm) 0}.admin-user{display:grid;gap:8px}.access-list{display:flex;flex-wrap:wrap;gap:6px}.access-list .chip{padding-right:4px}.icon-btn{width:24px;height:24px;border:0;border-radius:50%;background:transparent;color:inherit;font-size:18px;line-height:1}.import-errors{margin:var(--space-sm) 0 0;padding-left:20px;font-size:13px;color:var(--error)}.login{min-height:100vh;display:grid;place-items:center;padding:var(--margin-mobile)}.login__card{width:100%;max-width:400px}.login__mark{width:72px;height:72px;margin:0 auto var(--space-sm);display:block;color:var(--primary)}.table-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--outline-variant)}table{border-collapse:collapse;width:100%;background:var(--surface-container-lowest);font-size:14px}th,td{padding:var(--space-sm);text-align:left;border-bottom:1px solid var(--tertiary-fixed);white-space:nowrap}th{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--on-surface-variant);background:var(--surface-container-low)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tbody tr:last-child td{border-bottom:0}@media(min-width:900px){.app-shell{display:grid;grid-template-columns:272px 1fr}.sidebar{display:flex;flex-direction:column;position:sticky;top:0;height:100vh;background:var(--surface-container-low);border-right:1px solid var(--outline-variant);padding:var(--space-md) var(--space-sm)}.sidebar .brand{padding:0 var(--space-sm) var(--space-md)}.sidebar__nav{display:flex;flex-direction:column;gap:2px}.sidebar__link{display:flex;align-items:center;gap:var(--space-sm);padding:12px var(--space-sm);border-radius:var(--radius);border:0;background:transparent;text-align:left;width:100%;color:var(--on-surface-variant);font-size:15px;text-decoration:none}.sidebar__link svg{width:20px;height:20px}.sidebar__link:hover{background:var(--surface-variant)}.sidebar__link[aria-current=page]{background:var(--secondary-container);color:var(--on-secondary-container);font-weight:700}.bottom-nav{display:none}.topbar{padding:0 var(--margin-desktop)}.topbar .brand{display:none}.page{padding:var(--space-md) var(--margin-desktop) var(--space-xl)}.toast-host{bottom:24px}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);overflow:visible;margin:0;padding-inline:0;gap:var(--gutter)}.kpi{min-width:0;padding:var(--space-md)}.quick-grid{grid-template-columns:repeat(4,1fr)}.quick-grid--compact{grid-template-columns:repeat(2,minmax(0,260px))}.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter);align-items:start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}