:root{--ink:#1e2823;--muted:#77827c;--line:#e8ece7;--paper:#fff;--canvas:#f7f8f5;--green:#315c49;--green-dark:#244536;--mint:#eaf3ee;--lime:#d7e8c5;--orange:#e99665;--amber:#f4efe4;--red:#bd5c4f;--shadow:0 10px 32px #22382d0c;--radius:16px;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--canvas)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{width:246px;background:#fff;border-right:1px solid var(--line);padding:24px 15px 18px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;padding:0 11px 27px}.brand-mark{width:39px;height:39px;border-radius:13px;background:var(--green);color:white;display:grid;place-items:center;font:800 20px Manrope;box-shadow:0 5px 12px #315c4929}.brand-name{font:800 16px Manrope;letter-spacing:-.5px}.brand-sub{color:var(--muted);font-size:11px;margin-top:2px}.nav-label{font-size:10px;font-weight:700;color:#9aa49e;letter-spacing:1.2px;padding:8px 13px 9px}.nav-list{display:grid;gap:4px}.nav-item{height:43px;border:0;border-radius:10px;background:transparent;color:#64716a;display:flex;align-items:center;gap:13px;padding:0 13px;text-align:left;font-weight:600;font-size:13px;transition:.18s}.nav-item:hover{background:#f4f7f4;color:var(--ink)}.nav-item.active{background:var(--mint);color:var(--green)}.nav-icon{width:19px;height:19px;display:grid;place-items:center;font-size:17px}.nav-count{margin-left:auto;font-size:11px;color:#849087}.sidebar-bottom{margin-top:auto}.help-card{border-radius:13px;background:#f4f6f2;padding:14px;margin:0 3px 15px}.help-card b{font-size:12px}.help-card p{font-size:11px;color:var(--muted);line-height:1.5;margin:6px 0 10px}.help-card button{border:0;background:none;padding:0;color:var(--green);font-size:11px;font-weight:700}.user-profile{border-top:1px solid var(--line);padding:16px 8px 0;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f1decf;color:#925d3c;font-size:12px;font-weight:700;flex-shrink:0}.user-meta{min-width:0}.user-meta b{display:block;font-size:12px}.user-meta small{font-size:11px;color:var(--muted)}.workspace{min-width:0;flex:1}.topbar{height:72px;background:#ffffffd9;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.crumb{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted)}.crumb strong{color:var(--ink);font-weight:700}.top-right{display:flex;align-items:center;gap:13px}.store-select{height:37px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 12px;color:#455149;font-size:12px;font-weight:600}.icon-btn{width:37px;height:37px;border:1px solid var(--line);background:#fff;border-radius:10px;color:#617068;display:grid;place-items:center;font-size:16px}.top-avatar{width:34px;height:34px;border-radius:50%;background:#dce9df;color:#315c49;display:grid;place-items:center;font-size:11px;font-weight:700}.main{padding:31px 38px 60px;max-width:1510px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:25px;gap:20px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.1px;color:#87938b;font-weight:700;margin-bottom:7px}.page-heading h1{font:800 27px Manrope;letter-spacing:-1px;margin:0}.page-heading p{margin:7px 0 0;color:var(--muted);font-size:13px}.actions{display:flex;align-items:center;gap:9px}.btn{border:1px solid var(--line);background:#fff;color:#455149;border-radius:10px;height:40px;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex;gap:8px;align-items:center;justify-content:center;transition:.18s}.btn:hover{border-color:#c7d6cc;transform:translateY(-1px)}.btn-primary{background:var(--green);border-color:var(--green);color:white;box-shadow:0 4px 9px #315c491a}.btn-primary:hover{background:var(--green-dark);border-color:var(--green-dark)}.btn-soft{background:var(--mint);border-color:var(--mint);color:var(--green)}.btn-danger{color:var(--red)}.home-welcome{border-radius:19px;padding:27px 30px;background:linear-gradient(115deg,#254b39,#386a51);color:#fff;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative;margin-bottom:23px}.home-welcome:after{content:'✳';position:absolute;right:240px;top:-42px;font-size:205px;opacity:.055}.welcome-copy{position:relative;z-index:1}.welcome-copy small{color:#c0d9c9;font-size:11px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}.welcome-copy h2{font:800 23px Manrope;margin:8px 0 5px;letter-spacing:-.6px}.welcome-copy p{font-size:12px;color:#d1e1d7;margin:0}.welcome-chip{display:flex;gap:8px;align-items:center;color:#d9e8de;font-size:11px}.dot{width:7px;height:7px;border-radius:50%;background:#afd89c;box-shadow:0 0 0 4px #ffffff19}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}.stat-card,.panel,.table-card,.card{background:#fff;border:1px solid #edf0ec;border-radius:var(--radius);box-shadow:var(--shadow)}.stat-card{padding:18px 19px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px;font-weight:600}.stat-icon{width:31px;height:31px;border-radius:10px;background:#f1f5ef;display:grid;place-items:center;color:var(--green);font-size:15px}.stat-number{font:800 23px Manrope;margin:12px 0 5px;letter-spacing:-.6px}.stat-foot{font-size:10px;color:#849087}.positive{color:#4d8a5f;font-weight:700}.home-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:17px}.panel{padding:19px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-head h3{font:700 14px Manrope;margin:0}.link-btn{border:0;background:transparent;color:var(--green);font-size:11px;font-weight:700}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:14px 12px;text-align:left;transition:.18s}.quick-card:hover{transform:translateY(-2px);border-color:#c8d9cd;box-shadow:var(--shadow)}.quick-card .qi{font-size:18px;margin-bottom:10px}.quick-card b{font-size:12px;display:block}.quick-card span{font-size:10px;color:var(--muted);display:block;margin-top:4px}.activity-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #f0f2ef}.activity-row:last-child{border-bottom:0}.activity-mark{width:33px;height:33px;border-radius:11px;background:#f5f1e7;display:grid;place-items:center;font-size:14px}.activity-copy{flex:1;min-width:0}.activity-copy b{display:block;font-size:11px}.activity-copy span{color:var(--muted);font-size:10px}.activity-time{font-size:10px;color:#9ba59f}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.search-wrap{position:relative;flex:1;min-width:220px;max-width:500px}.search-icon{position:absolute;left:13px;top:11px;color:#99a39c;font-size:15px}.search-input{width:100%;height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 13px 0 38px;font-size:12px;outline:none}.search-input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:#93b69e;box-shadow:0 0 0 3px #d9e9dd80}.toolbar-end{margin-left:auto;display:flex;gap:8px}.filter-btn{height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 12px;color:#59655e;font-size:11px;font-weight:600}.table-card{overflow:hidden}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:790px}thead{background:#fafbf9}th{text-align:left;padding:12px 16px;color:#89938c;font-size:10px;text-transform:uppercase;letter-spacing:.55px;font-weight:700;white-space:nowrap}td{padding:13px 16px;border-top:1px solid #f0f2ef;font-size:12px;color:#4b5750;white-space:nowrap}tbody tr{cursor:pointer;transition:.12s}tbody tr:hover{background:#fbfcfa}.person-cell{display:flex;align-items:center;gap:10px}.person-avatar{height:33px;width:33px;border-radius:11px;background:#f5eadf;color:#916340;display:grid;place-items:center;font-size:10px;font-weight:700}.person-name b,.item-name b{display:block;color:var(--ink);font-size:12px}.person-name span,.item-name span{display:block;font-size:10px;color:#96a098;margin-top:3px}.amount{font-weight:700;color:#46544b}.amount.owed{color:#bd7150}.badge{padding:5px 8px;border-radius:20px;font-size:10px;font-weight:700;background:#edf5ed;color:#54825c;display:inline-flex;align-items:center;gap:5px}.badge:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.badge.gray{background:#f1f3f1;color:#79837c}.badge.amber{background:#faf1df;color:#a47732}.table-foot{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eef0ed;color:#8a948d;font-size:10px}.float-add{position:fixed;right:35px;bottom:30px;width:54px;height:54px;border:0;border-radius:18px;background:var(--green);color:white;font-size:26px;box-shadow:0 10px 25px #315c493d;z-index:8;transition:.2s}.float-add:hover{transform:translateY(-3px) rotate(90deg);background:var(--green-dark)}.segmented{display:flex;background:#f3f5f2;border-radius:9px;padding:3px;gap:2px}.segmented button{border:0;background:transparent;border-radius:7px;padding:7px 11px;color:#748078;font-size:10px;font-weight:700}.segmented button.active{background:#fff;color:var(--green);box-shadow:0 1px 4px #1c30220d}.item-cell{display:flex;align-items:center;gap:11px}.item-thumb{width:39px;height:39px;border-radius:11px;background:#f7f2e7;display:grid;place-items:center;font-size:20px;overflow:hidden}.item-thumb img{width:100%;height:100%;object-fit:cover}.category-chip{font-size:10px;color:#65776b;background:#f1f5f1;border-radius:7px;padding:5px 7px}.price{font-weight:700;color:#35483c}.stock-dot{display:inline-flex;align-items:center;gap:6px}.stock-dot:before{content:'';width:6px;height:6px;border-radius:50%;background:#64a86d}.stock-dot.low:before{background:#e59d60}.detail-head{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px}.back-btn{border:1px solid var(--line);background:#fff;width:36px;height:36px;border-radius:10px;color:#647168}.detail-title{flex:1}.detail-title h1{font:800 23px Manrope;margin:0}.detail-title p{margin:5px 0;color:var(--muted);font-size:12px}.tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);margin-bottom:17px;overflow-x:auto}.tab{padding:0 1px 11px;background:none;border:0;color:#87928a;font-size:11px;font-weight:700;white-space:nowrap;border-bottom:2px solid transparent}.tab.active{border-color:var(--green);color:var(--green)}.detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.8fr);gap:16px}.section-card{background:#fff;border:1px solid #edf0ec;border-radius:15px;padding:18px;margin-bottom:14px}.section-card h3{font:700 13px Manrope;margin:0 0 14px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.info-item label{display:block;color:#929d95;font-size:10px;margin-bottom:5px}.info-item b{font-size:12px;font-weight:600;color:#3e4b43}.info-item.full{grid-column:1/-1}.note-box{background:#f8f9f7;border-radius:10px;padding:12px;color:#68746c;font-size:11px;line-height:1.5}.profile-card{display:flex;align-items:center;gap:12px}.large-avatar{width:48px;height:48px;border-radius:15px;background:#f3e3d4;color:#895d3e;display:grid;place-items:center;font-weight:700}.profile-summary b{font-size:13px}.profile-summary small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.balance-card{background:linear-gradient(135deg,#f1f6f0,#fafbf8);border-radius:13px;padding:15px}.balance-card span{font-size:10px;color:#77857b}.balance-card b{display:block;font:800 22px Manrope;margin:5px 0}.balance-card small{font-size:10px;color:#819087}.list-line{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eff1ee}.list-line:last-child{border-bottom:0}.list-line .list-icon{height:30px;width:30px;border-radius:9px;background:#f4f5f2;display:grid;place-items:center}.list-line b{font-size:11px}.list-line span{font-size:10px;color:var(--muted);display:block;margin-top:3px}.list-line em{margin-left:auto;font-size:10px;font-style:normal;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;z-index:30;background:#17241d71;display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(3px);animation:fadein .16s}.modal{background:#fff;border-radius:18px;width:min(680px,100%);max-height:min(90vh,850px);overflow:auto;box-shadow:0 25px 80px #1020183d;animation:rise .18s}.modal.small{width:min(420px,100%)}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes rise{from{transform:translateY(9px);opacity:.8}to{transform:none;opacity:1}}.modal-head{padding:20px 23px 15px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between}.modal-head h2{font:800 18px Manrope;margin:0}.modal-head p{margin:5px 0 0;color:var(--muted);font-size:11px}.close-btn{border:0;background:#f4f6f3;border-radius:8px;width:30px;height:30px;color:#637067}.modal-body{padding:19px 23px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field.full{grid-column:1/-1}.field label{font-size:10px;color:#69766e;font-weight:700}.field input,.field select,.field textarea{height:39px;width:100%;border:1px solid var(--line);border-radius:9px;padding:0 11px;outline:none;font-size:11px;color:#3c4841;background:white}.field textarea{height:72px;padding:10px;resize:vertical}.input-with-action{display:flex;gap:7px}.input-with-action input{flex:1}.add-inline{border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--green);font-size:11px;padding:0 10px;font-weight:700}.check-row{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:11px;color:#536057}.check-row input{accent-color:var(--green)}.modal-foot{padding:14px 23px 19px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line)}.foot-hint{font-size:10px;color:#929b95}.right-actions{display:flex;gap:8px}.switch{width:32px;height:18px;border-radius:15px;background:#cfd6d0;position:relative;display:inline-block;vertical-align:middle}.switch:after{content:'';position:absolute;width:14px;height:14px;top:2px;left:2px;background:white;border-radius:50%;transition:.16s;box-shadow:0 1px 3px #0002}.switch.on{background:#70a17b}.switch.on:after{left:16px}.special-box{padding:13px;border:1px solid var(--line);border-radius:11px;margin-bottom:10px;background:#fdfefd}.special-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.special-title b{font-size:11px}.history-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #eff1ee;font-size:10px}.history-row b{font-size:11px}.muted{color:var(--muted)}.empty{text-align:center;padding:50px 20px;color:var(--muted);font-size:12px}.empty .empty-icon{font-size:30px;margin-bottom:10px}.mobile-top{display:none}.category-group{margin:17px 0 7px;display:flex;align-items:center;gap:9px;color:#718077;font-size:11px;font-weight:700}.category-group .line{height:1px;background:#e7ece7;flex:1}.store-list{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.store-card{background:#fff;border:1px solid #edf0ec;border-radius:15px;padding:17px;box-shadow:var(--shadow)}.store-card-head{display:flex;align-items:center;gap:10px}.store-emblem{height:36px;width:36px;border-radius:12px;background:#eff4ed;display:grid;place-items:center;font-size:17px}.store-card h3{font:700 12px Manrope;margin:0}.store-card small{font-size:10px;color:var(--muted)}.store-card p{font-size:10px;color:#7f8b82;line-height:1.5;margin:14px 0}.store-card-foot{display:flex;justify-content:space-between;align-items:center}.toast{position:fixed;bottom:23px;left:50%;transform:translateX(-50%);background:#253d30;color:white;border-radius:11px;padding:12px 17px;font-size:12px;box-shadow:0 8px 20px #20362929;z-index:60;animation:rise .18s;white-space:nowrap}.mobile-overlay{display:none}
@media(max-width:1100px){.sidebar{width:220px}.main{padding-left:26px;padding-right:26px}.topbar{padding:0 26px}.stat-grid{grid-template-columns:repeat(2,1fr)}.store-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{position:fixed;z-index:40;left:0;top:0;bottom:0;transform:translateX(-102%);transition:transform .2s;box-shadow:15px 0 40px #16231c1a}.sidebar.open{transform:translateX(0)}.mobile-overlay.show{display:block;position:fixed;inset:0;background:#15221b66;z-index:35}.mobile-top{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#4d5b52}.topbar{height:61px;padding:0 15px;gap:10px}.crumb{flex:1}.top-right{gap:7px}.store-select{max-width:125px;padding:0 8px;font-size:10px;height:34px}.top-right .icon-btn{height:34px;width:34px}.top-avatar{height:31px;width:31px}.main{padding:22px 15px 76px}.page-heading{margin-bottom:18px}.page-heading h1{font-size:23px}.page-heading p{font-size:11px;line-height:1.45}.page-heading>.actions{display:none}.stat-grid{gap:9px}.stat-card{padding:13px}.stat-number{font-size:20px}.stat-top{font-size:10px}.stat-icon{width:27px;height:27px}.home-welcome{padding:20px;border-radius:15px}.welcome-copy h2{font-size:19px}.welcome-chip{display:none}.home-grid,.detail-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}.panel{padding:15px}.toolbar{gap:7px}.search-wrap{max-width:none;min-width:100%;order:0}.toolbar-end{order:2;margin-left:0;width:100%}.toolbar-end .btn{flex:1}.filter-btn{height:37px}.table-card{margin:0 -2px}.table-scroll{overflow:visible}table{min-width:0}thead{display:none}tbody tr{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:12px 13px;border-top:1px solid #eef1ed}td{display:none;padding:0;border:0;font-size:10px;white-space:normal}td:nth-child(1),td:nth-child(2),td:nth-child(3){display:block}td:nth-child(2){grid-column:1;grid-row:2;padding-left:43px;color:#849087}td:nth-child(3){grid-column:2;grid-row:1/3;align-self:center;text-align:right;font-size:11px}td.mobile-secondary{display:block}.table-foot{font-size:9px}.float-add{width:52px;height:52px;right:17px;bottom:19px;border-radius:17px}.detail-head{gap:9px}.detail-title h1{font-size:20px}.detail-head .actions .btn{height:35px;padding:0 10px;font-size:10px}.section-card{padding:15px}.info-grid{gap:13px}.modal-backdrop{padding:10px;align-items:flex-end}.modal{border-radius:18px 18px 12px 12px;max-height:92vh}.modal-head{padding:18px 17px 13px}.modal-body{padding:16px 17px}.modal-foot{padding:13px 17px 17px}.form-grid{gap:10px}.field input,.field select{height:38px}.store-list{grid-template-columns:1fr}.history-row{grid-template-columns:1fr 1fr;gap:6px}.history-row>*:nth-child(3){grid-column:1}.history-row>*:nth-child(4){grid-column:2;grid-row:1/3;text-align:right}.home-welcome:after{right:20px}.nav-label{padding-left:13px}}
@media(max-width:390px){.top-right .icon-btn{display:none}.page-heading p{max-width:230px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.info-grid{grid-template-columns:1fr 1fr}.welcome-copy h2{font-size:17px}}
@media(max-width:760px){tr[data-customer] td:nth-child(3),tr[data-customer] td:nth-child(4){display:none}tr[data-customer] td:nth-child(5){display:block;grid-column:2;grid-row:1/3;align-self:center;text-align:right;font-weight:700;color:#45524a}tr[data-item] td:nth-child(2),tr[data-item] td:nth-child(3),tr[data-item] td:nth-child(4),tr[data-item] td:nth-child(7){display:none}tr[data-item] td:nth-child(5),tr[data-item] td:nth-child(6){display:block;grid-column:2;text-align:right}tr[data-item] td:nth-child(5){grid-row:1;color:#33483b;font-weight:700}tr[data-item] td:nth-child(6){grid-row:2;align-self:start}tr[data-item] td:nth-child(1){grid-row:1/3}}