:root{font-family:'DM Sans',sans-serif;color:#23332d;background:#f6f7f3;font-synthesis:none;font-size:14px;--ink:#20332c;--muted:#7c8d83;--line:#e5eae4;--green:#164e3a;--lime:#d7eab8;--paper:#fff;--orange:#cb804c}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b6d580;outline-offset:2px}svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.app{display:grid;grid-template-columns:226px minmax(0,1fr);min-height:100vh}.sidebar{background:#172e27;color:#d6e4d8;padding:28px 15px 20px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 36px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#cce3ae;color:#18392b;font-family:'DM Serif Display';font-size:24px}.brand strong{font-size:17px;letter-spacing:-.7px;color:#fff}.brand small{display:block;font-size:9px;letter-spacing:1.35px;color:#91aa99;font-weight:700;margin-top:2px}.nav-label{font-size:10px;letter-spacing:1.3px;font-weight:700;color:#789486;margin:15px 10px 10px}.nav{display:grid;gap:4px}.nav button{display:flex;align-items:center;gap:12px;text-align:left;background:none;color:#a9beb0;border:0;border-radius:8px;padding:11px 12px;font-weight:500}.nav button:hover,.nav button.active{background:#2b483b;color:white}.nav button.active{box-shadow:inset 3px 0 #c9e7a5}.nav button svg{width:18px}.sidebar-bottom{margin-top:auto;border-top:1px solid #365045;padding:17px 8px 0;display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#d5eac0;color:#254432;font-weight:700;flex:none}.sidebar-bottom strong{display:block;color:#fff;font-size:12px}.sidebar-bottom small{font-size:11px;color:#90a89a}.sidebar-bottom button{margin-left:auto;color:#a9beb0;background:none;border:0;padding:5px}.main{min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:20px}.crumb{color:#a2ada5;font-size:12px}.crumb strong{color:#52655b;font-weight:600}.top-actions{display:flex;align-items:center;gap:16px}.store-select{display:flex;align-items:center;gap:9px;border:1px solid #e6eae5;border-radius:8px;padding:8px 10px;color:#365246}.store-select select{border:0;background:transparent;color:#344a3e;font-weight:600;max-width:180px;outline:0}.store-select svg{width:16px}.today{font-size:12px;color:#8a998e}.content{padding:33px 36px 60px;max-width:1600px;margin:auto}.heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#8a9e8b;margin:0 0 8px}.heading h1,.login-copy h1{font-family:'DM Serif Display',serif;font-size:34px;letter-spacing:-.8px;font-weight:400;line-height:1.1;margin:0;color:#1d342a}.heading p.sub{margin:8px 0 0;color:#87978d;font-size:13px}.button{border:1px solid transparent;border-radius:8px;background:#1c553f;color:#fff;font-weight:700;padding:11px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.button:hover{background:#143e2e}.button svg{width:16px;height:16px}.button.light{background:white;color:#345044;border-color:#dfe8df}.button.light:hover{background:#f4f7f1}.button.dark{background:#233d31}.button:disabled{opacity:.45;cursor:not-allowed}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:22px}.stat{background:white;border:1px solid #e9eee7;border-radius:11px;padding:20px;min-height:133px;position:relative}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#7f9185;font-size:12px;font-weight:600}.stat-icon{height:32px;width:32px;border-radius:9px;display:grid;place-items:center;background:#f0f5ed;color:#4e7557}.stat-icon svg{width:16px}.stat strong{display:block;color:#21372c;font-size:27px;letter-spacing:-1px;margin-top:13px}.stat small{display:block;color:#91a095;font-size:11px;margin-top:5px}.stat small span{color:#c27b43}.grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:20px}.card{background:#fff;border:1px solid #e7ede5;border-radius:11px;min-width:0}.card-header{padding:21px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px}.card-header h2{margin:0;color:#283e32;font-size:15px}.card-header p{font-size:11px;color:#91a096;margin:5px 0 0}.text-button{background:none;border:0;padding:3px;color:#477158;font-weight:700;font-size:12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}thead{background:#f8faf7;color:#94a398;text-transform:uppercase;letter-spacing:.7px;font-size:10px}th{padding:12px 20px;font-weight:700}td{border-top:1px solid #eff2ee;padding:14px 20px;font-size:12px;color:#5a6d61}.product-cell{display:flex;align-items:center;gap:11px;min-width:180px}.product-icon{width:37px;height:37px;border-radius:9px;background:#f1f5ed;color:#668866;display:grid;place-items:center;font-family:'DM Serif Display';font-size:17px}.product-name{font-weight:700;color:#304438}.product-meta{color:#9aaa9c;font-size:11px;margin-top:4px}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 8px;font-size:10px;font-weight:700;background:#eaf4e8;color:#55835a}.badge.low{background:#fbf2e4;color:#ba7a35}.badge.out{background:#faeeee;color:#bd6961}.badge.neutral{background:#f1f3ef;color:#879389}.dot{width:6px;height:6px;border-radius:50%;background:currentColor}.empty{text-align:center;color:#9aa89d;padding:40px 20px;font-size:13px}.insight{background:#ecf4e6;border-radius:9px;margin:0 20px 20px;padding:15px;display:flex;gap:12px;color:#52785b}.insight strong{display:block;font-size:12px;color:#355b42;margin-bottom:5px}.insight p{margin:0;font-size:11px;line-height:1.5}.activity{padding:0 22px 10px}.activity-row{display:flex;gap:12px;padding:13px 0;border-top:1px solid #f0f3ee}.activity-row:first-child{border:0}.activity-dot{height:34px;width:34px;border-radius:9px;background:#f0f5ed;display:grid;place-items:center;color:#64876a}.activity-dot svg{width:16px}.activity-row strong{display:block;font-size:12px;color:#354a3d}.activity-row small{display:block;font-size:11px;color:#9aa99d;margin-top:4px}.activity-row .amount{margin-left:auto;color:#557660;font-weight:700;font-size:12px}.toolbar{display:flex;align-items:center;gap:10px;padding:0 22px 18px;flex-wrap:wrap}.search{position:relative;flex:1;min-width:200px}.search svg{position:absolute;left:12px;top:11px;width:16px;color:#9aaba0}.search input{padding-left:36px}.field,input,select{width:100%;border:1px solid #e1e9e0;border-radius:8px;background:#fff;padding:10px 11px;color:#2c4235;min-height:40px}.toolbar select{width:auto;min-width:130px}.inventory-header{border-bottom:1px solid var(--line)}.row-action{border:1px solid #e2e9e1;background:#fff;color:#536b5b;border-radius:7px;padding:7px 9px;font-size:11px}.row-action:hover{background:#f3f7f1}.pos-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}.catalog{padding:20px}.categories{display:flex;gap:7px;overflow:auto;margin:19px 0}.chip{border:1px solid #e6ece4;background:#fff;color:#789080;border-radius:20px;padding:7px 12px;font-size:11px;font-weight:700;white-space:nowrap}.chip.active{background:#e4f0d8;border-color:#e4f0d8;color:#326240}.products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tile{padding:0;text-align:left;border:1px solid #e8eee6;border-radius:10px;background:#fff;overflow:hidden;color:inherit}.tile:disabled{opacity:.58;cursor:not-allowed}.tile:hover:not(:disabled){border-color:#93ba8e;box-shadow:0 4px 14px #183d2710}.tile-art{height:102px;display:grid;place-items:center;background:#edf3e8;color:#91ad84;font-family:'DM Serif Display';font-size:39px}.tile:nth-child(4n+2) .tile-art{background:#f5ede2;color:#c1a277}.tile:nth-child(4n+3) .tile-art{background:#e8f1ee;color:#88a99e}.tile:nth-child(4n+4) .tile-art{background:#f3eee8;color:#b4a28f}.tile-info{padding:12px}.tile-info strong{display:block;font-size:12px;color:#2f4437}.tile-info small{display:block;font-size:10px;color:#9eaca0;margin-top:5px}.tile-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:13px;font-size:12px;font-weight:700}.tile-bottom span:last-child{color:#779784;font-weight:500;font-size:10px}.cart{position:sticky;top:20px}.cart-title{padding:23px;border-bottom:1px solid var(--line)}.cart-title h2{margin:0;font-size:16px}.cart-title p{font-size:11px;color:#98a99b;margin:6px 0 0}.cart-items{padding:0 20px;min-height:190px;max-height:390px;overflow:auto}.cart-row{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid #f0f3ee}.cart-row .details{min-width:0;flex:1}.cart-row strong{font-size:12px;display:block}.cart-row small{display:block;color:#a0ada2;font-size:10px;margin-top:5px}.qty{display:flex;align-items:center;border:1px solid #e5ebe3;border-radius:6px;overflow:hidden}.qty button{border:0;background:#f8faf7;color:#496a51;width:25px;height:25px}.qty input.qty-input{width:55px;min-height:25px;height:25px;border:0;border-radius:0;padding:0 3px;text-align:center;font-size:11px}.cart-total{padding:20px;border-top:1px solid #eef2ec}.total-line{display:flex;justify-content:space-between;align-items:center;color:#839488;font-size:12px;margin-bottom:12px}.total-line.big{font-size:14px;color:#314c3b;border-top:1px solid #e9eee7;padding-top:15px;margin-top:15px;font-weight:700}.total-line.big strong{font-size:22px}.cart-total select{margin:3px 0 12px}.cart-total .button{width:100%;padding:13px}.hint{font-size:11px;color:#98a79b;line-height:1.6;margin-top:10px}.modal-backdrop{position:fixed;inset:0;background:#10251eb0;display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.modal{background:#fff;width:min(520px,100%);max-height:90vh;overflow:auto;border-radius:14px;box-shadow:0 24px 80px #10251e30}.modal-head{display:flex;justify-content:space-between;align-items:start;padding:24px 25px;border-bottom:1px solid var(--line)}.modal-head h2{font-family:'DM Serif Display';font-size:24px;font-weight:400;margin:0}.modal-head p{color:#8d9b91;font-size:12px;margin:6px 0 0}.icon-button{border:0;background:none;color:#84978a;padding:3px}.form{padding:22px 25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form label{display:block;color:#53695b;font-size:11px;font-weight:700;margin-bottom:15px}.form label input,.form label select{margin-top:7px;font-weight:400}.form label.full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.error{color:#b45049;font-size:12px;line-height:1.5;margin:0 0 12px}.check-group{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0 16px}.check-group label{font-weight:500;display:flex;align-items:center;gap:5px;margin:0}.check-group input{width:auto;min-height:auto;margin:0}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#f7f8f4}.login-art{background:#18362a;padding:55px;display:flex;flex-direction:column;color:#d1e7c7}.login-art .brand{padding:0}.login-copy{margin:auto;max-width:470px}.login-copy h1{font-size:58px;color:#f2f7eb}.login-copy p{color:#a6bfae;line-height:1.8;max-width:380px}.login-art footer{font-size:11px;color:#8ca897}.login-form{display:grid;place-items:center;padding:32px}.login-box{width:min(350px,100%)}.login-box h2{font-family:'DM Serif Display';font-size:33px;font-weight:400;margin:0 0 8px}.login-box>p{color:#91a096;line-height:1.6;margin-bottom:30px}.login-box .form{padding:0}.login-box .button{width:100%;margin-top:5px}.toast{position:fixed;right:24px;bottom:24px;background:#203c2e;color:white;padding:13px 18px;border-radius:9px;box-shadow:0 8px 30px #0b291d30;z-index:30;font-size:12px}.mobile-brand,.mobile-cart{display:none}.amount-red{color:#b45850}.detail-list{padding:0 22px 20px}.detail-list p{color:#7d8f82;font-size:12px}.status-note{font-size:11px;color:#9aac9d}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.pos-grid{grid-template-columns:minmax(0,1fr) 320px}.products-grid{grid-template-columns:repeat(2,1fr)}.today{display:none}}@media(max-width:760px){.app{display:block}.sidebar{position:static;height:auto;min-height:0;padding:12px 15px}.brand{padding:0 0 12px}.brand small,.nav-label,.sidebar-bottom{display:none}.nav{display:flex;overflow:auto}.nav button{white-space:nowrap;font-size:11px;padding:9px}.nav button svg{width:15px}.topbar{height:auto;padding:14px 18px}.crumb{display:none}.top-actions{width:100%;justify-content:space-between}.content{padding:24px 18px 45px}.heading{align-items:start}.heading h1{font-size:29px}.stats{gap:10px}.stat{padding:15px}.stat strong{font-size:23px}.pos-grid{grid-template-columns:1fr}.cart{position:static;scroll-margin-top:15px}.mobile-cart{position:fixed;z-index:5;bottom:14px;left:18px;right:18px;background:#1c553f;color:white;border-radius:9px;padding:15px 18px;display:flex;justify-content:space-between;text-decoration:none;box-shadow:0 8px 26px #12302235;font-weight:700}.cart-total{padding-bottom:65px}.products-grid{grid-template-columns:repeat(2,1fr)}.login{grid-template-columns:1fr}.login-art{min-height:230px;padding:28px}.login-copy h1{font-size:38px}.login-copy{margin:40px 0}.login-art footer{display:none}.login-form{padding:40px 24px}.form-grid{grid-template-columns:1fr}.form label.full{grid-column:auto}}
.sale-price-label{display:block;margin-top:6px;color:#667d6b;font-size:10px}.sale-price-label input{display:block;width:82px;min-height:29px;margin-top:4px;padding:4px 6px;font-size:12px}.sale-warning,.pending-sale{padding:10px 12px;border:1px solid #e7c997;border-radius:8px;background:#fff8eb;color:#805b28;font-size:12px;line-height:1.5}.pending-sale{margin-bottom:12px}.pending-sale button{display:block;margin-top:8px}
