:root{--bg: #EDF1EB;--card: #FFFFFF;--raised: #F1F4EF;--ink: #16211A;--muted: #5B6860;--line: #DFE6DD;--green: #2E6A3A;--green-soft: #DDEBDA;--on-green: #FFFFFF;--amber: #93560F;--amber-soft: #F6E9D4;--red: #A23A2E;--red-soft: #F5E0DC;--blue: #2C5C87;--blue-soft: #DFE9F3;--shadow: 0 4px 18px rgba(30, 60, 38, .07);--shadow-lift: 0 10px 30px rgba(30, 60, 38, .14);--radius-card: 24px;--font: "Plus Jakarta Sans", "Kantumruy Pro", system-ui, sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0E1511;--card: #18221C;--raised: #223029;--ink: #E7EEE9;--muted: #9AA79F;--line: #2A372F;--green: #72C283;--green-soft: #1F3526;--on-green: #0B120E;--amber: #E3A766;--amber-soft: #3A2C1B;--red: #EE8E80;--red-soft: #3B231F;--blue: #90BAE0;--blue-soft: #1C2C3B;--shadow: 0 4px 18px rgba(0, 0, 0, .3);--shadow-lift: 0 10px 30px rgba(0, 0, 0, .45);color-scheme:dark}}:root[data-theme=dark]{--bg: #0E1511;--card: #18221C;--raised: #223029;--ink: #E7EEE9;--muted: #9AA79F;--line: #2A372F;--green: #72C283;--green-soft: #1F3526;--on-green: #0B120E;--amber: #E3A766;--amber-soft: #3A2C1B;--red: #EE8E80;--red-soft: #3B231F;--blue: #90BAE0;--blue-soft: #1C2C3B;--shadow: 0 4px 18px rgba(0, 0, 0, .3);--shadow-lift: 0 10px 30px rgba(0, 0, 0, .45);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}.num{font-variant-numeric:tabular-nums}.shell{min-height:100%;display:flex}.main{flex:1;min-width:0;padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 120px max(16px,env(safe-area-inset-left));max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.nav{position:fixed;left:16px;right:16px;bottom:max(16px,env(safe-area-inset-bottom));height:68px;border-radius:34px;background:var(--card);box-shadow:var(--shadow-lift);display:flex;align-items:center;justify-content:space-around;padding:0 8px;z-index:20}.nav-brand,.nav-label,.nav-foot,.nav-extra,.desk-only{display:none!important}.nav-item{height:48px;min-width:48px;border-radius:24px;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none}.nav-item.active{background:var(--green);color:var(--on-green);min-width:64px}@media (min-width: 760px){.nav{position:sticky;top:0;left:auto;right:auto;bottom:auto;height:100vh;width:96px;flex-shrink:0;border-radius:0;box-shadow:none;background:transparent;flex-direction:column;justify-content:flex-start;gap:10px;padding:24px 0}.nav-brand,.desk-only{display:flex!important}.phone-only{display:none!important}.nav-item{width:56px;height:56px;border-radius:20px}.nav-item.active{min-width:56px}.nav-foot{display:flex!important;flex-direction:column;align-items:center;gap:10px;margin-top:auto}.main{padding:24px 24px 32px 8px}}@media (min-width: 1200px){.nav{width:256px;align-items:stretch;padding:20px 14px;margin:16px 0 16px 16px;height:calc(100vh - 32px);background:var(--card);border-radius:28px;box-shadow:var(--shadow);top:16px}.nav-item{width:auto;height:46px;border-radius:16px;justify-content:flex-start;padding:0 14px;font-weight:500;color:var(--ink)}.nav-item.active{color:var(--on-green);font-weight:700}.nav-label,.nav-extra{display:inline!important}.nav-foot{align-items:stretch}.main{padding:28px 28px 40px 24px}}.brand-mark{width:48px;height:48px;border-radius:16px;background:var(--green);color:var(--on-green);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;flex-shrink:0}.nav-brand{align-items:center;gap:12px;margin-bottom:14px;padding:0 4px;justify-content:center}@media (min-width: 1200px){.nav-brand{justify-content:flex-start}}.card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:18px}.row{display:flex;align-items:center;gap:12px}.stack{display:flex;flex-direction:column;gap:12px}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.small{font-size:13px}.label-caps{font-size:12.5px;font-weight:700;color:var(--muted);letter-spacing:.4px;text-transform:uppercase}h1.page-title{margin:0;font-size:28px;font-weight:800;letter-spacing:-.6px;line-height:1.15;text-wrap:balance}.section-title{margin:0;font-size:17px;font-weight:700}.grid-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (min-width: 1000px){.grid-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}.tile{background:var(--card);border-radius:22px;box-shadow:var(--shadow);padding:14px 16px;display:flex;flex-direction:column;gap:4px}.tile-value{font-size:23px;font-weight:800;letter-spacing:-.4px;font-variant-numeric:tabular-nums}.btn{height:48px;padding:0 20px;border-radius:24px;border:1px solid var(--line);background:var(--card);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:var(--ink);white-space:nowrap}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--green);border-color:var(--green);color:var(--on-green);font-weight:700}.btn-big{height:58px;border-radius:29px;font-size:16px;width:100%}.btn-ghost{background:transparent;border-color:transparent}.btn-danger{color:var(--red)}.icon-btn{width:46px;height:46px;border-radius:50%;border:none;background:var(--card);color:var(--ink);box-shadow:var(--shadow);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}:focus-visible{outline:2px solid var(--green);outline-offset:2px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field label{font-size:12.5px;color:var(--muted)}.input,.select{height:48px;border-radius:14px;border:1px solid var(--line);background:var(--raised);color:var(--ink);padding:0 14px;font-size:16px;width:100%;min-width:0}textarea.input{height:auto;min-height:80px;padding:12px 14px}.input:focus,.select:focus{outline:2px solid var(--green);outline-offset:0;border-color:transparent}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{height:40px;padding:0 16px;border-radius:20px;border:1px solid var(--line);background:var(--card);font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap}.chip.on{background:var(--green);border-color:var(--green);color:var(--on-green);font-weight:700}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;background:var(--raised);border-radius:22px;padding:6px}.segmented button{height:44px;border-radius:17px;border:none;background:transparent;color:var(--muted);font-weight:500;cursor:pointer}.segmented button.on{background:var(--green);color:var(--on-green);font-weight:700}.badge{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap}.badge-green{background:var(--green-soft);color:var(--green)}.badge-amber{background:var(--amber-soft);color:var(--amber)}.badge-red{background:var(--red-soft);color:var(--red)}.badge-blue{background:var(--blue-soft);color:var(--blue)}.error{background:var(--red-soft);color:var(--red);border-radius:14px;padding:12px 14px;font-size:14px}.notice{background:var(--green-soft);color:var(--green);border-radius:14px;padding:12px 14px;font-size:14px}.list{display:flex;flex-direction:column;gap:10px}.list-item{background:var(--card);border-radius:22px;box-shadow:var(--shadow);padding:14px 16px;display:flex;align-items:center;gap:12px}.avatar{width:42px;height:42px;border-radius:50%;background:var(--green-soft);color:var(--green);display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.table-wrap{overflow-x:auto}table.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;color:var(--muted);font-size:12.5px;font-weight:600;padding:10px 12px;border-bottom:1px solid var(--line);white-space:nowrap}.table td{padding:12px;border-bottom:1px solid var(--line)}.table .r{text-align:right;font-variant-numeric:tabular-nums}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh;overscroll-behavior:contain;background:#0a140e73;z-index:50;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--bg);width:100%;max-height:92vh;max-height:92dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:28px 28px 0 0;padding:20px max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:16px}@media (min-width: 760px){.sheet-backdrop{align-items:center}.sheet{width:min(640px,92vw);border-radius:28px;padding:24px}}.center-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px}.auth-card{width:100%;max-width:420px}.progress{height:8px;border-radius:4px;background:var(--line);overflow:hidden}.progress>div{height:8px;border-radius:4px;background:var(--green)}.sale-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}@media (min-width: 960px){.sale-grid{grid-template-columns:minmax(0,1fr) 380px}.sale-summary{position:sticky;top:24px}}.orders-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}@media (min-width: 900px){.orders-grid{grid-template-columns:minmax(300px,400px) minmax(0,1fr)}.order-detail-pane{position:sticky;top:24px}}.order-card{width:100%;text-align:left;border:2px solid transparent;cursor:pointer;color:inherit;font:inherit}.order-card.selected{border-color:var(--green)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.step-bar{height:6px;border-radius:3px;background:var(--line)}.step-bar.on{background:var(--green)}.step-bar.red{background:var(--red)}.outbox-pill{position:fixed;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:30}.actions>.btn{flex:1 1 170px}@media print{.nav,.no-print,.outbox-pill{display:none!important}body,.main{background:#fff!important;color:#000!important;padding:0!important}.card{box-shadow:none!important;padding:0!important}.statement *{color:#000!important}.statement tr{background:none!important}}.stmt td{padding:9px 12px}input[type=date].input{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;min-width:0;max-width:100%;text-align:left}input[type=date].input::-webkit-date-and-time-value{text-align:left;margin:0}input[type=date].input{line-height:46px;padding-top:0;padding-bottom:0}input[type=date].input::-webkit-datetime-edit{padding:0;line-height:46px}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}@media (min-width: 560px){.photo-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.photo-tile,.photo-add{position:relative;aspect-ratio:1;border-radius:14px;overflow:hidden;background:var(--raised);max-width:100%}.photo-tile img{width:100%;height:100%;object-fit:cover;display:block}.photo-main{position:absolute;left:6px;bottom:6px}.photo-make-main{position:absolute;left:6px;bottom:6px;font-size:11px;font-weight:600;border:none;border-radius:999px;padding:3px 8px;background:#0000008c;color:#fff;cursor:pointer}.photo-remove{position:absolute;right:6px;top:6px;width:26px;height:26px;border-radius:50%;border:none;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.photo-add{border:1.5px dashed var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--green);cursor:pointer}.thumb{width:52px;height:52px;border-radius:16px;object-fit:cover;flex-shrink:0;background:var(--raised)}.avatar-img{border-radius:50%;object-fit:cover;flex-shrink:0}.link-btn{border:none;background:none;color:var(--green);cursor:pointer;padding:0;font:inherit;font-weight:600}.link-btn:disabled{opacity:.5}.sheet{overscroll-behavior:contain}.picker{min-height:100vh;display:flex;justify-content:center;padding:max(32px,env(safe-area-inset-top)) 16px 40px}.picker-inner{width:100%;max-width:720px}.picker-grid{display:grid;gap:12px;grid-template-columns:1fr}@media (min-width: 640px){.picker-grid{grid-template-columns:1fr 1fr}}.biz-card{display:flex;align-items:center;gap:14px;border:1px solid transparent;cursor:pointer;font:inherit;color:inherit;padding:16px;min-height:92px}.biz-card:hover{border-color:var(--green)}.biz-add{border:1.5px dashed var(--line);background:transparent;box-shadow:none}.badge-gray{background:var(--raised);color:var(--muted)}.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.type-card{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;padding:12px 14px;border-radius:16px;border:1.5px solid var(--line);background:var(--raised);color:var(--ink);font:inherit;cursor:pointer}.type-card.on{border-color:var(--green);background:var(--green-soft)}.type-card:disabled{opacity:.45;cursor:not-allowed}.switcher{position:relative;width:100%}.switcher-btn{display:flex;align-items:center;gap:12px;width:100%;border:none;background:none;padding:4px;border-radius:16px;color:inherit;font:inherit;cursor:pointer;text-align:left;justify-content:center}.switcher-btn:hover{background:var(--raised)}.switcher-text{display:flex;flex-direction:column;min-width:0}.switcher-name{font-weight:800;font-size:15px;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.switcher-caret{color:var(--muted);font-size:12px}.switcher-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:60;width:280px;max-width:calc(100vw - 32px);padding:8px;display:flex;flex-direction:column;gap:2px;box-shadow:var(--shadow-lift)}.switcher-item{display:flex;align-items:center;gap:10px;width:100%;border:none;background:none;padding:8px;border-radius:12px;color:var(--ink);font:inherit;cursor:pointer;text-align:left;min-height:44px}.switcher-item:hover,.switcher-item.on{background:var(--raised)}.nav .switcher-text{display:none}@media (min-width: 1200px){.nav .switcher-text{display:flex}.switcher-btn{justify-content:flex-start}}.biz-bar{margin-bottom:-4px}.switcher-compact .switcher-btn{justify-content:flex-start;width:auto;padding:4px 10px 4px 4px;background:var(--card);box-shadow:var(--shadow);border-radius:999px}.switcher-compact .switcher-name{font-size:16px}.scan-box{position:relative;border-radius:20px;overflow:hidden;background:#000;aspect-ratio:4 / 3}.scan-box video{width:100%;height:100%;object-fit:cover;display:block}.scan-line{position:absolute;left:10%;right:10%;top:50%;height:2px;background:#ff4d4d;box-shadow:0 0 8px #ff4d4d}.pw-rules{list-style:none;margin:-6px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;font-size:13px;color:var(--muted)}.pw-rules li.ok{color:var(--green);font-weight:600}.auth-tabs{margin-bottom:4px}.auth-card a:not(.btn){color:var(--green);font-weight:600}.cust-toggle{display:flex;align-items:center;gap:12px;width:100%;border:none;background:none;padding:0;color:inherit;font:inherit;cursor:pointer;min-height:44px}.cust-caret{width:36px;height:36px;border-radius:18px;background:var(--raised);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;color:var(--green);flex-shrink:0}.finder-sticky{position:sticky;top:max(8px,env(safe-area-inset-top));z-index:6;box-shadow:var(--shadow-lift)}.chips-scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.chips-scroll::-webkit-scrollbar{display:none}.chips-scroll .chip{flex-shrink:0}.pick-list{display:flex;flex-direction:column;max-height:46vh;overflow-y:auto;overscroll-behavior:contain;border-top:1px solid var(--line)}.pick-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line)}.pick-main{display:flex;align-items:center;gap:10px;flex:1;min-width:0;border:none;background:none;color:inherit;font:inherit;padding:8px 2px;cursor:pointer;text-align:left}.pick-main:hover{background:var(--raised)}.pick-row.blocked .pick-main{opacity:.55;cursor:not-allowed}.flag-red{color:var(--red);font-weight:700}.pick-field{display:flex;align-items:center;gap:8px;cursor:pointer;text-align:left}.sale-line{display:flex;flex-direction:column;gap:10px;padding:12px 14px;transition:box-shadow .3s,background .3s}.sale-line.flash{background:var(--green-soft)}.sale-line-controls{display:grid;grid-template-columns:auto 1fr 1.2fr;gap:8px;align-items:end}.stepper{display:flex;align-items:center;gap:8px;background:var(--raised);border-radius:22px;padding:4px;height:44px}.stepper button{width:36px;height:36px;border-radius:18px;border:none;background:var(--card);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer}.stepper button.on{background:var(--green);color:var(--on-green)}.stepper span{min-width:22px;text-align:center;font-weight:800;font-size:18px}.mini-field{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:12px;color:var(--muted)}.mini-field .input{height:44px;padding:0 10px}.mode-btn{height:40px;min-width:40px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--green);font-weight:800;cursor:pointer;flex-shrink:0}.mini-field .mode-btn{height:44px}.stock-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border:none;color:inherit;font:inherit;cursor:pointer;width:100%;text-align:left}.sheet-wide{max-height:96vh;max-height:96dvh;min-height:70vh}@media (min-width: 760px){.sheet-wide{width:min(980px,94vw)}}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.ptile{background:var(--card);border-radius:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;border:2px solid transparent}.ptile.in{border-color:var(--green)}.ptile.blocked{opacity:.6}.ptile-btn{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px;border:none;background:none;color:inherit;font:inherit;cursor:pointer;text-align:left;width:100%}.ptile-btn:disabled{cursor:not-allowed}.ptile-img{position:relative;width:100%;aspect-ratio:1;border-radius:14px;background:var(--raised);display:flex;align-items:center;justify-content:center;color:var(--green);overflow:hidden}.ptile-img img{width:100%;height:100%;object-fit:cover}.ptile-count{position:absolute;top:6px;right:6px;background:var(--green);color:var(--on-green);font-weight:800;font-size:13px;border-radius:999px;padding:2px 9px}.ptile-name{font-weight:700;line-height:1.25}.browse-done{position:sticky;bottom:0}.receipt-frame{max-width:100%;overflow:hidden;border-radius:6px;box-shadow:var(--shadow-lift);background:#fff}.receipt-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:420px}.receipt-actions .btn{height:50px}.toggle-row{min-height:44px;gap:12px}.switch{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:46px;height:28px;border-radius:14px;background:var(--line);position:relative;cursor:pointer;flex-shrink:0;transition:background .15s;margin:0}.switch:after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:11px;background:#fff;transition:left .15s;box-shadow:0 1px 2px #0003}.switch:checked{background:var(--green)}.switch:checked:after{left:21px}.receipt-logo-box{width:96px;height:72px;border-radius:12px;border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;padding:6px;box-sizing:border-box}.receipt-logo-box img{max-width:100%;max-height:100%;object-fit:contain}