:root{--ink:#123b33;--brand:#159764;--bright:#20bd78;--soft:#e2f6ec;--canvas:#f3f5f2;--cream:#fbf7ed;--border:#dfe6e2;--muted:#657a74;--red:#c43a3a}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:var(--canvas);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.55}.center{text-align:center;place-content:center;gap:15px;min-height:100dvh;display:grid}.spinner{border:4px solid #d8e6e0;border-top-color:var(--brand);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite spin;display:inline-block}.spinner.small{border-width:3px;border-top-color:#fff;width:20px;height:20px}@keyframes spin{to{transform:rotate(360deg)}}small{letter-spacing:1.8px;color:var(--brand);font-size:10px;font-weight:900}.mark{background:var(--bright);color:#fff;border-radius:15px;flex:none;place-items:center;width:52px;height:52px;font-size:26px;display:grid;box-shadow:0 8px 22px #071d1838}.login{grid-template-columns:1.05fr .95fr;min-height:100dvh;display:grid}.login-visual{background:var(--ink);color:#fff;flex-direction:column;justify-content:space-between;padding:52px;display:flex;position:relative;overflow:hidden}.login-visual:after{content:"";background:#31d39120;border-radius:50%;width:430px;height:430px;position:absolute;bottom:-170px;right:-180px}.brand{z-index:1;align-items:center;gap:13px;display:flex}.brand strong,.brand span{display:block}.brand strong{font-size:24px}.brand span{letter-spacing:2px;color:#a6bbb5;font-size:11px;font-weight:800}.login-visual h1{letter-spacing:-2.2px;max-width:650px;margin:16px 0 20px;font-size:clamp(42px,5vw,58px);line-height:1.03}.login-visual p{color:#d6e4e0;max-width:600px;font-size:19px;line-height:1.58}.login-side{background:var(--cream);place-items:center;padding:30px;display:grid}.login-card{border:1px solid var(--border);background:#fff;border-radius:22px;width:min(500px,90%);padding:42px;box-shadow:0 14px 45px #17332d18}.login-card>small{margin-top:22px;display:block}.login-card h2{letter-spacing:-1px;margin:9px 0 5px;font-size:31px}.login-card>p{color:var(--muted);margin:0 0 25px}.login-card label{margin:15px 0 8px;font-size:12px;font-weight:900;display:block}.login-card input{background:#fbfcfb;border:1px solid #dbe2df;border-radius:12px;width:100%;height:58px;margin-top:8px;padding:0 16px;font-size:17px;display:block}.login-card input:focus{border-color:var(--brand);outline:3px solid #15976420}.login-card em{text-align:center;color:var(--muted);margin-top:22px;font-size:12px;font-style:normal;display:block}.error{color:var(--red);background:#fff0f0;border-radius:9px;margin:16px 0;padding:12px}.primary{background:var(--brand);color:#fff;font-weight:900}.login-button{border-radius:12px;justify-content:space-between;align-items:center;width:100%;height:60px;margin-top:22px;padding:0 20px;display:flex}.app header{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;gap:20px;min-height:116px;padding:20px 30px;display:flex}.identity{align-items:center;gap:16px;display:flex}.identity h1{letter-spacing:-.6px;margin:2px 0;font-size:27px}.identity span{color:#a6bbb5;font-size:13px}.app header nav{align-items:center;gap:12px;display:flex}.app header nav button{color:#fff;background:#ffffff0a;border:1px solid #ffffff20;border-radius:12px;align-items:center;gap:7px;height:46px;padding:0 14px;font-size:12px;font-weight:850;display:flex}.store-switch i{background:#62736f;border-radius:15px;width:39px;height:23px;position:relative}.store-switch i:after{content:"";background:#fff;border-radius:50%;width:17px;height:17px;transition:all .2s;position:absolute;top:3px;left:3px}.store-switch.on i{background:var(--bright)}.store-switch.on i:after{transform:translate(16px)}.board{padding:16px}.new-panel,.column{border:1px solid var(--border);background:#fff;border-radius:18px;padding:13px}.new-panel{background:var(--cream);border-color:#f1e7d2;margin-bottom:14px}.section-title,.column-title{align-items:center;margin-bottom:10px;display:flex}.section-title h2,.column-title h2{letter-spacing:-.6px;margin:4px 0 0;font-size:20px}.section-title>b,.column-title>b{background:var(--brand);color:#fff;border-radius:20px;place-items:center;min-width:34px;height:34px;margin-left:auto;padding:0 10px;display:grid}.new-list{grid-auto-columns:minmax(310px,420px);grid-auto-flow:column;gap:10px;padding-bottom:3px;display:grid;overflow:auto}.columns{grid-template-columns:1fr 1fr;align-items:start;gap:12px;display:grid}.column-title i{background:var(--soft);width:34px;height:34px;color:var(--brand);border-radius:11px;place-items:center;margin-right:9px;display:grid}.column-title i svg{width:18px}.column-title>b{color:var(--muted);background:#eef1f0}.order-card{border:1px solid var(--border);background:#fff;border-radius:15px;margin-top:9px;padding:15px;box-shadow:0 3px 10px #17332d09}.new-list .order-card{margin:0}.card-top{align-items:center;gap:8px;display:flex}.card-top>strong{margin-right:auto;font-size:17px}.mode,.time{align-items:center;gap:4px;font-size:10px;font-weight:900;display:flex}.mode{color:#1674a1;background:#e6f5fc;border-radius:20px;padding:6px 8px}.mode.pickup{color:#8a5a00;background:#fff3d9}.mode svg,.time svg{width:13px;height:13px}.time{color:var(--muted)}.icon{width:31px;height:31px;color:var(--muted);background:#f2f5f3;border-radius:9px;place-items:center;display:grid}.icon svg{width:16px}.order-card h3{margin:14px 0 4px;font-size:17px}.order-card p{color:var(--muted);margin:0;font-size:13px}.actions{gap:9px;margin-top:14px;display:flex}.actions button,.wide{border-radius:11px;place-items:center;height:43px;padding:0 17px;font-size:12px;font-weight:900;display:grid}.actions button{flex:1}.danger{color:#fff;background:#c43a3a}.actions .danger:first-child{color:#b52d2d;background:#fff0f0}.wide{width:100%;margin-top:12px}.empty{color:var(--muted);text-align:center!important;padding:38px!important}.overlay{z-index:20;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#071d1885;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#fff;width:min(520px,95vw);height:100%;padding:32px;position:relative;overflow:auto;box-shadow:-15px 0 45px #071d1833}.close{background:#eef2f0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:22px;right:22px}.drawer h2,.modal h2{margin:8px 0 16px;font-size:28px}.detail-meta{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding-bottom:20px;display:flex}.detail-meta>b{margin-left:auto;font-size:11px}.drawer h3{align-items:center;gap:8px;margin:24px 0 7px;font-size:13px;display:flex}.drawer h3 svg{width:17px;color:var(--brand)}.drawer p{color:var(--muted);line-height:1.6}.line{border-bottom:1px solid var(--border);justify-content:space-between;gap:20px;padding:13px 0;display:flex}.line span small{color:var(--muted);letter-spacing:0;margin:4px 0 0 23px;font-weight:500;display:block}.note{background:var(--cream);border-radius:9px;margin-top:15px;padding:12px}.totals{gap:9px;margin-top:20px;display:grid}.totals span,.totals strong{justify-content:space-between;display:flex}.totals strong{border-top:2px solid var(--ink);padding-top:13px;font-size:19px}.modal-wrap{justify-content:center;align-items:center;padding:20px}.modal{background:#fff;border-radius:20px;width:min(520px,100%);padding:32px;position:relative}.modal>p{color:var(--muted)}.modal>label{margin:22px 0 8px;font-size:11px;font-weight:900;display:block}.reason{text-align:left;border:1px solid var(--border);width:100%;min-height:49px;color:var(--muted);background:#fff;border-radius:11px;align-items:center;gap:10px;margin:4px 0;padding:8px 12px;font-weight:700;display:flex}.reason i{border:2px solid #b8c5c1;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.reason i span{background:var(--brand);border-radius:50%;width:9px;height:9px}.reason.chosen{border-color:var(--brand);color:var(--ink);background:#f0fbf5}@media (max-width:800px){.login{grid-template-columns:1fr}.login-visual{display:none}.login-side{min-height:100dvh;padding:18px}.login-card{width:100%;padding:28px}.app header{flex-direction:column;align-items:flex-start;padding:18px}.app header nav{width:100%;overflow:auto}.app header nav button{white-space:nowrap}.columns{grid-template-columns:1fr}.new-list{grid-auto-columns:minmax(285px,90vw)}.board{padding:10px}}@media (display-mode:standalone){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}.drawer-layer{z-index:20;position:fixed;inset:0}.drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#071d1885;width:100%;height:100%;position:absolute;inset:0}.user-drawer{background:#f7f8f6;width:min(580px,100%);height:100%;animation:.2s ease-out drawer-in;position:absolute;inset:0 0 0 auto;overflow-y:auto;box-shadow:-20px 0 60px #17332d30}.user-drawer>header{z-index:2;border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;gap:16px;padding:23px;display:flex;position:sticky;top:0}.user-drawer>header h2,.user-drawer>header p{margin:0}.user-drawer>header p{color:var(--muted);margin-top:5px}.user-drawer>header>button{background:#eef1f0;border-radius:10px;width:40px;height:40px}.order-drawer-content{background:#fff;min-height:calc(100% - 88px);padding:24px}.order-drawer-content h3{align-items:center;gap:8px;margin:24px 0 7px;font-size:13px;display:flex}.order-drawer-content h3 svg{width:17px;color:var(--brand)}.order-drawer-content p{color:var(--muted);line-height:1.6}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}.app-shell{align-items:stretch;min-height:calc(100dvh - 116px);display:flex}.mini-sidebar{background:var(--ink);border-top:1px solid #ffffff16;flex-direction:column;align-items:center;width:100px;min-width:100px;padding:10px 5px;display:flex}.mini-sidebar-item{color:#a6bbb5;background:0 0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:90px;min-height:64px;padding:7px 2px;display:flex}.mini-sidebar-item span{font-size:12px;font-weight:800;line-height:1.15}.mini-sidebar-item:hover,.mini-sidebar-item.active{color:#fff;background:#ffffff12}.mini-sidebar-item.active svg{color:var(--bright)}.board{flex:1;min-width:0}.workspace-page{padding:8px}.workspace-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin:4px 0 18px;display:flex}.workspace-heading h2{margin:5px 0;font-size:28px}.workspace-heading p{color:var(--muted);margin:0}.workspace-panel{border:1px solid var(--border);background:#fff;border-radius:18px;overflow:hidden}.date-filter{gap:6px;font-size:12px;font-weight:900;display:grid}.date-filter input,.stock-search,.settings-grid input,.settings-grid select{border:1px solid var(--border);background:#fff;border-radius:10px;height:44px;padding:0 12px}.history-table-wrap{overflow:auto}.history-table{border-collapse:collapse;width:100%;min-width:850px}.history-table th,.history-table td{text-align:left;border-bottom:1px solid var(--border);padding:14px;font-size:13px}.history-table th{letter-spacing:1px;color:var(--muted);background:#f8faf9;font-size:10px}.history-table tbody tr{cursor:pointer}.history-table tbody tr:hover{background:#f4fbf7}.history-table td small{color:var(--muted);letter-spacing:0;margin-top:3px;font-weight:500;display:block}.history-status{background:#eef1f0;border-radius:20px;padding:6px 9px;font-size:11px;font-weight:800;display:inline-flex}.status-completed{color:#087447;background:#e2f6ec}.status-cancelled{color:var(--red);background:#fff0f0}.page-state{text-align:center;color:var(--muted);padding:60px 20px}.stock-search{align-items:center;gap:8px;padding:0 12px;display:flex}.stock-search input{border:0;outline:0;min-width:240px}.stock-grid{display:grid}.stock-row{border-bottom:1px solid var(--border);grid-template-columns:52px 1fr auto;align-items:center;gap:13px;padding:13px 16px;display:grid}.stock-row:last-child{border:0}.stock-image{background:var(--soft);width:48px;height:48px;color:var(--brand);border-radius:10px;place-items:center;font-weight:900;display:grid;overflow:hidden}.stock-image img{object-fit:cover;width:100%;height:100%}.stock-row>div:nth-child(2){gap:4px;display:grid}.stock-row .available,.stock-row .unavailable{color:var(--brand);font-size:11px;font-weight:800}.stock-row .unavailable{color:var(--red)}.availability-switch{min-width:125px;height:42px;color:var(--muted);background:#f0f2f1;border-radius:12px;align-items:center;gap:8px;padding:0 10px;font-size:11px;font-weight:800;display:flex}.availability-switch i{background:#9ba9a5;border-radius:12px;width:34px;height:20px;position:relative}.availability-switch i:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:3px;left:3px}.availability-switch.on{color:#087447;background:#e8f8ef}.availability-switch.on i{background:var(--bright)}.availability-switch.on i:after{transform:translate(14px)}.settings-layout{grid-template-columns:minmax(0,1fr) 360px;gap:16px;display:grid}.printer-form{padding:22px}.printer-title{align-items:center;gap:12px;display:flex}.printer-title>svg{color:var(--brand)}.printer-title h3,.printer-title p{margin:0}.printer-title p{color:var(--muted);margin-top:4px}.enable-print{gap:7px;margin-left:auto;font-weight:800;display:flex}.settings-grid{grid-template-columns:1fr 1fr;gap:15px;margin:24px 0;display:grid}.settings-grid label{gap:7px;font-size:12px;font-weight:800;display:grid}.settings-actions{justify-content:flex-end;gap:10px;display:flex}.settings-actions button{border-radius:10px;height:44px;padding:0 16px;font-weight:800}.save-ok{color:var(--brand);align-items:center;gap:7px;margin-top:14px;display:flex}.printer-advice{background:var(--ink);color:#fff;border-radius:18px;padding:24px}.printer-advice>svg{color:var(--bright)}.printer-advice p,.printer-advice li{color:#c8d7d3;line-height:1.55}.advice-warning{background:#ffffff10;border-radius:12px;gap:8px;padding:12px;font-size:12px;line-height:1.4;display:flex}@media (max-width:900px){.settings-layout{grid-template-columns:1fr}.workspace-heading{flex-direction:column;align-items:stretch}.settings-grid{grid-template-columns:1fr}.stock-search input{min-width:0}.mini-sidebar{overflow-y:auto}.mini-sidebar-item{flex:none}}.pwa-install{margin-top:14px;position:relative}.pwa-install>button{border:1px solid var(--brand);width:100%;height:50px;color:var(--brand);background:#f0fbf5;border-radius:11px;justify-content:center;align-items:center;gap:8px;font-weight:850;display:flex}.pwa-install.compact{margin:0}.pwa-install.compact>button{color:#fff;background:#ffffff0a;border-color:#ffffff20;width:auto;height:46px;padding:0 14px;font-size:12px}.pwa-install-help{z-index:30;border:1px solid var(--border);color:var(--ink);background:#fff;border-radius:10px;padding:12px 38px 12px 12px;font-size:12px;line-height:1.45;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 10px 30px #071d1825}.pwa-install-help button{background:#eef2f0;border-radius:7px;width:26px;height:26px;position:absolute;top:7px;right:7px}.pwa-install.compact .pwa-install-help{width:320px;color:var(--ink);left:auto;right:0}