:root{--ink:#173b32;--muted:#79877f;--bg:#f6f7f2;--line:#e4e9df;--green:#143c32;--lime:#d9f17c;--white:#fff;--danger:#aa4338;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{opacity:.45;cursor:default}button svg{width:21px;height:21px;flex:none}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.2;letter-spacing:-.8px}h2{font-size:24px;letter-spacing:-.5px}h3{font-size:16px}p{line-height:1.5}small{font-size:12px}input,select,textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:12px;padding:13px;background:white;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#7b9b73;box-shadow:0 0 0 3px #cce28c35}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-inner-spin-button{appearance:none}input[type=checkbox]{width:18px;height:18px;accent-color:var(--green)}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;margin-bottom:16px}form>button{margin-top:8px}svg{width:24px;height:24px;flex:none}.shell{max-width:920px;margin:auto;min-height:100dvh;background:var(--bg)}header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:16px 24px}.brand{display:flex;align-items:center;gap:10px;font-size:27px;font-weight:800;letter-spacing:-1.4px}.brand img{width:37px;height:37px}.brand-dot{color:#81a643}.header-right{display:flex;gap:12px;align-items:center}.role-tag{font-size:11px;text-transform:uppercase;letter-spacing:.7px;padding:7px 11px;background:#eaf0e1;border-radius:7px;color:#466540}.avatar{width:38px;height:38px;border-radius:50%;background:#e8dcd0;color:#754b32;display:inline-flex;align-items:center;justify-content:center;font-weight:700;border:2px solid white;flex:none}.avatar.large{width:74px;height:74px;font-size:29px;margin-bottom:14px}main{padding:12px 24px 115px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:4px 0 24px;gap:16px}.section-head p{font-size:13px;color:var(--muted);margin-top:7px}.primary,.outline,.danger{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:13px 20px;border-radius:13px;font-weight:650;font-size:14px}.primary{background:var(--green);color:white}.primary svg:last-child{margin-left:auto}.primary.full{min-height:54px}.outline{background:transparent;border:1px solid #cdd9c5;color:var(--ink)}.danger{background:#fbefec;color:var(--danger)}.full{width:100%;margin-top:12px}.text-btn{background:none;color:var(--ink);padding:12px 5px;font-size:13px}.icon-btn{width:43px;height:43px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;background:white;border:1px solid var(--line);flex:none}.accent{background:var(--green);color:white;border:0}.search{display:flex;align-items:center;gap:10px;padding:0 16px;background:white;border:1px solid var(--line);border-radius:14px;height:51px}.search svg{color:#7e8c78;width:21px}.search input{border:0;box-shadow:none;padding:12px 0;font-size:14px;background:transparent}.chips{display:flex;gap:8px;overflow:auto;padding:18px 0 9px;scrollbar-width:none}.chips button{white-space:nowrap;padding:10px 17px;background:#eaf0e4;border-radius:25px;font-size:13px;font-weight:550;color:#607358;min-height:38px}.chips button.selected{background:var(--green);color:white}.chips .chip-plus{background:white;border:1px dashed #a5b995}.catalog-meta{display:flex;justify-content:space-between;margin:17px 0 13px;color:var(--muted);font-size:11px;letter-spacing:.2px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.product-card{background:white;border-radius:18px;overflow:hidden;border:1px solid var(--line)}.product-picture{position:relative;margin:6px;background:#eff1e9;border-radius:13px;height:165px;display:flex;align-items:center;justify-content:center}.product-picture img{width:100%;height:100%;object-fit:contain;border-radius:13px}.stock-tag{position:absolute;top:9px;left:9px;padding:5px 8px;font-size:10px;background:#fff7d8;color:#86611a;border-radius:6px}.stock-tag.zero{background:#f6e6e1;color:var(--danger)}.product-body{padding:9px 13px 14px}.product-body>small{font-size:9px;color:#97a08f;letter-spacing:1px}.product-body h3{font-size:14px;font-weight:600;line-height:1.3;height:37px;margin:5px 0 8px}.price{font-size:22px;letter-spacing:-.6px}.price small{font-size:11px;font-weight:450;color:var(--muted);letter-spacing:0}.available{font-size:10px;color:#799166;margin:7px 0 13px}.stepper{display:flex;align-items:center;justify-content:space-between;background:#f1f5e8;border:1px solid #e6edda;border-radius:10px;height:37px;overflow:hidden}.stepper button{background:none;color:var(--ink);font-size:22px;min-width:35px;height:35px}.stepper button:last-child{background:var(--lime)}.stepper input{padding:0;width:38px;flex:1;text-align:center;background:none;border:0;font-size:13px;box-shadow:none}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(920px,100%);padding:12px 18px max(13px,env(safe-area-inset-bottom));display:flex;justify-content:space-around;border-top:1px solid #e2e7da;background:#fffefbf5;backdrop-filter:blur(14px);z-index:20}.bottom-nav button{position:relative;min-width:60px;display:flex;flex-direction:column;gap:6px;align-items:center;color:#94a18f;background:none;font-size:10px;padding:4px 8px}.bottom-nav svg{width:22px;height:22px}.bottom-nav button.selected{color:var(--green);font-weight:750}.bottom-nav button.selected:before{content:'';position:absolute;top:-8px;width:24px;height:3px;border-radius:5px;background:#92b44f}.bottom-nav b{position:absolute;top:-2px;right:6px;background:var(--green);color:white;font-size:9px;border-radius:8px;padding:2px 5px}.table-wrap{overflow-x:auto;margin:18px 0;border:1px solid var(--line);border-radius:14px;background:white}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;font-weight:500;color:var(--muted);font-size:10px;background:#f9faf6}td,th{padding:14px 10px;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}td:last-child,th:last-child{text-align:right}td .stepper{width:86px;height:33px}td .stepper button{min-width:25px;font-size:18px}td .stepper input{width:28px;min-width:20px}td:first-child{min-width:82px;max-width:180px}td:first-child b{font-weight:550}.note-field{margin-top:24px}.order-total{display:flex;justify-content:space-between;align-items:center;margin:24px 0 14px;gap:15px}.order-total>span{font-size:17px}.order-total strong{font-size:29px;letter-spacing:-.8px;text-align:right}.order-total small{display:block;color:var(--muted);font-size:11px;font-weight:400;letter-spacing:0;margin-top:4px}.cash-note{font-size:12px;color:var(--muted);display:flex;gap:10px;align-items:center}.cash-note svg{width:18px;color:#6c914d}.order-row{width:100%;display:flex;gap:13px;align-items:center;background:white;border:1px solid var(--line);border-radius:16px;padding:16px;text-align:left;color:var(--ink);margin:12px 0}.order-row-icon{padding:12px;background:#f0f4e5;border-radius:12px;align-self:flex-start}.grow{min-width:0;flex:1}.row-between{display:flex;justify-content:space-between;gap:10px;align-items:center}.order-row p{font-size:12px;color:var(--muted);margin:9px 0 13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-row small{font-size:10px;color:var(--muted)}.order-row strong{font-size:14px}.status{display:inline-block;padding:5px 8px;font-size:10px;border-radius:6px;background:#e9eddf;color:#64734d;white-space:nowrap}.status.new{background:#fff2cf;color:#937129}.status.preparing,.status.accepted{background:#e5eef7;color:#4e7697}.status.ready,.status.delivered{background:#e5f0d7;color:#507137}.status.cancelled{background:#f4e6e1;color:#a36a58}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 22px}.stats>div{background:white;border:1px solid var(--line);border-radius:15px;padding:18px}.stats small{color:var(--muted);font-size:11px;display:block;margin-bottom:12px}.stats strong{font-size:25px;letter-spacing:-.7px}.stats>div:first-child{background:var(--green);color:white;border-color:var(--green)}.stats>div:first-child small{color:#c8dbcd}.compact>div{display:flex;justify-content:space-between;align-items:center;padding:15px}.compact small{margin:0}.empty{padding:55px 15px;text-align:center;grid-column:1/-1;color:var(--muted)}.empty>svg{width:45px;height:45px;margin-bottom:20px;color:#b0c298}.empty h3{font-size:18px;color:var(--ink);margin-bottom:9px}.empty p{font-size:13px;margin-bottom:12px}.profile-card{text-align:center;background:white;padding:28px 24px;border:1px solid var(--line);border-radius:20px}.profile-card h2{margin-bottom:12px}.profile-card dl{text-align:left;display:grid;grid-template-columns:1fr 1.6fr;gap:18px;font-size:13px;margin:30px 0 0}.profile-card dt{color:var(--muted)}.profile-card dd{margin:0;overflow-wrap:anywhere}.menu-list{margin-top:24px}.menu-item{display:flex;align-items:center;gap:13px;color:var(--ink);text-align:left;background:transparent;padding:17px 0;border-bottom:1px solid var(--line);width:100%;font-size:13px}.menu-item>span{flex:1}.menu-item>svg:last-child{margin-left:auto;width:17px}.footnote{font-size:11px;color:var(--muted);line-height:1.6;margin:12px 0}.settings-group{background:white;border:1px solid var(--line);padding:22px;border-radius:18px;margin:16px 0}.settings-group>label:last-child{margin-bottom:0}.settings-group h3{margin-bottom:16px}.settings-group>.row-between{padding:12px 0;font-size:13px}.client-row{display:flex;align-items:center;gap:12px;padding:17px 0;width:100%;text-align:left;background:none;color:var(--ink);border-bottom:1px solid var(--line)}.client-row b{font-size:14px}.client-row small{display:block;color:var(--muted);font-size:11px;margin-top:6px}.client-row>svg{width:16px}.muted{opacity:.6}.warehouse-card{display:flex;align-items:center;gap:13px;padding:22px;background:white;border:1px solid var(--line);border-radius:16px;margin-bottom:12px}.warehouse-card>div{flex:1}.warehouse-card small{color:var(--muted)}.warehouse-card button{min-height:36px;padding:8px;font-size:11px}.warehouse-select{padding:0 24px;display:flex;align-items:center;gap:12px}.warehouse-select label{flex:1;margin-bottom:12px;font-size:11px}.warehouse-select select{font-size:13px;padding:9px}.mini-links{display:flex}.scrim{position:fixed;inset:0;background:#14291d88;backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center;padding:20px}.dialog{position:relative;max-height:90dvh;overflow:auto;width:100%;max-width:520px;background:var(--bg);border-radius:24px;padding:30px 24px}.dialog-close{position:sticky;top:0;float:right;z-index:2;width:33px;height:33px;background:white;margin-top:-12px;margin-right:-6px}.dialog h2{padding-right:30px;margin-bottom:22px}.dialog>p,#print-area>p{font-size:12px;color:var(--muted);margin:10px 0}.dialog form{margin-top:12px}.dialog .eyebrow{margin-bottom:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.check-label{display:flex;flex-direction:row;align-items:center}.upload-preview{height:150px;display:flex;align-items:center;justify-content:center;background:#edf0e5;border:1px dashed #bdcbb0;border-radius:16px;margin-bottom:16px}.upload-preview img{max-width:100%;max-height:100%;object-fit:contain}.upload input{font-size:12px}.edit-dot{position:absolute;right:8px;top:8px;background:white;width:30px;height:27px;border-radius:7px;color:var(--ink);font-weight:bold}.stock-line{font-size:10px;line-height:1.7;color:var(--muted);margin-top:8px}.small{font-size:11px;min-height:32px;padding:8px}.demo-bar{background:#e4edc4;text-align:center;font-size:10px;letter-spacing:.15px;padding:7px 10px;color:#63723d}.notice{background:#e9efdf;border-radius:10px;padding:15px;font-size:13px}.modal-open{overflow:hidden}#toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%,12px);max-width:calc(100% - 32px);width:max-content;background:#173b32;color:white;padding:13px 20px;border-radius:13px;font-size:13px;opacity:0;transition:.2s;pointer-events:none;z-index:90;box-shadow:0 5px 20px #16362833}#toast.show{opacity:1;transform:translate(-50%,0)}.date-form{display:flex;gap:8px;align-items:flex-end}.date-form label{flex:1;min-width:0;font-size:10px}.date-form input{padding:10px;font-size:12px}.date-form button{margin-bottom:16px}.report-item{padding:12px 0}.report-item b,.report-item span{font-size:12px}.report-item small{font-size:11px;color:var(--muted)}.bar{height:7px;border-radius:10px;background:#edf0e8;margin:10px 0 6px;overflow:hidden}.bar i{display:block;height:100%;background:#8bb753;border-radius:10px}.audit-row{padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.audit-row small{display:block;color:var(--muted);margin-top:5px}.login-page{max-width:470px;min-height:100dvh;margin:auto;padding:24px}.login-top{display:flex;align-items:center;justify-content:space-between}.language{background:white;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:12px;color:var(--ink)}.login-content{padding:20px 10px}.login-art{width:154px;height:123px;background:#e7efcc;position:relative;border-radius:35px;display:flex;align-items:center;justify-content:center;transform:rotate(-6deg);margin:15px auto 42px}.login-art>svg{width:75px;height:75px;color:#335e45}.art-check{position:absolute;right:-15px;top:-9px;width:43px;height:43px;border-radius:50%;background:var(--green);border:5px solid var(--bg);display:flex;align-items:center;justify-content:center;color:#e2f092}.art-check svg{width:20px}.art-label{position:absolute;bottom:-13px;right:-10px;background:white;border:1px solid var(--line);font-size:12px;padding:8px 17px;border-radius:7px;transform:rotate(9deg);font-weight:700}.eyebrow{display:block;color:#899f6b;font-size:10px;font-weight:650;letter-spacing:1.3px}.login-content h1{font-size:36px;margin:12px 0;max-width:300px;line-height:1.13}.login-content>p{font-size:13px;color:var(--muted);margin-bottom:26px;max-width:300px}.login-content form{margin-bottom:12px}.login-content details{font-size:11px;color:var(--muted);margin-bottom:14px}.login-content details label{margin-top:12px;font-size:11px}.login-page footer{text-align:center;color:#9ba58e;font-size:10px;padding:20px}.login-content .outline{font-size:12px}.login-content .primary svg{margin-left:auto}
@media(max-width:600px){header{padding:14px 20px;height:78px}main{padding:8px 20px 110px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-picture{height:139px}.product-body{padding:7px 11px 12px}.product-body h3{font-size:13px}.price{font-size:20px}.section-head{margin-bottom:21px}h1{font-size:27px}.dialog{padding:26px 18px;border-radius:22px}.scrim{padding:10px}.order-row{padding:13px;gap:10px}.order-row-icon{padding:9px}.role-tag{font-size:9px}.warehouse-select{padding:0 20px}.table-wrap td,.table-wrap th{padding:12px 7px}.order-row .row-between:last-child{align-items:flex-end}.order-row strong small{display:block;text-align:right}}
@media(min-width:800px){main{padding:22px 40px 125px}header{padding:20px 40px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-picture{height:190px}.bottom-nav{border-radius:24px 24px 0 0}.settings-group{max-width:650px}.profile-card{max-width:650px}.order-list{max-width:750px}}
.date-form button{background:var(--green);color:white}
@media print{body>*{display:none!important}#modal{display:block!important}.scrim{position:static;background:white;padding:0;display:block}.dialog{max-height:none;max-width:none;overflow:visible;background:white;padding:20px}.dialog>*{display:none!important}.dialog #print-area{display:block!important}.dialog-close{display:none!important}.table-wrap{overflow:visible}.status{border:1px solid #ccc}}

.business-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.business-tile{background:white;border:1px solid var(--line);border-radius:18px;padding:22px;text-align:left;color:var(--ink);display:flex;flex-direction:column;gap:12px;min-height:150px}.business-tile:first-child{background:var(--green);color:white}.business-tile svg{width:28px;height:28px}.business-tile strong{font-size:15px;overflow-wrap:anywhere}.business-tile small{opacity:.7}.document-line{padding:15px;background:white;border:1px solid var(--line);border-radius:14px;margin-bottom:12px}.document-line label{min-width:0}.document-line .form-grid{margin-top:8px}.scan-btn{flex:none;background:#e7efcf;width:38px;height:38px}.search input{min-width:0}.stats strong{overflow-wrap:anywhere}.warehouse-card{flex-wrap:wrap}.warehouse-card h3{overflow-wrap:anywhere}.dialog .order-row p{white-space:normal}.business-grid+.footnote{margin-top:20px}