:root{--blue-600:#2563eb;--blue-700:#1d4ed8;--blue-800:#1e40af;--green-600:#059669;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--canvas:#f1f5f9;--card:#ffffff;--radius:12px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased}h1,h2{margin:0}.brandmark{width:44px;height:44px;border-radius:12px;background:#fff;color:var(--blue-700);font-weight:800;font-size:22px;display:flex;align-items:center;justify-content:center}.brandmark--sm{width:30px;height:30px;border-radius:8px;font-size:16px;background:var(--blue-600);color:#fff}.login{min-height:100%;display:grid;grid-template-columns:1.1fr 1fr}.login__brand{background:linear-gradient(150deg,var(--blue-700),var(--blue-800) 70%);color:#fff;padding:56px 52px;display:flex;flex-direction:column;gap:18px}.brand__name{font-weight:600;letter-spacing:.02em;opacity:.9;margin-top:6px}.brand__headline{font-size:40px;line-height:1.1;font-weight:700;margin-top:auto;letter-spacing:-.02em}.brand__sub{color:#dbeafe;max-width:34ch;line-height:1.6;margin:0 0 6px}.login__panel{display:flex;align-items:center;justify-content:center;padding:40px}.signin{width:100%;max-width:360px}.signin__title{font-size:26px;font-weight:700;letter-spacing:-.01em}.signin__hint{color:var(--muted);margin:6px 0 26px}.field{display:block;margin-bottom:16px}.field span{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.field input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:15px;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:var(--blue-600);box-shadow:0 0 0 3px #2563eb26}.signin__err{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;padding:10px 12px;border-radius:10px;font-size:14px;margin-bottom:14px}.btn{border:none;border-radius:10px;padding:12px 16px;font-size:15px;font-weight:600;cursor:pointer}.btn--primary{background:var(--blue-600);color:#fff;width:100%}.btn--primary:hover{background:var(--blue-700)}.btn--primary:disabled{opacity:.6;cursor:default}.topbar{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#fff;border-bottom:1px solid var(--line)}.topbar__title{font-weight:600}.linkbtn{margin-left:auto;background:none;border:none;color:var(--blue-600);font-size:14px;cursor:pointer}.home__body{max-width:860px;margin:0 auto;padding:32px 20px}.home__eyebrow{color:var(--muted);margin:0 0 4px;font-size:14px}.home__name{font-size:28px;font-weight:700;letter-spacing:-.01em;margin-bottom:24px}.modules{display:grid;grid-template-columns:1fr 1fr;gap:16px}.module{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;cursor:pointer;transition:box-shadow .15s,transform .05s;display:flex;flex-direction:column;gap:8px}.module:hover{box-shadow:0 6px 20px #0f172a14}.module:active{transform:translateY(1px)}.module__icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px}.module__icon--blue{background:#dbeafe}.module__icon--green{background:#d1fae5}.module__title{font-size:17px;font-weight:600;margin-top:4px}.module__desc{color:var(--muted);font-size:14px;line-height:1.5}.module__cta{color:var(--blue-600);font-size:14px;font-weight:600;margin-top:4px}@media (max-width:820px){.login{grid-template-columns:1fr}.login__brand{display:none}.modules{grid-template-columns:1fr}.brand__headline{font-size:32px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.screen{min-height:100%;display:flex;flex-direction:column;background:var(--canvas)}.appbar{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.appbar h1{font-size:18px;font-weight:600}.appbar__back{background:none;border:none;font-size:22px;line-height:1;cursor:pointer;color:var(--ink);padding:0 4px}.screen__body{flex:1;width:100%;max-width:720px;margin:0 auto;padding:18px 16px 96px}.lbl{display:block;font-size:12px;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}.lbl--mt{margin-top:22px}.search{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:15px;background:#fff;outline:none}.search:focus{border-color:var(--blue-600);box-shadow:0 0 0 3px #2563eb26}.list{margin-top:10px;display:flex;flex-direction:column;gap:8px}.row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer}.row:hover{border-color:#cbd5e1}.row__main{display:flex;flex-direction:column;min-width:0;flex:1}.row__title{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row__sub{font-size:13px;color:var(--muted)}.row__chev{color:#cbd5e1;font-size:20px}.avatar{width:38px;height:38px;border-radius:10px;background:#eef2ff;color:var(--blue-700);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}.pin{width:38px;text-align:center;font-size:18px;flex:none}.chosen{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px}.chosen__main{display:flex;flex-direction:column;min-width:0;flex:1}.chosen__title{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chosen__sub{font-size:13px;color:var(--muted)}.link{background:none;border:none;color:var(--blue-600);font-size:14px;cursor:pointer;font-weight:600}.soa-btn{background:#eef2ff;color:var(--blue-700);border:none;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:700;cursor:pointer}.empty{color:var(--muted);font-size:14px;padding:10px 2px}.footer{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--line);padding:14px 16px}.footer .btn{width:100%;max-width:720px;margin:0 auto;display:block}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;display:flex;align-items:flex-end;justify-content:center;z-index:20}.sheet__panel{width:100%;max-width:560px;background:#fff;border-radius:16px 16px 0 0;padding:12px 18px 24px;max-height:80vh;overflow:auto;animation:slideup .18s ease-out}@keyframes slideup{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet__grab{width:40px;height:4px;border-radius:2px;background:#e2e8f0;margin:2px auto 12px}.sheet__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.sheet__head h2{font-size:18px;font-weight:700}.soa-total{display:flex;align-items:baseline;justify-content:space-between;padding:12px 14px;background:#f8fafc;border:1px solid var(--line);border-radius:12px;margin-bottom:14px}.soa-total span{color:var(--muted);font-size:14px}.soa-total strong{font-size:20px;font-weight:700}.soa-list{display:flex;flex-direction:column}.soa-item{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:11px 4px;border-bottom:1px solid var(--line);font-size:14px}.soa-item__doc{font-weight:600}.soa-item__date{color:var(--muted)}.soa-item__amt{font-weight:600;text-align:right;min-width:90px}@media (max-width:520px){.sheet__panel{border-radius:16px 16px 0 0}}.ocard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:18px}.ocard__row{display:flex;align-items:center;justify-content:space-between;gap:10px}.ocard__cust{font-size:16px;font-weight:700}.ocard__sub{font-size:13px;color:var(--muted);margin-top:2px}.ocard__wh{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.ocard__wh span{font-size:13px;color:var(--muted)}.ocard__wh select{border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:14px;background:#fff}.lines__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.lines__head span{font-weight:600;font-size:14px}.oline{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:10px}.oline__top{display:flex;justify-content:space-between;gap:8px}.oline__desc{font-size:14px;line-height:1.3}.oline__code{font-weight:700}.oline__x{background:none;border:none;color:#94a3b8;font-size:15px;cursor:pointer;padding:0 2px}.oline__meta{font-size:12px;color:var(--muted);margin-top:3px}.oline__oh{color:#0f766e}.oline__bottom{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.oline__price{font-size:14px;font-weight:600;text-align:right}.oline__lt{color:var(--muted);font-weight:600}.oline__listprice{color:var(--muted);font-weight:500;font-size:13px}.stepper{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden}.stepper button{width:38px;height:38px;border:none;background:#f8fafc;font-size:18px;cursor:pointer;color:var(--ink)}.stepper button:hover{background:#eef2ff}.stepper input{width:52px;height:38px;border:none;border-left:1px solid var(--line);border-right:1px solid var(--line);text-align:center;font-size:15px}.footer--totals{display:flex;flex-direction:column;gap:12px}.totals{max-width:720px;margin:0 auto;width:100%}.totals>div{display:flex;justify-content:space-between;font-size:14px;color:var(--muted);padding:2px 0}.totals>div b{color:var(--ink);font-weight:600}.totals__grand{border-top:1px solid var(--line);margin-top:6px;padding-top:8px!important}.totals__grand span{color:var(--ink);font-weight:600;font-size:16px}.totals__grand b{font-size:20px!important}.pickadd{width:30px;height:30px;border-radius:8px;background:var(--blue-600);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}.done{max-width:420px;margin:0 auto;padding:80px 24px;text-align:center}.done__check{width:64px;height:64px;border-radius:50%;background:#d1fae5;color:#059669;font-size:34px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px}.done h2{font-size:22px;font-weight:700}.done__ref{font-size:18px;font-weight:700;color:var(--blue-700);margin:8px 0 2px}.done__sub{color:var(--muted);margin-bottom:24px}.done .btn{width:100%}.foc-toggle{margin-left:8px;border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;cursor:pointer}.foc-toggle:hover{border-color:#cbd5e1}.foc-toggle--on{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.oline__foc{color:#047857;font-weight:700}.module--soon{opacity:.7;cursor:default}.module--soon:hover{box-shadow:none}.module__icon--amber{background:#fef3c7}.module__icon--slate{background:#e2e8f0}.soon-tag{margin-left:8px;font-size:11px;font-weight:600;color:#92400e;background:#fef3c7;padding:2px 8px;border-radius:999px;vertical-align:middle}.pill{display:inline-block;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px}.pill--blue{background:#dbeafe;color:#1d4ed8}.pill--amber{background:#fef3c7;color:#92400e}.prow{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:10px;cursor:pointer}.prow:hover{border-color:#cbd5e1}.prow__ref{font-weight:700;font-size:15px}.prow__sub{font-size:13px;color:var(--muted);margin-top:2px}.prow__right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.prow__total{font-weight:700}.report__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.report__ref{font-size:18px;font-weight:700}.rtable{width:100%;border-collapse:collapse;font-size:14px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.rtable th,.rtable td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}.rtable th{background:#f8fafc;color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.rtable .r{text-align:right}.report__total{display:flex;justify-content:space-between;align-items:baseline;margin-top:14px;padding:12px 14px;background:#f8fafc;border:1px solid var(--line);border-radius:12px}.report__total strong{font-size:20px}@media print{.no-print{display:none!important}.screen__body{padding:0}}.sig{position:relative;margin-top:8px}.sig__pad{width:100%;height:160px;border:1px dashed #cbd5e1;border-radius:12px;background:#fff;touch-action:none;display:block}.sig__clear{position:absolute;top:8px;right:8px;font-size:12px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:4px 10px;cursor:pointer;color:var(--muted)}.banner{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0;border-radius:10px;padding:10px 12px;font-size:14px;margin-bottom:16px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}.card__title{font-size:15px;font-weight:700;margin:0 0 12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.chk{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:12px}.chk--sm{font-size:13px;margin:0}.btn--ghost{background:#f1f5f9;color:var(--ink);border:1px solid var(--line)}.urow{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:10px}.urow__head{display:flex;align-items:center;justify-content:space-between}.urow__name{font-weight:600;display:flex;align-items:center;gap:8px}.urow__sub{font-size:13px;color:var(--muted);margin-top:2px}.urow__pw{display:flex;gap:8px;margin-top:10px}.urow__pw .search{flex:1}@media (max-width:560px){.grid2{grid-template-columns:1fr}.urow__pw{flex-wrap:wrap}}.dash{margin-bottom:26px}.dash__head{font-size:13px;color:var(--muted);font-weight:600;margin-bottom:10px;text-transform:uppercase;letter-spacing:.03em}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{text-align:left;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff;cursor:pointer;transition:box-shadow .15s,border-color .15s}.metric:hover{box-shadow:0 4px 14px #0f172a0f}.metric--active{border-color:var(--blue-600);box-shadow:0 0 0 3px #2563eb1f}.metric__count{font-size:26px;font-weight:800;line-height:1}.metric__label{font-size:12px;color:var(--muted);margin-top:6px;font-weight:600}.metric__total{font-size:12px;color:var(--muted);margin-top:2px}.dash__list{margin-top:12px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.dash__row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);background:#fff;cursor:pointer}.dash__row:last-child{border-bottom:none}.dash__row:hover{background:#f8fafc}.dash__ref{font-weight:600;font-size:14px}.dash__meta{color:var(--muted);font-size:13px;flex:1}.dash__amt{font-weight:600;font-size:14px}.oline__actions{display:flex;align-items:center;gap:6px}.oline__img{background:none;border:none;font-size:16px;cursor:pointer;opacity:.7}.oline__img:hover{opacity:1}.oline__list{text-decoration:line-through;color:#94a3b8;margin-right:6px;font-weight:500}.oline__disc{color:#047857;font-weight:700;margin-left:6px;font-size:12px}.pill--green{background:#d1fae5;color:#047857}.sheet--center{align-items:center}.imgmodal{background:#fff;border-radius:16px;padding:14px;width:90%;max-width:420px}.imgmodal__head{display:flex;align-items:center;justify-content:space-between;font-weight:700;margin-bottom:10px}.imgmodal__img{width:100%;border-radius:12px;display:block;background:#f1f5f9}.imgmodal__none{padding:48px 12px;text-align:center;color:var(--muted);background:#f8fafc;border-radius:12px}.imgmodal__desc{margin-top:10px;font-size:14px;color:var(--muted)}.stockrow{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:8px}.stockrow__wh{font-weight:600}.stockrow__qty{font-size:18px;font-weight:700;color:var(--blue-700)}.report__erp{font-size:13px;color:var(--muted);margin-top:2px}.report__note{margin-top:14px;font-size:13px;color:var(--muted);font-style:italic}.chk-row{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:12px}.resume-note{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;border-radius:10px;padding:10px 12px;font-size:13px;margin-bottom:14px}.report__cust{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:16px}.report__cust>div{display:flex;justify-content:space-between;gap:12px;padding:3px 0;font-size:14px}.report__cust span{color:var(--muted)}.report__cust b{text-align:right}@media print{.report__cust{background:#fff}}.dev-by{text-align:center;color:#94a3b8;font-size:12px;margin-top:28px;padding-bottom:8px}.login__panel .dev-by{position:absolute;bottom:16px;left:0;right:0}.login__panel{position:relative}.dfield{display:flex;flex-direction:column}.dfield span{font-size:12px;color:var(--muted);margin-bottom:4px}.row-btns{display:flex;gap:10px;margin-top:12px}.row-btns .btn{flex:1}.result-count{color:var(--muted);font-size:13px;margin:16px 0 8px}.arow{display:flex;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:10px}.arow__main{flex:1;cursor:pointer;min-width:0}.arow__top{display:flex;align-items:center;gap:8px}.arow__ref{font-weight:700}.arow__sub{font-size:13px;color:var(--muted);margin-top:3px}.arow__err{font-size:12px;color:#b91c1c;margin-top:5px;background:#fef2f2;border-radius:6px;padding:4px 8px}.arow__side{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.arow__total{font-weight:700}.arow__gps{font-size:12px;color:var(--blue-600);text-decoration:none;font-weight:600}.pill--red{background:#fee2e2;color:#b91c1c}.sheet-doc{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px}.doc__company{font-size:20px;font-weight:800;letter-spacing:-.01em;text-align:center}.doc__title{text-align:center;color:var(--muted);font-weight:600;letter-spacing:.15em;text-transform:uppercase;font-size:12px;margin:2px 0 20px}.doc__meta{display:grid;grid-template-columns:1fr 1fr;gap:20px 32px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.doc__col{display:flex;flex-direction:column;gap:6px}.rr{display:flex;gap:10px;font-size:14px}.rr__l{color:var(--muted);min-width:92px;font-weight:600}.rr__v{font-weight:600}.doc__status{display:flex;align-items:center;gap:10px;margin:14px 0}.doc__erp{font-size:13px;color:var(--muted)}.doc__comment{margin-top:14px;font-size:14px;background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:10px 12px}.doc__sig{margin-top:16px}.doc__sigimg{display:block;margin-top:6px;max-width:280px;border:1px solid var(--line);border-radius:8px;background:#fff}.doc__foot{margin-top:24px;padding-top:12px;border-top:1px solid var(--line);text-align:center;color:#94a3b8;font-size:12px}@media print{.sheet-doc{border:none;padding:0}@page{margin:16mm}.appbar,.footer,.no-print{display:none!important}}.row__addr{font-size:11px;color:#94a3b8;margin-top:2px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.sheet__panel--picker{display:flex;flex-direction:column;height:82vh;max-height:82vh;padding-bottom:14px}.picker-spacer{flex:1 1 auto;min-height:0}.picker-results{flex:0 1 auto;overflow-y:auto;max-height:62vh;display:flex;flex-direction:column;gap:8px;margin:0 0 8px}.picker-search{flex:none}.sheet__panel--picker .empty{padding:10px 0;margin:0}.urow--off{opacity:.6}@media (max-width:560px){.sheet-doc{padding:16px}.doc__company{font-size:17px}.doc__meta{grid-template-columns:1fr;gap:10px 0;padding:12px 0}.rr__l{min-width:84px;font-size:13px}.rr__v{font-size:13px}.rtable{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.rtable th,.rtable td{padding:6px 8px;font-size:12px}.report__total{font-size:15px}.doc__sigimg{max-width:100%}}.pricing-note{font-size:12.5px;color:#475569;background:#f1f5f9;border:1px solid var(--line);border-radius:8px;padding:9px 12px;margin:0 0 12px;line-height:1.4}.totals__note{font-size:11px;color:#94a3b8;margin-top:2px}.ocard__cust,.ocard__sub{white-space:normal;overflow-wrap:anywhere;line-height:1.35}.ocard__sub{margin-top:2px}.rr__v{overflow-wrap:anywhere}.row--picker{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px}.row--picker .row__main{flex:1;min-width:0;display:flex;flex-direction:column}.btn--sm{padding:6px 14px;font-size:13px;width:auto;flex:none}.added-chip{margin-left:10px;font-size:12px;font-weight:600;color:#047857;background:#d1fae5;border-radius:999px;padding:2px 9px}.picker-note{font-size:13px;border-radius:8px;padding:8px 12px;margin-bottom:8px}.picker-note--ok{background:#d1fae5;color:#065f46}.picker-note--warn{background:#fef3c7;color:#92400e}.btn--additem{margin-top:16px}.bulkbar{display:flex;align-items:center;gap:12px;margin:16px 0 10px;flex-wrap:wrap}.bulkbar .result-count{margin:0;flex:1}.arow__chk{margin-top:4px;width:18px;height:18px;flex:none}.pill--grey{background:#e2e8f0;color:#475569}.urow__edit{display:flex;gap:8px;margin-top:6px}.search--sm{padding:6px 10px;font-size:13px}@media print{.print-page{page-break-after:always}.print-page:last-child{page-break-after:auto}}.login-logo{display:block;height:44px;width:auto;margin:0 0 22px;align-self:flex-start}.topbar__logo{height:26px;width:auto;margin-right:8px;flex:none}@media (max-width:560px){.login-logo{height:36px;margin-bottom:16px}.topbar__logo{height:22px}.topbar__title{font-size:14px}}.row__meta{font-size:12px;color:#0f172a;margin-top:3px;font-weight:600}.row__dim{color:#94a3b8;font-weight:500}.row__warn{color:#b45309;font-weight:600}.rtable th,.rtable td{border-right:1px solid #e8edf3}.rtable th:last-child,.rtable td:last-child{border-right:none}.rtable td.desc{max-width:280px;font-size:12px;color:#334155;white-space:normal;overflow-wrap:anywhere}@media print{.rtable th,.rtable td{border-right:1px solid #d7dee7;font-size:11px;padding:5px 7px}.rtable td.desc{font-size:10.5px}}.oubar{display:flex;align-items:center;gap:12px;margin-bottom:14px}.oubar__lbl{font-size:12px;color:var(--muted);font-weight:600}.oubar__opts{display:inline-flex;background:#eef2f7;border-radius:10px;padding:3px}.oubtn{border:none;background:transparent;padding:7px 18px;border-radius:8px;font-weight:700;font-size:13px;color:#475569;cursor:pointer}.oubtn--on{background:#fff;color:var(--blue-700);box-shadow:0 1px 3px #0f172a1f}.picker-modes{display:inline-flex;gap:6px}.chipbtn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 14px;font-size:13px;font-weight:600;color:#475569;cursor:pointer}.chipbtn--on{background:var(--blue-600);color:#fff;border-color:var(--blue-600)}.picker-foot{display:flex;gap:8px;align-items:center}.picker-foot .picker-search{flex:1}.picker-done{flex:none;width:auto;padding:12px 20px}.scanbox{display:flex;flex-direction:column;gap:10px;padding:6px 0 10px}.scan-video{width:100%;max-height:240px;background:#000;border-radius:12px;object-fit:cover}.scan-row{display:flex;gap:8px}.foc-scan{font-size:14px}.oubar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:12px;padding:12px 14px;margin-bottom:16px}.oubar--areen{background:#eff6ff;border:1px solid #bfdbfe}.oubar--oasis{background:#f0fdf4;border:1px solid #bbf7d0}.oubar__now{font-size:14px;color:#0f172a}.oubar__now strong{font-weight:800}.oubar__opts{display:inline-flex;background:#ffffffb3;border-radius:10px;padding:3px}.ocard__ou{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--blue-700);background:#eef2ff;border-radius:6px;padding:2px 8px;margin:4px 0 2px}.picker-scan{flex:none;width:auto;padding:12px 16px}.picker-scan--on{background:#fee2e2;color:#b91c1c;border-color:#fecaca}.done__ordernum{font-size:15px;font-weight:700;color:var(--blue-700);margin:2px 0 6px}.done__check--warn{background:#fef3c7;color:#92400e}.arow__ebs{font-size:12px;font-weight:700;color:var(--blue-700)}.arow__retry{width:auto;padding:5px 12px}.app-shell{display:flex;min-height:100vh}.app-main{flex:1;min-width:0;margin-left:56px}@media (max-width:760px){.app-main{margin-left:0}}.snav-burger{display:none;position:fixed;top:10px;left:10px;z-index:40;width:40px;height:40px;border:none;border-radius:10px;background:var(--blue-700);color:#fff;font-size:18px;cursor:pointer}.snav-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;z-index:44}.snav{position:fixed;top:0;left:0;height:100vh;width:56px;z-index:45;background:#0f2748;color:#cbd5e1;display:flex;flex-direction:column;transition:width .18s ease;overflow:hidden}.snav--open{width:230px;box-shadow:2px 0 18px #0f172a47}.snav__head{display:flex;align-items:center;gap:10px;padding:14px 12px}.snav__logo{height:26px;width:auto;background:#fff;border-radius:6px;padding:2px}.snav__brand{font-weight:800;color:#fff;font-size:15px;white-space:nowrap}.snav__collapse{margin-left:auto;background:transparent;border:none;color:#93c5fd;font-size:18px;cursor:pointer}.snav__ou{margin:0 12px 10px;font-size:11px;font-weight:800;letter-spacing:.04em;border-radius:6px;padding:4px 8px;text-align:center}.snav__ou--areen{background:#1e3a8a;color:#bfdbfe}.snav__ou--oasis{background:#14532d;color:#bbf7d0}.snav__items{display:flex;flex-direction:column;gap:2px;padding:4px 8px;flex:1}.snav__item{display:flex;align-items:center;gap:12px;width:100%;border:none;background:transparent;color:#cbd5e1;padding:11px 10px;border-radius:9px;cursor:pointer;font-size:14px;white-space:nowrap;text-align:left}.snav__item:hover{background:#1b3a63;color:#fff}.snav__item--on{background:var(--blue-600);color:#fff}.snav__icon{width:22px;text-align:center;font-size:16px;flex:none}.snav__foot{padding:8px;border-top:1px solid #1b3a63}.snav__logout:hover{background:#7f1d1d}.snav__user{font-size:11px;color:#93a4bd;padding:6px 10px;white-space:nowrap}@media (max-width:760px){.snav-burger{display:block}.snav{width:230px;transform:translate(-100%);transition:transform .18s ease}.snav--open{transform:translate(0)}}.ou-select{display:flex;gap:8px}.ou-select__btn{flex:1;padding:10px;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:700;color:#475569;cursor:pointer}.ou-select__btn--on{background:var(--blue-600);color:#fff;border-color:var(--blue-600)}.picker-added{border:1px solid var(--line);border-radius:12px;padding:8px;margin-bottom:10px;max-height:38vh;overflow:auto;background:#f8fafc}.picker-added__hd{font-size:12px;font-weight:700;color:var(--muted);margin:2px 6px 6px}.padd{display:flex;align-items:center;gap:8px;padding:7px 6px;border-radius:8px}.padd+.padd{border-top:1px solid #eef2f7}.padd--foc{background:#ecfdf5}.padd__name{flex:1;min-width:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.padd__ctrls{display:flex;align-items:center;gap:5px;flex:none}.qbtn{width:26px;height:26px;border:1px solid var(--line);background:#fff;border-radius:7px;font-size:16px;line-height:1;cursor:pointer}.qval{min-width:22px;text-align:center;font-weight:700;font-size:14px}.focbtn{border:1px solid var(--line);background:#fff;border-radius:7px;padding:5px 8px;font-size:11px;font-weight:700;color:#475569;cursor:pointer}.focbtn--on{background:#059669;color:#fff;border-color:#059669}.rmbtn{border:none;background:transparent;color:#94a3b8;font-size:14px;cursor:pointer;padding:4px}@media (max-width:760px){.appbar{padding-left:56px}.snav-burger{top:8px}}.foc-mode{display:inline-flex;align-items:center;gap:6px}.foc-mode__lbl{font-size:11px;color:var(--muted);font-weight:600}.foc-mode__btn{border:1px solid var(--line);background:#fff;border-radius:7px;padding:5px 12px;font-size:12px;font-weight:700;color:#475569;cursor:pointer}.foc-mode__btn--on{background:var(--blue-600);color:#fff;border-color:var(--blue-600)}.foc-mode__btn--foc.foc-mode__btn--on{background:#059669;border-color:#059669}.foc-banner{background:#ecfdf5;color:#065f46;font-size:12px;border-radius:8px;padding:8px 12px;margin-bottom:8px}.btn--foc{background:#059669;color:#fff}.padd__badge{display:inline-block;margin-left:8px;font-size:10px;font-weight:800;color:#065f46;background:#a7f3d0;border-radius:5px;padding:1px 6px;vertical-align:middle}.ou-tag{font-size:10px;font-weight:800;letter-spacing:.03em;border-radius:5px;padding:2px 7px;flex:none}.ou-tag--areen{background:#dbeafe;color:#1e40af}.ou-tag--oasis{background:#dcfce7;color:#166534}.ou-filter{display:inline-flex;gap:6px;margin-top:12px}.ouf{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:700;color:#475569;cursor:pointer}.ouf--on{background:var(--blue-600);color:#fff;border-color:var(--blue-600)}.picker-mode-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.qinput{width:44px;text-align:center;font-weight:700;font-size:14px;border:1px solid var(--line);border-radius:7px;padding:4px;-moz-appearance:textfield}.qinput::-webkit-outer-spin-button,.qinput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:var(--blue-600);border-radius:50%;animation:spin .9s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}.addbtn{display:flex;align-items:center;gap:10px;width:100%;margin-top:12px;border:1px dashed var(--line);background:#fff;border-radius:12px;padding:14px 16px;font-size:14px;font-weight:600;color:#475569;cursor:pointer}.addbtn:hover{border-color:var(--blue-600);color:var(--blue-700)}.addbtn__ic{font-size:16px}.picker-added{border:1px solid var(--line);border-radius:12px;padding:6px;margin-bottom:10px;max-height:34vh;overflow:auto;background:#fff}.padd{border-radius:9px}.padd+.padd{border-top:1px solid #f1f5f9}.dash__failed{display:block;width:100%;margin-top:10px;background:#fef3c7;color:#92400e;border:none;border-radius:10px;padding:10px;font-weight:700;font-size:13px;cursor:pointer}.soa-report-hd{text-align:center;padding:8px 0 12px;border-bottom:1px solid var(--line);margin-bottom:12px}.soa-logo{height:36px;width:auto;margin-bottom:6px}.soa-company{font-size:16px;font-weight:800;color:var(--blue-700)}.soa-title{font-size:14px;font-weight:700;margin-top:2px}.soa-asof{font-size:12px;color:var(--muted);margin-top:2px}.soa-cust{font-size:13px;margin-top:6px}.soa-dl{display:flex;gap:8px;margin:10px 0 4px}.soa-dl .btn{width:auto;flex:none}.picker-top{position:sticky;top:0;z-index:3;background:#fff;padding:2px 0 8px;border-bottom:1px solid var(--line);margin-bottom:8px}.picker-searchrow{display:flex;gap:8px;align-items:center}.picker-searchrow .picker-search{flex:1;min-width:0}.picker-searchrow .picker-scan{width:auto;flex:none;padding:10px 14px}.picker-top .picker-mode-row{margin:8px 0 0}.picker-results{max-height:46vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.picker-foot{display:flex;gap:8px;padding-top:8px;border-top:1px solid var(--line)}.picker-foot .picker-done{flex:1}.doc__logo{display:block;max-height:44px;width:auto;margin:0 auto 6px}.doc__headline{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:6px 0 14px}.doc__erpno{font-size:18px;font-weight:800;color:var(--blue-700);letter-spacing:.01em}.doc__erpno--none{color:var(--muted);font-weight:600;font-size:14px}@media print{.doc__logo{max-height:38px}.sheet-doc{counter-reset:page}.doc__foot:after{content:" · Page " counter(page)}}.home__body{max-width:960px}.home__name{font-size:30px;letter-spacing:-.02em}.metrics{gap:14px}.metric{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;padding:18px 16px 16px;background:#fff;box-shadow:0 1px 2px #0f172a0a;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.metric:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--m1),var(--m2))}.metric:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0f172a1a}.metric--active{border-color:transparent;box-shadow:0 0 0 2px var(--m1),0 10px 24px #0f172a1f}.metric__count{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.metric__label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-top:4px}.metric__total{font-size:13px;color:var(--muted);margin-top:6px;font-variant-numeric:tabular-nums}.metric--slate{--m1:#64748b;--m2:#94a3b8}.metric--amber{--m1:#f59e0b;--m2:#fbbf24}.metric--blue{--m1:#2563eb;--m2:#60a5fa}.metric--green{--m1:#059669;--m2:#34d399}.metric--slate .metric__count{color:#334155}.metric--amber .metric__count{color:#b45309}.metric--blue .metric__count{color:#1d4ed8}.metric--green .metric__count{color:#047857}.modules{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:22px}.module{position:relative;overflow:hidden;text-align:left;cursor:pointer;border:1px solid var(--line);border-radius:20px;padding:20px 18px 18px;background:radial-gradient(120% 120% at 100% 0%,var(--g2) 0%,transparent 55%),#fff;box-shadow:0 1px 2px #0f172a0a;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.module:hover:not(:disabled){transform:translateY(-3px);border-color:transparent;box-shadow:0 14px 30px #0f172a21}.module:active:not(:disabled){transform:translateY(-1px)}.module__icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:22px;margin-bottom:14px;color:#fff;background:linear-gradient(140deg,var(--g1),var(--g2));box-shadow:0 6px 16px -4px var(--g1)}.module__title{font-size:16px;font-weight:750;letter-spacing:-.01em;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.module__desc{font-size:13px;color:var(--muted);margin-top:5px;line-height:1.45}.module__cta{margin-top:14px;font-size:13px;font-weight:700;color:var(--g1);opacity:0;transform:translate(-4px);transition:opacity .18s,transform .18s}.module:hover:not(:disabled) .module__cta{opacity:1;transform:translate(0)}.module__icon--blue{--g1:#2563eb;--g2:#60a5fa}.module__icon--amber{--g1:#d97706;--g2:#fbbf24}.module__icon--green{--g1:#059669;--g2:#34d399}.module__icon--slate{--g1:#475569;--g2:#94a3b8}.module--blue{--g1:#2563eb;--g2:rgba(96,165,250,.12)}.module--amber{--g1:#d97706;--g2:rgba(251,191,36,.14)}.module--green{--g1:#059669;--g2:rgba(52,211,153,.14)}.module--slate{--g1:#475569;--g2:rgba(148,163,184,.12)}.module--soon{opacity:.6;cursor:not-allowed}.soon-tag{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:#f1f5f9;color:#64748b;border-radius:6px;padding:2px 6px}.dash__head{font-size:12px;letter-spacing:.06em}.dash__failed{border-radius:12px}.dev-by{margin-top:28px;text-align:center;font-size:12px;color:#94a3b8}@media (max-width:560px){.metrics{grid-template-columns:repeat(3,1fr);gap:8px}.metric{padding:14px 10px 12px;border-radius:14px}.metric__count{font-size:22px}.metric__label{font-size:10px;letter-spacing:.04em}.metric__total{font-size:11px}.modules{grid-template-columns:1fr}.home__name{font-size:24px}}.atable-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#fff}.atable{width:100%;border-collapse:collapse;font-size:13px;min-width:860px}.atable thead th{position:sticky;top:0;z-index:1;background:#f8fafc;text-align:left;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}.atable td{padding:10px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.atable__row{cursor:pointer;transition:background .12s}.atable__row:hover{background:#f8fafc}.atable__row--failed{background:#fff7ed}.atable__row--failed:hover{background:#ffedd5}.atable__chk{width:34px}.atable__num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.atable__erp{display:block;font-weight:800;color:var(--blue-700)}.atable__erp--none{color:#cbd5e1}.atable__ref{display:block;font-size:11px;color:var(--muted)}.atable__when span{display:block;white-space:nowrap}.atable__time{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.atable__cust{max-width:220px}.atable__cname{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.atable__cno{font-size:11px;color:var(--muted)}.atable__err{font-size:11px;color:#b45309;margin-top:3px}.atable__dash{color:#cbd5e1}.atable__retry{width:auto;padding:4px 10px}.atable__gps{margin-left:6px;text-decoration:none}.atable__amt{display:block;font-weight:600}.atable__vat{display:block;font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#059669}.atable__vat--excl{color:#b45309}.prow__vat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#059669;margin-top:2px}.prow__vat--excl{color:#b45309}.metric__vat{font-size:11px;color:#94a3b8}.report__totals{margin-top:12px}.report__total--sub{color:var(--muted);font-size:13px}.report__total--sub strong{font-weight:600}.picker-foot{gap:10px}.picker-additem{flex:0 0 auto;width:auto;padding:12px 16px;font-weight:700}.picker-done{flex:1}.row__price{font-weight:700;color:#0f172a}.stock{display:inline-block;margin-left:8px;font-size:11px;font-weight:800;letter-spacing:.02em;border-radius:999px;padding:2px 9px}.stock--ok{background:#dcfce7;color:#166534}.stock--low{background:#fef3c7;color:#92400e}.stock--out{background:#fee2e2;color:#991b1b}.login__panel .dev-by,.login__foot .dev-by{position:static;margin:0;text-align:left;font-size:12px;color:#94a3b8}.login__foot{margin-top:auto;padding-top:24px;display:flex;flex-direction:column;gap:2px;align-items:flex-start;width:100%}.login__ver{font-size:12px;font-weight:700;color:#64748b}.login__panel{flex-direction:column;justify-content:center;align-items:stretch}.login__panel .signin{width:100%;max-width:380px;margin:0 auto}@media (max-width: 760px){.login{min-height:100dvh}.login__panel{padding:26px 20px 18px;min-height:100dvh;justify-content:flex-start}.login-logo{display:block;height:58px;width:auto;margin:8px auto 20px;align-self:center}.login__panel .signin{max-width:100%}.signin__title,.signin__hint{text-align:center}.field{margin-bottom:14px}.field input{width:100%;box-sizing:border-box;padding:13px 14px;font-size:16px}.ou-select{gap:10px}.ou-select__btn{padding:12px;font-size:14px}.signin .btn{padding:14px;font-size:15px}.login__foot{margin-top:28px;padding-top:18px;border-top:1px solid var(--line);align-items:flex-start}}@media (max-width: 380px){.login-logo{height:50px;margin-bottom:16px}.login__panel{padding:20px 16px 16px}}