*,:before,:after{box-sizing:border-box}:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--bg:#f8f9fa;--surface:#fff;--border:#dee2e6;--text:#343a40;--text-muted:#6c757d;--text-heading:#212529;--primary:#2563eb;--primary-dark:#1d4ed8;--success-bg:#f0fdf4;--success-text:#15803d;--success-border:#bbf7d0;--error-bg:#fef2f2;--error-text:#b91c1c;--error-border:#fecaca;--warning-bg:#fffbeb;--warning-text:#b45309;--warning-border:#fde68a;--nav-bg:#1e293b;--nav-text:#cbd5e1;--nav-active:#fff;--nav-hover:#334155;--radius:6px;--shadow:0 1px 3px #0000001a, 0 1px 2px #0000000f;font:16px/1.5 var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}body{margin:0}#root{min-height:100svh}h1,h2,h3{color:var(--text-heading);margin:0 0 .5rem}p{margin:0 0 .5rem}ul{margin:0;padding:0;list-style:none}.app-shell{flex-direction:column;min-height:100svh;display:flex}.app-nav{background:var(--nav-bg);flex-wrap:wrap;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;display:flex}.app-nav__brand{color:#fff;white-space:nowrap;font-size:1.1rem;font-weight:700;text-decoration:none}.app-nav__area{color:#ffffff8c;white-space:nowrap;border:1px solid #fff3;border-radius:99px;padding:.2rem .6rem;font-size:.8rem}.app-nav__links{flex-wrap:wrap;gap:.25rem;display:flex}.app-nav__link{color:var(--nav-text);border-radius:var(--radius);padding:.4rem .75rem;font-size:.9rem;text-decoration:none;transition:background .15s,color .15s}.app-nav__link:hover{background:var(--nav-hover);color:#fff}.app-nav__link--active{background:var(--nav-hover);color:var(--nav-active);font-weight:600}.nav-user{margin-left:auto;position:relative}.nav-user__btn{border-radius:var(--radius);color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #fff3;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.9rem;font-weight:600;transition:background .15s,border-color .15s;display:flex}.nav-user__btn:hover{background:var(--nav-hover);border-color:#ffffff59}.nav-user__caret{opacity:.7;font-size:.6rem}.nav-user__dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);z-index:200;min-width:180px;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 8px 24px #00000026}.nav-user__info{border-bottom:1px solid var(--border);flex-direction:column;gap:.15rem;padding:.75rem 1rem;display:flex}.nav-user__full{color:var(--text-heading);font-size:.9rem;font-weight:600}.nav-user__code{color:var(--text-muted);font-size:.8rem;font-family:var(--mono)}.nav-user__signout{text-align:left;width:100%;color:var(--error-text);cursor:pointer;background:0 0;border:none;padding:.65rem 1rem;font-size:.9rem;transition:background .1s;display:block}.nav-user__signout:hover{background:var(--error-bg)}.app-content{flex:1;width:100%;max-width:860px;margin:0 auto;padding:2rem 1.5rem}.page__title{border-bottom:2px solid var(--border);margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.6rem}.page__section{margin-bottom:1.75rem}.section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:1rem;font-weight:600}.hint{color:var(--text-muted);margin-top:.5rem;font-size:.9rem}.form-label{margin-bottom:.4rem;font-size:.9rem;font-weight:600;display:block}.form-select{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;max-width:360px;color:var(--text);appearance:auto;padding:.55rem .75rem;font-size:1rem}.form-select:focus{outline:2px solid var(--primary);outline-offset:1px}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;padding:.55rem 1.25rem;font-size:.95rem;font-weight:600;transition:background .15s,box-shadow .15s}.btn--primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn--primary:hover:not(:disabled){background:var(--primary-dark)}.btn--secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn--secondary:hover:not(:disabled){background:var(--bg)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--sm{padding:.3rem .75rem;font-size:.85rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.section-header .section-title{margin-bottom:0}.scanner-input{gap:.5rem;max-width:520px;display:flex}.scanner-input__field{border:2px solid var(--border);border-radius:var(--radius);font-size:1.05rem;font-family:var(--mono);background:var(--surface);color:var(--text);flex:1;padding:.6rem .85rem;transition:border-color .15s}.scanner-input__field:focus{border-color:var(--primary);outline:none}.scanner-input__field:disabled{background:var(--bg);color:var(--text-muted)}.scanner-input__btn{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;padding:.6rem 1.2rem;font-size:1rem;font-weight:600;transition:background .15s}.scanner-input__btn:hover:not(:disabled){background:var(--primary-dark)}.scanner-input__btn:disabled{opacity:.5;cursor:not-allowed}.recents-empty{color:var(--text-muted);font-style:italic}.recents-list{flex-direction:column;gap:.4rem;display:flex}.recents-row{border-radius:var(--radius);border:1px solid;grid-template-columns:auto 1fr 2fr auto;align-items:center;gap:1rem;padding:.6rem 1rem;font-size:.9rem;transition:background-color 2s,border-color 2s,color 2s;display:grid}.recents-row--success{background:var(--success-bg);color:var(--success-text);border-color:var(--success-border)}.recents-row--error{background:var(--error-bg);color:var(--error-text);border-color:var(--error-border)}.recents-row--warning{background:var(--warning-bg);color:var(--warning-text);border-color:var(--warning-border)}.recents-row--success.recents-row--fading{border-color:var(--border);color:var(--text-muted);background:#fff}.recents-row--error.recents-row--fading{color:var(--text-muted);background:#fff5f5;border-color:#fecaca}.recents-row--warning.recents-row--fading{border-color:var(--border);color:var(--text-muted);background:#fffdf5}.recents-row__mo{flex-direction:column;gap:.1rem;display:flex}.recents-row__mo-num{font-family:var(--mono);white-space:nowrap;font-weight:700}.recents-row__mo-meta{opacity:.8;white-space:nowrap;font-size:.78rem;font-weight:400}.recents-row__status{white-space:nowrap}.recents-row__time{color:inherit;opacity:.7;white-space:nowrap;font-size:.8rem}.modal-backdrop{z-index:999;background:#00000073;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:calc(var(--radius) * 1.5);width:100%;max-width:480px;overflow:hidden;box-shadow:0 20px 60px #00000040}.modal__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.modal__title{margin:0;font-size:1.1rem}.modal__close{cursor:pointer;color:var(--text-muted);border-radius:var(--radius);background:0 0;border:none;padding:.25rem .5rem;font-size:1.1rem;line-height:1}.modal__close:hover{background:var(--bg)}.modal__body{flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.modal__info{font-weight:500}.modal__prompt{color:var(--text-muted);font-size:.9rem}.modal__textarea{border:1px solid var(--border);border-radius:var(--radius);width:100%;font-size:.95rem;font-family:var(--sans);resize:vertical;padding:.6rem .75rem}.modal__textarea:focus{outline:2px solid var(--primary);outline-offset:1px}.modal__actions{justify-content:flex-end;gap:.75rem;padding-top:.25rem;display:flex}.auth-shell{background:var(--bg);justify-content:center;align-items:center;min-height:100svh;padding:1rem;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) * 2);box-shadow:var(--shadow);width:100%;max-width:380px;padding:2.5rem 2rem}.auth-card--wide{max-width:560px}.auth-card__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.auth-card__title{margin-bottom:.25rem;font-size:1.6rem}.auth-card__subtitle{color:var(--text-muted);margin-bottom:1.75rem;font-size:.95rem}.auth-form{flex-direction:column;gap:.75rem;display:flex}.auth-form__input{border:2px solid var(--border);border-radius:var(--radius);width:100%;font-size:1.2rem;font-family:var(--mono);text-align:center;letter-spacing:.1em;background:var(--surface);color:var(--text);padding:.7rem 1rem;transition:border-color .15s}.auth-form__input:focus{border-color:var(--primary);outline:none}.auth-form__input:disabled{background:var(--bg)}.auth-form__btn{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;padding:.75rem;font-size:1rem;font-weight:700;transition:background .15s}.auth-form__btn:hover:not(:disabled){background:var(--primary-dark)}.auth-form__btn:disabled{opacity:.5;cursor:not-allowed}.auth-form__error{color:var(--error-text);text-align:center;margin:0;font-size:.9rem}.area-list{flex-direction:column;gap:.5rem;display:flex}.area-list__item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.25rem;font-size:1rem;transition:border-color .15s,background .15s;display:flex}.area-list__item:hover{border-color:var(--primary);background:var(--surface)}.area-list__name{font-weight:600}.area-list__role{color:var(--text-muted);text-transform:capitalize;font-size:.8rem}.home{padding:2rem 0}.home__header{border-bottom:2px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.home__greeting{margin-bottom:.25rem;font-size:1.6rem}.home__area{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.95rem;display:flex}.home__area-label{color:var(--text);font-weight:600}.home__area-role{background:var(--primary);color:#fff;text-transform:capitalize;border-radius:99px;padding:.15rem .5rem;font-size:.75rem}.home__grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.home-card{background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) * 1.5);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:.4rem;width:100%;padding:1.5rem 1.25rem;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex}.home-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 16px #2563eb1f}.home-card__emoji{font-size:2rem;line-height:1}.home-card__label{color:var(--text-heading);font-size:1.05rem;font-weight:700}.home-card__desc{color:var(--text-muted);font-size:.85rem}.filter-row{flex-wrap:wrap;gap:.5rem;display:flex}.filter-row__input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:160px;max-width:260px;color:var(--text);flex:1;padding:.55rem .75rem;font-size:.95rem}.filter-row__input:focus{outline:2px solid var(--primary);outline-offset:1px}.filter-row__select{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);appearance:auto;padding:.55rem .75rem;font-size:.95rem}.filter-row__select:focus{outline:2px solid var(--primary);outline-offset:1px}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.9rem}.data-table th{text-align:left;background:var(--bg);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);white-space:nowrap;padding:.6rem .9rem;font-size:.8rem;font-weight:600}.data-table td{border-bottom:1px solid var(--border);color:var(--text);padding:.6rem .9rem}.data-table tbody tr:last-child td{border-bottom:none}.data-table__row--clickable{cursor:pointer;transition:background .1s}.data-table__row--clickable:hover{background:var(--bg)}.data-table__mono{font-family:var(--mono);font-weight:600}.data-table__empty{text-align:center;color:var(--text-muted);padding:1.5rem;font-style:italic}.badge{border-radius:99px;padding:.15rem .55rem;font-size:.8rem;font-weight:600;display:inline-block}.badge--active{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.badge--left{background:var(--bg);color:var(--text-muted);border:1px solid var(--border)}.badge--preparing{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.badge--done{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.pagination{justify-content:center;align-items:center;gap:1rem;margin-top:1.25rem;display:flex}.pagination__info{color:var(--text);font-size:.9rem}.pagination__total{color:var(--text-muted)}.receiving-selectors{flex-wrap:wrap;gap:1.25rem;display:flex}.receiving-selectors .form-select{min-width:200px}.receiving-status{flex-direction:column;gap:.5rem;margin-bottom:.75rem;display:flex}.receiving-status__item{align-items:baseline;gap:.6rem;display:flex}.receiving-status__label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);flex-shrink:0;width:3.5rem;font-size:.75rem}.receiving-status__value{color:var(--text-muted);font-size:.95rem}.receiving-status__value--set{color:var(--success-text);font-weight:600}.selected-bin{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.selected-bin__info{flex-direction:column;gap:.15rem;display:flex}.selected-bin__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.selected-bin__name{font-size:1rem;font-weight:600}.selected-bin__barcode{font-family:var(--mono);color:var(--text-muted);font-size:.8rem}.mo-back-btn{margin-bottom:1.25rem}.page__title-row{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.page__title-row .page__title{margin-bottom:0}.scanner-ready{color:var(--text-muted);padding:.75rem 0;font-size:1.1rem}.manual-scan-row{align-items:center;gap:.5rem;display:flex}.manual-scan-row__company{flex-shrink:0;width:auto}.manual-scan-row .scanner-input{flex:1}.preparing-form{flex-direction:column;gap:.75rem;max-width:480px;display:flex}.preparing-form__toggle{cursor:pointer;align-items:center;gap:.5rem;font-weight:500;display:flex}.preparing-form__toggle input[type=checkbox]{cursor:pointer;width:1.1rem;height:1.1rem}.preparing-form__actions{gap:.75rem;display:flex}.form-textarea{border:1px solid var(--border);border-radius:var(--radius);resize:vertical;background:var(--surface);width:100%;color:var(--text);padding:.5rem .75rem;font-family:inherit;font-size:.95rem}.form-textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4f46e526}.hint--success{color:var(--success)}.mo-page-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.mo-page-header .page__title{margin-bottom:0}.mo-pdf-btn{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:.4rem;transition:color .15s,border-color .15s,background .15s;display:flex}.mo-pdf-btn svg{width:1.3rem;height:1.3rem;display:block}.mo-pdf-btn:hover{color:var(--primary);border-color:var(--primary);background:var(--bg)}.mo-info{grid-template-columns:1fr 1fr;gap:.5rem 2rem;margin:0;display:grid}.mo-info__row{display:contents}.mo-info dt{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;padding:.4rem 0;font-size:.85rem;font-weight:600}.mo-info dd{border-bottom:1px solid var(--border);margin:0;padding:.4rem 0}@media (width<=480px){.mo-info{grid-template-columns:1fr}}.proj-select-form{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.proj-select-form__field{flex-direction:column;gap:.35rem;display:flex}.proj-select-form__go{align-self:flex-end;padding:.55rem 1.5rem}.proj-view-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.proj-empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;padding:3rem 1rem;display:flex}.proj-stats-bar{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;padding:.9rem 1.25rem;display:flex}.proj-stat{flex-direction:column;gap:.1rem;display:flex}.proj-stat__label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:600}.proj-stat__value{color:var(--text-heading);font-size:1.1rem;font-weight:700}.proj-stat__value--good{color:var(--success-text)}.proj-stat__value--low{color:var(--error-text)}.proj-config{flex-wrap:wrap;gap:1.25rem;margin-bottom:1.25rem;display:flex}.proj-config__field{flex-direction:column;gap:.35rem;display:flex}.proj-config__input{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:120px;color:var(--text);padding:.5rem .6rem;font-size:.95rem}.proj-config__input:focus{outline:2px solid var(--primary);outline-offset:1px}.proj-edit-panels{grid-template-columns:1fr 1fr;align-items:start;gap:1.25rem;display:grid}@media (width<=780px){.proj-edit-panels{grid-template-columns:1fr}}.proj-panel{flex-direction:column;gap:.75rem;display:flex}.proj-pqty-input{border:1px solid var(--border);border-radius:var(--radius);text-align:right;background:var(--surface);width:70px;padding:.3rem .4rem;font-size:.9rem}.proj-pqty-input:focus{outline:2px solid var(--primary);outline-offset:1px}.proj-remove-btn{color:var(--error-text);cursor:pointer;border-radius:var(--radius);background:0 0;border:none;padding:.2rem .4rem;font-size:.9rem}.proj-remove-btn:hover{background:var(--error-bg)}.proj-row--added{opacity:.45}.proj-manual{flex-wrap:wrap;gap:.5rem;display:flex}.proj-manual__input{border:1px solid var(--border);border-radius:var(--radius);min-width:120px;font-size:.95rem;font-family:var(--mono);background:var(--surface);flex:1;padding:.5rem .65rem}.proj-manual__select{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:.5rem .6rem;font-size:.9rem}