:root{
  --ink:#17221d;--muted:#68766f;--line:#dfe6e1;--paper:#fff;--canvas:#f3f6f4;
  --green:#08765a;--green-dark:#075b47;--green2:#e7f5ef;--orange:#e9782e;
  --nav:#14251f;--nav-soft:#20342c;--shadow:0 12px 32px rgba(19,43,34,.08);
}
html{scroll-behavior:smooth}body{background:linear-gradient(135deg,#f7faf8 0,#f1f5f2 55%,#eef3f0 100%)}
button{transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s}
button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(8,118,90,.2);outline-offset:2px}
.app-shell{grid-template-columns:268px minmax(0,1fr)}
.sidebar{padding:22px 15px 16px;background:linear-gradient(180deg,#14251f 0%,#172c24 100%);box-shadow:8px 0 28px rgba(15,35,27,.08)}
.brand{padding:3px 10px 22px}.brand-mark{width:43px;height:43px;border-radius:12px;background:linear-gradient(145deg,#f18a42,#db6420);box-shadow:0 8px 20px rgba(233,120,46,.25)}
.sidebar nav{min-height:0;overflow-y:auto;padding-right:3px;scrollbar-width:thin;scrollbar-color:#385047 transparent}
.nav-section{margin:18px 12px 7px;color:#789087}.nav-item{height:42px;margin:2px 0;border-radius:10px;color:#b8c8c1}.nav-item:hover{background:#20352c;color:#fff}.nav-item.active{background:linear-gradient(90deg,#29443a,#22382f);box-shadow:inset 3px 0 #f28a43,0 7px 18px rgba(0,0,0,.12)}
.nav-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:rgba(255,255,255,.045);font-size:.9rem}.nav-item.active .nav-icon{background:rgba(255,255,255,.1);color:#fff}
.store-card{padding:12px;border-color:#365047;background:rgba(255,255,255,.035)}.user-card{padding:12px 8px 4px}.avatar{box-shadow:0 0 0 3px rgba(255,255,255,.05)}
.workspace{padding:25px clamp(20px,3vw,42px) 55px}.topbar{position:sticky;top:0;z-index:8;margin:-25px 0 26px;padding:22px 0 16px;background:rgba(247,250,248,.88);border-bottom:1px solid rgba(223,230,225,.8);backdrop-filter:blur(14px)}
.topbar h1{font-size:1.8rem}.top-actions{padding:4px;border-radius:12px}.search{height:44px;border-radius:11px;box-shadow:0 4px 14px rgba(20,45,35,.04)}
.icon-btn,.primary-btn,.secondary-btn{border-radius:9px}.primary-btn{min-height:42px;background:linear-gradient(180deg,#098061,#087056);box-shadow:0 6px 15px rgba(8,118,90,.16)}.primary-btn:hover{background:linear-gradient(180deg,#087056,#075d49);box-shadow:0 8px 20px rgba(8,118,90,.22)}.secondary-btn{border-color:#d9e3dd;background:#fff}.secondary-btn:hover{border-color:#a9c9bc;background:#f5faf7;color:var(--green)}
.stats-grid{gap:15px;margin-bottom:20px}.stat-card{min-height:132px;padding:19px;border-color:#e1e8e3;border-radius:14px;box-shadow:0 7px 24px rgba(24,54,42,.045)}.stat-card:before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--green),#69b79d);opacity:.75}.stat-card strong{letter-spacing:-.025em}.stat-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(24,54,42,.08);transition:.2s}
.panel,.tool-card{border-color:#e0e7e2;border-radius:14px;box-shadow:var(--shadow)}.panel{padding:21px}.panel-head h2,.register-toolbar h2{margin-bottom:4px;font-size:1.03rem}.register-toolbar{min-height:44px;padding-bottom:3px}
.filters{padding:4px;border-radius:10px;background:#f2f5f3}.filter-btn{border-color:transparent;background:transparent}.filter-btn:hover{background:#fff}.filter-btn.active{background:#fff;border-color:#c6ddd4;box-shadow:0 3px 8px rgba(22,54,42,.07)}
.table-wrap{border:1px solid #e5ebe7;border-radius:11px}.table-wrap table{min-width:820px}.table-wrap thead th{top:0;padding-top:11px;padding-bottom:11px;background:#f6f8f6;color:#66766e}.table-wrap tbody tr{transition:background .14s}.table-wrap tbody tr:last-child td{border-bottom:0}.table-wrap tbody tr:hover{background:#f5faf7}th,td{padding:13px 11px}
.badge{min-height:25px;padding:0 9px}.table-action{padding:6px 8px;border-radius:6px}.table-action:hover{background:var(--green2)}
.tools-grid{gap:15px}.tool-card{padding:18px}.tool-card:hover{border-color:#b8d4c9;transform:translateY(-2px);box-shadow:0 14px 30px rgba(24,54,42,.1);transition:.2s}.tool-glyph{width:46px;height:46px;border-radius:12px}
dialog{border-radius:16px;box-shadow:0 30px 100px rgba(8,26,18,.34);max-height:calc(100vh - 32px);overflow:auto}dialog::backdrop{background:rgba(8,22,16,.58);backdrop-filter:blur(5px)}.dialog-card{gap:16px;padding:25px}.dialog-head{position:sticky;top:-25px;z-index:2;margin:-25px -25px 0;padding:22px 25px 14px;background:rgba(255,255,255,.94);border-bottom:1px solid #edf1ee;backdrop-filter:blur(10px)}.dialog-card input,.dialog-card select,.dialog-card textarea{min-height:43px;border-color:#dce4df;background:#fcfdfc}.dialog-card textarea{line-height:1.5}.dialog-actions{position:sticky;bottom:-25px;z-index:2;margin:2px -25px -25px;padding:14px 25px 20px;border-top:1px solid #edf1ee;background:rgba(255,255,255,.95);backdrop-filter:blur(10px)}
.workflow-note{border:1px solid #d5e9e1}.location-banner{border-radius:12px}.detail-field{border-radius:10px}.count-current{border:1px solid #d7e9e2}
.chat-launcher{height:53px;padding:0 18px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,#14261f,#203b30);box-shadow:0 16px 38px rgba(13,35,26,.26)}.chat-panel{border-radius:18px}.chat-head{padding:17px}.chat-messages{background:linear-gradient(#f8faf8,#f4f7f5)}
#toast{z-index:80;right:28px;bottom:28px;padding:13px 17px;border-radius:11px;box-shadow:0 14px 35px rgba(10,30,22,.28)}
@media(max-width:1050px){.app-shell{grid-template-columns:84px minmax(0,1fr)}.sidebar{padding-inline:12px}.brand-mark{width:42px}.workspace{padding-inline:24px}.topbar{margin-inline:-24px;padding-inline:24px}}
@media(max-width:720px){body{background:#f4f7f5}.app-shell{padding-bottom:72px}.sidebar{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:60;height:68px;padding:7px 8px;border-top:1px solid #2d443a;box-shadow:0 -8px 30px rgba(12,31,23,.18)}.sidebar .brand,.sidebar .store-card,.sidebar .user-card,.nav-section{display:none}.sidebar nav{display:flex;width:100%;gap:4px;overflow-x:auto;padding:0}.nav-item{flex:0 0 52px;width:52px;height:52px;margin:0;grid-template-columns:1fr;place-items:center;padding:0}.nav-item.active{box-shadow:inset 0 -3px #f28a43}.nav-icon{width:30px;height:30px}.workspace{padding:15px 12px 30px}.topbar{position:relative;margin:-15px -12px 20px;padding:16px 14px;background:#f7faf8}.topbar h1{font-size:1.45rem}.top-actions{display:grid;grid-template-columns:1fr 42px 42px;width:100%}.top-actions .primary-btn{width:42px;padding:0}.top-actions .primary-btn span{display:none}.search{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{min-height:115px;padding:15px}.stat-card strong{font-size:1.35rem}.panel{padding:14px;border-radius:12px}.register-toolbar{align-items:flex-start;flex-direction:column}.register-toolbar>.row-actions{width:100%;overflow-x:auto}.form-grid,.form-grid.three{grid-template-columns:1fr}.dialog-card{padding:20px}.dialog-head{top:-20px;margin:-20px -20px 0;padding:18px 20px 13px}.dialog-actions{bottom:-20px;margin:2px -20px -20px;padding:13px 20px 17px}.chat-launcher{right:12px;bottom:80px}.chat-panel{right:8px;bottom:78px;width:calc(100vw - 16px);height:calc(100vh - 95px)}#toast{right:12px;bottom:84px;max-width:calc(100vw - 24px)}}
@media(max-width:430px){.stats-grid{grid-template-columns:1fr 1fr}.stat-card p{font-size:.62rem}.dashboard-grid{display:block}.report-card{align-items:flex-start;flex-direction:column}.report-card>div:last-child{width:100%}.report-card button{flex:1}.detail-hero{grid-template-columns:78px 1fr}.detail-image{width:78px;height:78px}.detail-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
.receipt-inspection{display:block;margin:14px 0;padding:16px}.receipt-inspection>div:first-child{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.receipt-inspection small{color:var(--muted)}.receipt-inspection .form-grid{margin:10px 0}
.return-inspection{display:block;min-width:0;margin:4px 0;padding:16px;text-align:left}.return-inspection>label{display:none}.return-inspection-head{display:grid;gap:3px;margin-bottom:13px}.return-inspection-head strong{color:var(--ink);font-size:.76rem}.return-inspection-head small{color:var(--muted);font-size:.65rem;font-weight:400}.return-inspection-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1.5fr);gap:12px;align-items:end}.return-inspection-grid label{min-width:0;white-space:nowrap}.return-inspection-grid input,.return-inspection-grid select{min-width:0;height:44px;overflow:hidden;text-overflow:ellipsis}.return-inspection-grid select{padding-right:34px}@media(max-width:720px){.return-inspection-grid{grid-template-columns:1fr}.return-inspection-grid label{white-space:normal}}
.stock-buckets{display:grid;grid-template-columns:repeat(2,max-content);gap:4px 12px;white-space:nowrap}.stock-buckets span{font-size:.72rem;color:#65736c}.stock-buckets span:first-child{color:var(--green)}.stock-buckets small{grid-column:1/-1;color:#263c32;border-top:1px solid #e2e9e5;padding-top:4px}
.tool-card[data-tool-profile]{cursor:pointer}.tool-card[data-tool-profile]:focus-visible{outline:3px solid rgba(8,118,90,.28);outline-offset:2px}.tool-barcode{display:block;width:min(100%,420px);height:92px;background:#fff;border:1px solid #dfe6e2;border-radius:8px;padding:5px}.wide-dialog{width:min(900px,calc(100vw - 24px))}
.action-dock{display:flex;align-items:center;gap:8px;overflow-x:auto;margin:-12px 0 20px;padding:12px;border:1px solid #dfe8e2;border-radius:13px;background:#fff;box-shadow:0 5px 18px rgba(24,57,43,.06)}.action-dock::before{content:'Actions';flex:0 0 auto;margin-right:3px;color:#68766f;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.action-dock button{flex:0 0 auto;min-height:36px;padding:0 12px;border:1px solid #cfdcd5;border-radius:8px;background:#f8fbf9;color:#145b47;font-size:.73rem;font-weight:750}.action-dock button:hover:not(:disabled){border-color:#78ae9c;background:#edf8f3}.action-dock button:disabled{cursor:not-allowed;border-style:dashed;background:#f2f3f2;color:#9aa39e;opacity:.8}.action-dock .role-note{margin-left:auto;white-space:nowrap;color:#718078;font-size:.7rem}
.indicator-grid{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:9px}.indicator-grid article{padding:12px;border:1px solid #e2e9e5;border-radius:9px;background:#f9fbfa}.indicator-grid small,.indicator-grid strong{display:block}.indicator-grid small{min-height:30px;color:#718078;font-size:.68rem}.indicator-grid strong{margin-top:5px;font:800 1.1rem Manrope}.dashboard-filters{margin-bottom:18px}.dashboard-filters input,.dashboard-filters select{min-height:38px;border:1px solid #dce4df;border-radius:8px;padding:8px;background:#fff}@media(max-width:1000px){.indicator-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.indicator-grid{grid-template-columns:repeat(2,1fr)}}
.saved-filter-bar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:-8px 0 18px;padding:10px 13px;border:1px solid #dfe8e2;border-radius:10px;background:#f8fbf9;font-size:.72rem}.saved-filter-bar button{border:1px solid #bcd3ca;border-radius:16px;background:#fff;color:var(--green);padding:5px 10px;font-size:.68rem;font-weight:700}