.signin{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;max-width:390px;margin:0 auto;padding:32px 24px;background:var(--md-surface)}.signin__brand{font-size:64px;line-height:1;margin-bottom:8px}.signin__title{margin:0;font:var(--t-hl-sm);color:var(--md-primary)}.signin__subtitle{margin:4px 0 0;font:var(--t-body-md);color:var(--md-on-surface-variant)}.signin__form{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:28px}.signin__label{font:var(--t-label-md);color:var(--md-on-surface-variant)}.signin__input{min-height:56px;padding:0 16px;border:1px solid var(--md-outline);border-radius:var(--r-field);font:var(--t-body-lg);color:var(--md-on-surface);background:var(--md-surface-container-lowest);outline:none;transition:border-color var(--motion),box-shadow var(--motion)}.signin__input:focus{border-color:var(--md-primary);box-shadow:0 0 0 2px var(--md-primary)}.signin__error{margin:16px 0 0;padding:10px 14px;border-radius:var(--r-card);background:var(--md-error-container);color:var(--md-on-error-container);font:var(--t-body-sm);text-align:center}.signin__note{margin:12px 0 0;font:var(--t-body-sm);color:var(--md-on-surface-variant);text-align:center}.app{--phone-w: 390px;display:flex;flex-direction:column;height:100dvh;max-width:var(--phone-w);margin:0 auto;background:var(--md-surface);box-shadow:var(--sh-1)}.glass{background:color-mix(in srgb,var(--md-surface-container) 74%,transparent);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%)}.app-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;height:var(--appbar-h);padding:0 16px;border-bottom:1px solid var(--md-outline-variant)}.app-bar__title{font:var(--t-title-lg)}.app-main{flex:1;overflow-y:auto;padding:12px 12px calc(var(--nav-h) + 88px)}.fab-slot{position:fixed;right:max(12px,calc((100vw - var(--phone-w)) / 2 + 24px));bottom:calc(var(--nav-h) + 24px);z-index:20;width:var(--fab-size);height:var(--fab-size);border-radius:var(--r-fab)}.nav-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:10;display:grid;grid-template-columns:repeat(5,1fr);width:100%;max-width:var(--phone-w);height:var(--nav-h);padding:6px 4px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--md-outline-variant)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:var(--r-chip);color:var(--md-on-surface-variant);transition:color var(--motion),background var(--motion)}.nav-item--active{color:var(--md-primary);background:var(--md-primary-container)}.nav-item__icon{font-size:20px;line-height:24px}.nav-item__label{font:var(--t-label-sm)}.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:60dvh;padding:24px;text-align:center}.placeholder__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--md-surface-container-highest);font-size:24px}.placeholder__title{font:var(--t-title-md)}.placeholder__hint{font:var(--t-body-sm);color:var(--md-on-surface-variant)}.boot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100dvh;background:var(--md-surface)}.boot__logo{font-size:56px}.boot__text{font:var(--t-title-lg);color:var(--md-primary)}@media(min-width:880px){.app{max-width:1280px;height:100dvh;box-shadow:none}.nav-bar{left:0;top:0;transform:none;width:80px;max-width:80px;height:100dvh;grid-template-columns:1fr;grid-template-rows:repeat(5,auto);align-content:start;gap:4px;padding:var(--appbar-h) 8px;border-top:none;border-right:1px solid var(--md-outline-variant)}.app-bar{left:80px}.app-main{margin-left:80px;padding-bottom:24px}.fab-slot{right:24px;bottom:24px}}:root{--md-primary: #8B4A2B;--md-on-primary: #FFFFFF;--md-primary-container: #FFDBCB;--md-on-primary-container: #331400;--md-secondary: #77574A;--md-on-secondary: #FFFFFF;--md-secondary-container: #F5DED3;--md-on-secondary-container: #281812;--md-tertiary: #7A5900;--md-on-tertiary: #FFFFFF;--md-tertiary-container: #FFDEA6;--md-on-tertiary-container: #261A00;--md-error: #B3261E;--md-on-error: #FFFFFF;--md-error-container: #F9DEDC;--md-on-error-container: #410E0B;--md-surface: #FFF8F5;--md-on-surface: #221A15;--md-surface-variant: #F2DFD5;--md-on-surface-variant: #52443C;--md-outline: #85736B;--md-outline-variant: #D6C2B8;--md-surface-container-lowest: #FFFFFF;--md-surface-container-low: #FFF1EA;--md-surface-container: #F5E9E1;--md-surface-container-high: #EFE3DA;--md-surface-container-highest: #E9DDD5;--md-inverse-surface: #382E28;--md-inverse-on-surface: #FFEDE3;--md-inverse-primary: #FFB68C;--md-scrim: rgba(0, 0, 0, .45);--ok-container: #CFE8D6;--ok-on: #0B3B1E;--ok: #1B6E3C;--warn-container: #FFE3B3;--warn-on: #5C3A00;--brand-container: #FFDBCB;--brand-on: #331400;--neutral-chip: #E9DDD5;--neutral-on: #3E3229;--t-hl-sm: 700 24px/32px system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--t-title-lg: 500 22px/28px system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--t-title-md: 500 16px/24px system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--t-title-sm: 500 14px/20px system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--t-body-lg: 400 16px/24px system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--t-body-md: 400 14px/20px system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--t-body-sm: 400 12px/16px system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--t-label-lg: 500 14px/20px system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--t-label-md: 500 12px/16px system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--t-label-sm: 500 11px/16px system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--r-card: 16px;--r-chip: 8px;--r-chip-sm: 6px;--r-btn: 24px;--r-field: 4px;--r-sheet: 28px;--r-fab: 16px;--r-kpi: 12px;--r-dialog: 28px;--r-snackbar: 12px;--sh-1: 0 1px 2px rgba(0,0,0,.3), 0 1px 3px 1px rgba(0,0,0,.15);--sh-2: 0 1px 2px rgba(0,0,0,.3), 0 1px 3px 1px rgba(0,0,0,.15), 0 4px 8px 3px rgba(0,0,0,.15);--sh-3: 0 2px 6px rgba(0,0,0,.3), 0 8px 12px 6px rgba(0,0,0,.15);--motion: .2s cubic-bezier(.2, 0, 0, 1);--nav-h: 72px;--appbar-h: 56px;--fab-size: 56px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font:var(--t-body-md);color:var(--md-on-surface);background:var(--md-surface);-webkit-font-smoothing:antialiased}button{font:inherit;border:none;background:none;cursor:pointer}.md-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--r-chip);font:var(--t-label-md)}.md-card{background:var(--md-surface-container-lowest);border-radius:var(--r-card);box-shadow:var(--sh-1)}.md-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;border-radius:var(--r-btn);background:var(--md-primary);color:var(--md-on-primary);font:var(--t-label-lg);transition:filter var(--motion)}.md-btn:disabled{opacity:.5;cursor:default}.md-btn--ghost{background:transparent;color:var(--md-primary)}.md-btn--block{width:100%}.scr-stack{display:flex;flex-direction:column;gap:12px}.sec-title{margin:18px 2px 8px;font:var(--t-title-sm);color:var(--md-on-surface-variant)}.scr-card{padding:14px}.card-btn{cursor:pointer;text-align:left;width:100%;transition:background var(--motion),box-shadow var(--motion)}.card-btn:hover{background:var(--md-surface-container-high)}.card-alert{background:var(--md-error-container);box-shadow:none}.card-alert .card__title{color:var(--md-on-error-container)}.card-alert .card__sub{color:var(--md-on-error-container);opacity:.8}.card__title{font:var(--t-title-md)}.card__sub{font:var(--t-body-sm);color:var(--md-on-surface-variant)}.card__row{display:flex;align-items:center;justify-content:space-between;gap:8px}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kpi{background:var(--md-surface-container-lowest);border-radius:var(--r-kpi);box-shadow:var(--sh-1);padding:12px}.kpi__value{font:var(--t-hl-sm)}.kpi__value--err{color:var(--md-error)}.kpi__value--ok{color:var(--ok)}.kpi__label{font:var(--t-label-md);color:var(--md-on-surface-variant);margin-top:2px}.st-ok{background:var(--ok-container);color:var(--ok-on)}.st-err{background:var(--md-error-container);color:var(--md-on-error-container)}.st-warn{background:var(--warn-container);color:var(--warn-on)}.st-brand{background:var(--brand-container);color:var(--brand-on)}.st-neutral{background:var(--neutral-chip);color:var(--neutral-on)}.inline-note{padding:10px 12px;border-radius:var(--r-card);font:var(--t-body-sm);margin:8px 0}.inline-note--warn{background:var(--warn-container);color:var(--warn-on)}.inline-note--err{background:var(--md-error-container);color:var(--md-on-error-container)}.skeleton{border-radius:var(--r-card);background:linear-gradient(100deg,var(--md-surface-container-highest) 40%,var(--md-surface-container) 50%,var(--md-surface-container-highest) 60%);background-size:200% 100%;animation:scr-shimmer 1.2s infinite}@keyframes scr-shimmer{to{background-position:-200% 0}}.empty{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:28px 16px}.empty__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--md-surface-container-highest);font-size:24px}.empty__title{font:var(--t-title-md)}.empty__hint{font:var(--t-body-sm);color:var(--md-on-surface-variant)}.empty__cta{margin-top:10px}.error-box{padding:14px;border-radius:var(--r-card);background:var(--md-error-container);color:var(--md-on-error-container)}.error-box__title{font:var(--t-label-lg)}.error-box__text{font:var(--t-body-sm);margin-top:4px}.fab-btn{display:flex;align-items:center;justify-content:center;width:var(--fab-size);height:var(--fab-size);border-radius:var(--r-fab);background:var(--md-primary);color:var(--md-on-primary);box-shadow:var(--sh-3);font-size:24px}.fab-btn:active{filter:brightness(.92)}.back-bar{display:flex;align-items:center;gap:10px;padding:4px 2px 10px}.back-bar__btn{position:relative;width:40px;height:40px;border-radius:50%;font-size:18px;color:var(--md-primary)}.back-bar__btn:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px}.back-bar__title{font:var(--t-title-md)}.seg{display:flex;gap:4px;background:var(--md-surface-container-high);border-radius:var(--r-chip);padding:4px;margin:10px 0}.seg__item{flex:1;padding:8px 10px;border-radius:6px;font:var(--t-label-md);color:var(--md-on-surface-variant)}.seg__item--on{background:var(--md-surface-container-lowest);color:var(--md-primary);box-shadow:var(--sh-1)}.search{display:flex;align-items:center;gap:8px;background:var(--md-surface-container-low);border:1px solid var(--md-outline);border-radius:var(--r-field);padding:0 12px;min-height:48px;margin-bottom:10px}.search__icon{color:var(--md-on-surface-variant)}.search input{flex:1;border:none;background:none;outline:none;font:var(--t-body-md);color:var(--md-on-surface);min-width:0}.chip-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.chip-row .md-chip{cursor:pointer;border:1px solid transparent}.chip-row .md-chip--on{border-color:var(--md-primary);outline:1px solid var(--md-primary)}.mv-row{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:start}.mv-row__ic{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-weight:700;font-size:15px}.mv-row__ic--in{background:var(--ok-container);color:var(--ok-on)}.mv-row__ic--out{background:var(--md-error-container);color:var(--md-on-error-container)}.mv-row__ic--adj{background:var(--warn-container);color:var(--warn-on)}.mv-row__ic--rev{background:var(--neutral-chip);color:var(--neutral-on)}.mv-row__body{min-width:0}.mv-row__item{font:var(--t-title-sm)}.mv-row__meta{font:var(--t-body-sm);color:var(--md-on-surface-variant)}.mv-row__qty{text-align:right;font:var(--t-title-sm)}.mv-row__qty--pos{color:var(--ok)}.mv-row__qty--neg{color:var(--md-error)}.mv-row__price{text-align:right;font:var(--t-body-sm);color:var(--md-on-surface-variant)}.mv-row__acts{grid-column:1 / -1;display:flex;gap:8px;padding-top:4px}.mv-chip-link{color:var(--md-primary);font:var(--t-label-md)}.sum-quick{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:4px}.sum-quick .md-chip{cursor:pointer}.sum-quick .md-chip:active{filter:brightness(.94)}.mv-compact{display:flex;align-items:center;gap:8px;font:var(--t-body-sm);padding:6px 0;border-bottom:1px solid var(--md-surface-container)}.mv-compact:last-child{border-bottom:none}.mv-compact__ic{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.mv-compact__txt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pipe{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pipe-col{background:var(--md-surface-container-low);border-radius:var(--r-card);padding:8px}.pipe-col__head{font:var(--t-label-md);color:var(--md-on-surface-variant);margin-bottom:6px}.pipe-card{cursor:pointer}.pipe-card+.pipe-card{margin-top:8px}.order-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.order-head__id{font:var(--t-label-sm);color:var(--md-on-surface-variant)}.order-line-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--md-surface-container);font:var(--t-body-sm)}.order-line-row:last-child{border-bottom:none}.order-total{display:flex;align-items:baseline;justify-content:space-between;padding:10px 0 0;font:var(--t-title-md);border-top:1px solid var(--md-outline-variant);margin-top:6px}.order-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.order-actions .md-btn{flex:1;min-width:140px;height:44px;padding:0 14px;font:var(--t-label-md)}.item-card{display:flex;align-items:center;gap:12px}.item-card__qty{font:var(--t-title-lg)}.item-card__qty small{font:var(--t-body-sm);color:var(--md-on-surface-variant)}.item-card__body{flex:1;min-width:0}.item-card__name{font:var(--t-title-sm)}.item-card__sub{font:var(--t-body-sm);color:var(--md-on-surface-variant)}.item-detail-qty{font:var(--t-hl-sm);font-size:34px;line-height:40px}.layer-row{display:flex;justify-content:space-between;gap:8px;font:var(--t-body-sm);padding:6px 0;border-bottom:1px solid var(--md-surface-container)}.layer-row:last-child{border-bottom:none}.act-row-3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.act-row-3 .md-btn{height:42px;padding:0 8px;font:var(--t-label-md)}.form-stack{display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:4px}.field__label{font:var(--t-label-md);color:var(--md-on-surface-variant)}.field__input,.field select{min-height:48px;padding:0 12px;border:1px solid var(--md-outline);border-radius:var(--r-field);font:var(--t-body-md);color:var(--md-on-surface);background:var(--md-surface-container-lowest);outline:none}.field__input:focus,.field select:focus{border-color:var(--md-primary);box-shadow:0 0 0 2px var(--md-primary)}.field__hint{font:var(--t-body-sm);color:var(--md-on-surface-variant)}.radio-row{display:flex;flex-direction:column;gap:8px}.radio-row label{display:flex;align-items:flex-start;gap:8px;font:var(--t-body-md);padding:8px 10px;border-radius:var(--r-chip);background:var(--md-surface-container-low);cursor:pointer}.radio-row input{accent-color:var(--md-primary);margin-top:3px}.draft-line{display:grid;grid-template-columns:1fr 76px 96px 32px;gap:6px;align-items:center;padding:8px;background:var(--md-surface-container-low);border-radius:var(--r-chip)}.draft-line .field{gap:2px}.draft-line .field__label{font:var(--t-label-sm)}.draft-line .field__input{min-height:40px;padding:0 8px;font:var(--t-body-sm)}.draft-line select{min-height:40px;padding:0 6px;font:var(--t-body-sm)}.draft-line__del{position:relative;width:32px;height:32px;border-radius:50%;color:var(--md-error);font-size:16px;align-self:end}.draft-line__del:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.vendor-chip{display:flex;align-items:center;gap:8px;padding:8px 12px 8px 8px;border-radius:20px;background:var(--md-surface-container-low);cursor:pointer}.vendor-chip:active{background:var(--md-surface-container-high)}.vendor-chip__av{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--md-primary-container);color:var(--md-on-primary-container);font:var(--t-label-md)}.vendor-block{display:flex;align-items:center;gap:10px}.vendor-block__name{font:var(--t-title-md)}.vendor-block__sub{font:var(--t-body-sm);color:var(--md-on-surface-variant)}.busy-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--md-scrim);display:flex;align-items:center;justify-content:center;z-index:30}.busy-overlay__box{background:var(--md-surface-container-lowest);border-radius:var(--r-dialog);padding:20px 28px;font:var(--t-title-sm);box-shadow:var(--sh-3)}.feed-item{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--md-surface-container)}.feed-item__dot{width:10px;height:10px;border-radius:50%;background:var(--md-primary);margin-top:5px;flex:none}.feed-item__txt{font:var(--t-body-sm)}.feed-item__time{font:var(--t-label-sm);color:var(--md-on-surface-variant)}@media(min-width:880px){.kpi-grid{grid-template-columns:repeat(4,1fr)}.scr-stack{max-width:1000px}.pipe{max-width:900px;margin:0 auto}}