@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');
:root{--forest:#123f3b;--forest-2:#1d5a52;--forest-3:#39776b;--lime:#d6ee75;--cream:#f5f5f0;--paper:#fff;--ink:#193331;--muted:#798885;--line:#e5e9e5;--soft:#f4f7f3;--warn:#bc5a42;--amber:#e6a346;--mono:'DM Mono',monospace;--sans:'DM Sans',Arial,sans-serif;--serif:'Playfair Display',Georgia,serif;--shadow:0 12px 36px rgba(22,55,49,.055)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:248px;background:var(--forest);color:#fff;padding:28px 18px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;padding:0 7px;margin-bottom:55px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--lime);border-radius:12px}.brand-mark svg{width:30px;height:30px;fill:none;stroke:var(--forest);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-family:var(--serif);font-size:25px;letter-spacing:-1px}.brand-copy small{font-family:var(--mono);font-size:8px;letter-spacing:1.2px;color:#a9c3b9;margin-top:5px}.nav-label,.sidebar-foot,.eyebrow,.stat-top,.control-caption,.checklist-intro,.loss-estimate>div>span,.table-panel thead,.required-note{font-family:var(--mono);letter-spacing:1.15px}.nav-label{font-size:9px;color:#89aaa0;padding:0 11px;margin-bottom:14px}.main-nav{display:grid;gap:6px}.nav-item{border:0;color:#c1d3ce;background:transparent;display:flex;align-items:center;gap:13px;padding:13px 12px;text-align:left;border-radius:9px;font:500 13px var(--sans);cursor:pointer;transition:background .18s,color .18s}.nav-item:hover{background:rgba(255,255,255,.08);color:#fff}.nav-item.active{background:rgba(214,238,117,.13);color:var(--lime)}.nav-icon{width:19px;text-align:center;font-size:17px}.nav-count{margin-left:auto;background:rgba(255,255,255,.13);border-radius:20px;padding:2px 7px;font:10px var(--mono)}.sidebar-bottom{margin-top:auto}.privacy-card{display:flex;gap:10px;align-items:center;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:12px;margin-bottom:18px}.privacy-dot,.live-dot{width:7px;height:7px;flex:none;background:var(--lime);border-radius:100%;box-shadow:0 0 0 4px rgba(214,238,117,.12)}.privacy-card div{display:flex;flex-direction:column;gap:3px}.privacy-card strong{font-size:10px;font-weight:600}.privacy-card small{font-size:9px;color:#9bb7ae}.sidebar-foot{display:flex;justify-content:space-between;color:#76958b;font-size:8px;padding:0 4px}.sidebar-foot span{color:#a9bdb6}.main-area{margin-left:248px;min-height:100vh}.topbar{height:66px;position:sticky;top:0;z-index:10;background:rgba(245,245,240,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(220,226,220,.7);display:flex;align-items:center;justify-content:space-between;padding:0 48px}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:11px}.breadcrumb span,.breadcrumb b{font:9px var(--mono);color:#9aa6a1;letter-spacing:.9px}.breadcrumb strong{font-weight:600;color:#324a46}.topbar-right{display:flex;align-items:center;gap:14px}.today-date{font:10px var(--mono);color:#73827d}.avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#e3eadb;color:var(--forest);font-weight:700;font-size:11px}.mobile-menu{display:none}.content-wrap{max-width:1440px;margin:0 auto;padding:38px 48px 28px}.page{display:none;animation:page-in .28s ease both}.page.active{display:block}@keyframes page-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:28px}.dashboard-heading{align-items:center;margin-bottom:28px}.eyebrow{display:flex;align-items:center;gap:9px;color:#72847e;font-size:9px}.eyebrow-line{height:1px;width:20px;background:#83a394}.dashboard-heading .eyebrow{color:#71817b}.dashboard-heading .eyebrow>span:last-child{margin-left:5px;color:#a5b2ac}.page-heading h1{font-size:43px;line-height:1.06;letter-spacing:-1.8px;margin:14px 0 10px;font-weight:600;color:var(--forest)}.page-heading h1 em{font-family:var(--serif);font-weight:600}.lede{color:#788681;font-size:13px;margin:0;line-height:1.65}.heading-actions{display:flex;gap:9px;padding-bottom:6px}.button{border:1px solid transparent;border-radius:7px;padding:11px 14px;font:600 11px var(--sans);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:transform .15s,background .15s,border-color .15s}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--forest);color:#fff}.button-primary:hover{background:var(--forest-2)}.button-primary span{color:var(--lime);font-size:16px;line-height:10px}.button-secondary{background:#fff;color:#38534c;border-color:#e2e7e2}.button-secondary:hover{border-color:#afc1b7;background:#fafcf9}.button-small{padding:8px 11px;font-size:10px}.dash-controls{display:flex;align-items:center;gap:13px;border-top:1px solid #e3e8e1;padding:13px 0 15px;margin-bottom:13px}.control-caption{font-size:8px;color:#93a09b}.select-wrap{position:relative}.select-wrap select{appearance:none;border:0;background:transparent;color:var(--forest);font:600 11px var(--sans);padding:4px 20px 4px 3px;cursor:pointer}.chevron{position:absolute;right:3px;top:2px;pointer-events:none;color:#678077}.dash-date{font:10px var(--mono);color:#8c9994;border-left:1px solid #dfe4dd;padding-left:14px}.stats-grid{display:grid;grid-template-columns:1.38fr 1fr 1fr;gap:14px;margin-bottom:18px}.stat-card{background:var(--paper);border:1px solid #e9ece7;border-radius:10px;padding:17px 19px;min-height:153px;box-shadow:0 3px 12px rgba(30,60,48,.018)}.stat-main{background:var(--forest);color:#fff;border-color:var(--forest)}.stat-top{font-size:8px;color:#82918b;display:flex;align-items:center;justify-content:space-between}.stat-main .stat-top{color:#aec4ba}.stat-icon{width:24px;height:24px;display:grid;place-items:center;background:#eff5e7;color:var(--forest-2);border-radius:7px;font:12px var(--mono)}.stat-main .stat-icon{background:rgba(214,238,117,.15);color:var(--lime)}.stat-icon-warn{background:#fff0e8;color:#c36950}.stat-value{display:flex;flex-direction:column;gap:4px;margin:13px 0 12px}.stat-value strong{font-size:27px;letter-spacing:-.8px;line-height:1;color:var(--forest)}.stat-main .stat-value strong{color:#fff}.stat-loss .stat-value strong{font-size:23px}.stat-value span{font-size:10px;color:#8b9892}.stat-main .stat-value span{color:#b0c2bc}.progress-track{height:5px;border-radius:8px;background:rgba(255,255,255,.15);overflow:hidden}.progress-track span{display:block;width:0;height:100%;border-radius:8px;background:var(--lime);transition:width .35s}.stat-foot{display:flex;gap:14px;margin-top:12px;color:#b8cbc2;font-size:9px}.stat-foot span{display:inline-flex;align-items:center;gap:5px}.stat-foot b{color:#fff;font:10px var(--mono)}.legend-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.legend-dot.ok{background:var(--lime)}.legend-dot.ng{background:#ff9d7f}.legend-dot.na{background:#a4b6ae}.text-link,.icon-link{border:0;background:none;padding:0;color:#58766a;font:600 10px var(--sans);cursor:pointer}.text-link span,.icon-link span{margin-left:3px;color:#87a399}.dashboard-columns{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.panel{background:#fff;border:1px solid #e8ece7;border-radius:10px;box-shadow:0 3px 12px rgba(30,60,48,.018)}.checklist-panel,.spoilage-panel{padding:19px 20px;min-height:295px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.small-eyebrow{font-size:8px;color:#9aa7a1}.panel-heading h2,.form-heading h2,.spoilage-aside h2{font-size:15px;letter-spacing:-.3px;margin:6px 0 0;color:#1d3b36}.icon-link{font-size:9px;white-space:nowrap}.task-preview{margin-top:17px}.preview-task{display:flex;align-items:center;gap:11px;padding:10px 0;border-top:1px solid #f0f2ef}.preview-check{width:19px;height:19px;border:1px solid #dce4dc;border-radius:6px;display:grid;place-items:center;font-size:10px;color:#47796d;flex:none}.preview-check.ok{background:#ecf5da;border-color:#dfedc0}.preview-check.ng{background:#fff0e9;border-color:#f3d0c3;color:#b95842}.preview-task div{min-width:0}.preview-task strong{display:block;font-size:10px;font-weight:600;color:#334b44}.preview-task small{display:block;color:#9aa6a0;font-size:9px;margin-top:3px}.preview-task .task-status{margin-left:auto;font:8px var(--mono);color:#8b9992}.recent-list{margin-top:18px}.recent-item{display:flex;align-items:center;gap:11px;padding:11px 0;border-top:1px solid #f0f2ef}.recent-symbol{width:33px;height:33px;background:#f4f6ee;border-radius:8px;display:grid;place-items:center;color:#668273;font-size:14px}.recent-item div:nth-child(2){min-width:0;flex:1}.recent-item strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:#304943}.recent-item small{display:block;margin-top:3px;color:#9aa6a0;font-size:9px}.recent-item>span{font:9px var(--mono);color:#af5d46}.empty-inline{padding:27px 10px;text-align:center;color:#9ba8a1;font-size:10px;line-height:1.7}.empty-inline b{display:block;color:#60776e;margin-bottom:4px}.page-footer{display:flex;justify-content:space-between;margin-top:25px;color:#9aa7a0;font:8px var(--mono);letter-spacing:.9px}.compact-heading{margin-bottom:24px}.compact-heading h1{font-size:39px;margin-top:13px}.toolbar{padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.toolbar-fields{display:flex;align-items:center;gap:17px}.field-inline{display:flex;align-items:center;gap:8px;font:9px var(--mono);color:#8c9993}.field-inline input,.field-inline select{border:1px solid #e6ebe5;background:#fbfcfa;border-radius:5px;padding:7px 8px;color:#38524a;font:10px var(--sans)}.field-inline input[type=date]{min-width:125px}.field-inline select{min-width:86px}.field-outlet input{width:150px}.toolbar-summary{display:flex;align-items:center;gap:6px;color:#8d9a94;font-size:9px}.mini-progress{background:#edf4e1;color:#44654d;border-radius:20px;padding:5px 8px;font:9px var(--mono)}.checklist-intro{display:flex;justify-content:space-between;align-items:center;color:#98a49e;font-size:8px;padding:0 2px;margin:19px 0 10px}.checklist-intro>div{display:flex;align-items:center;gap:8px}.live-dot{background:#79a76c;box-shadow:0 0 0 4px rgba(121,167,108,.12);width:6px;height:6px}.checklist-groups{display:grid;gap:13px}.check-group{background:#fff;border:1px solid #e8ece7;border-radius:10px;overflow:hidden}.group-header{display:flex;align-items:center;justify-content:space-between;background:#fafbf8;padding:13px 16px;border-bottom:1px solid #edf0ec}.group-title{display:flex;align-items:center;gap:10px}.group-number{font:10px var(--mono);color:#9cac9f}.group-title strong{font-size:11px;color:#33524a}.group-title small{display:block;margin-top:3px;font-size:9px;color:#98a49e}.group-meta{font:9px var(--mono);color:#8c9a92}.check-row{display:grid;grid-template-columns:minmax(180px,1.1fr) 110px minmax(120px,.7fr) minmax(180px,1.2fr);align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid #f1f3f0}.check-row:last-child{border-bottom:0}.check-task{display:flex;align-items:flex-start;gap:9px}.task-index{font:8px var(--mono);color:#b0bab4;margin-top:2px}.check-task strong{font-size:10px;line-height:1.45;font-weight:500;color:#3d514b}.check-row select,.check-row input{width:100%;min-width:0;border:1px solid #e8ece7;background:#fff;border-radius:5px;padding:7px 8px;color:#536b61;font:9px var(--sans);outline:none}.check-row select:focus,.check-row input:focus,.field-inline input:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#7d9a89;box-shadow:0 0 0 3px rgba(83,123,98,.09)}.check-row .status-select{font-weight:600}.check-row .status-select[value="OK"]{color:#567c42}.check-row .status-select[value="NG"]{color:#b75740}.check-row .status-select[value="N/A"]{color:#89968f}.supervisor-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;margin-top:14px}.supervisor-row div{display:flex;flex-direction:column;gap:3px}.supervisor-row strong{font-size:10px;color:#3c534b}.supervisor-row small{font-size:9px;color:#94a09a}.supervisor-row input{border:1px solid #e8ece7;border-radius:5px;padding:8px 10px;width:min(270px,45%);font:10px var(--sans)}.checklist-bottom{display:flex;justify-content:space-between;align-items:center;color:#9aa5a0;font-size:9px;margin:14px 0 24px}.spoilage-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:14px;align-items:start;margin-bottom:15px}.spoilage-form{padding:20px}.form-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.required-note{font-size:8px;color:#9aa7a1}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 13px}.form-field{display:flex;flex-direction:column;gap:6px;min-width:0}.form-field>span{font-size:9px;font-weight:600;color:#5e7168}.form-field>span b{color:#bd654b}.form-field input,.form-field select,.form-field textarea{border:1px solid #e6ebe5;border-radius:5px;background:#fcfdfb;padding:9px 10px;color:#40564e;font:10px var(--sans);outline:none;width:100%}.form-field input::placeholder,.form-field textarea::placeholder{color:#b3bdb7}.form-field textarea{resize:vertical;min-height:64px}.span-2{grid-column:span 2}.input-prefix{display:flex;border:1px solid #e6ebe5;background:#fcfdfb;border-radius:5px;align-items:center;padding-left:9px}.input-prefix:focus-within{border-color:#7d9a89;box-shadow:0 0 0 3px rgba(83,123,98,.09)}.input-prefix>span{font:9px var(--mono);color:#8c9992}.input-prefix input{border:0;background:transparent;box-shadow:none!important}.loss-estimate{margin-top:14px;padding:12px 13px;background:#f4f7ee;border:1px solid #eaf0df;border-radius:7px;display:flex;align-items:center;justify-content:space-between}.loss-estimate>div{display:flex;flex-direction:column;gap:4px}.loss-estimate>div>span{font-size:8px;color:#77877a}.loss-estimate small{font-size:9px;color:#9aa69a}.loss-estimate strong{font-size:17px;color:var(--forest);letter-spacing:-.3px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.spoilage-aside{padding:20px;position:sticky;top:82px}.spoilage-aside h2{margin-top:9px}.aside-total{font-size:26px;letter-spacing:-1px;color:var(--forest);font-weight:700;margin-top:19px}.spoilage-aside>p{font-size:9px;color:#909d96;line-height:1.5;margin:4px 0 17px}.aside-divider{height:1px;background:#edf0ec;margin-bottom:12px}.aside-stat{display:flex;align-items:center;justify-content:space-between;margin:12px 0;font-size:10px;color:#849189}.aside-stat strong{color:#38584d;font:11px var(--mono)}.aside-tip{display:flex;gap:9px;background:#f8f7ef;border-radius:7px;padding:10px;margin-top:18px;color:#78906f}.aside-tip span{font-size:15px}.aside-tip p{margin:0;font-size:9px;line-height:1.55;color:#7e8b7e}.table-panel{padding:17px 18px;margin-bottom:25px}.table-panel .panel-heading{margin-bottom:13px}.table-scroll{overflow:auto}.table-panel table{width:100%;border-collapse:collapse;min-width:630px}.table-panel thead th{text-align:left;padding:9px 8px;border-bottom:1px solid #e9ede8;color:#99a49e;font-size:8px;font-weight:400;white-space:nowrap}.table-panel tbody td{padding:11px 8px;border-bottom:1px solid #f0f2ef;color:#62736b;font-size:9px;vertical-align:middle}.table-panel tbody tr:last-child td{border-bottom:0}.table-panel tbody td strong{display:block;color:#344e45;font-size:10px;font-weight:600}.table-panel tbody td small{display:block;color:#a0aaa4;font-size:8px;margin-top:3px}.reason-pill{display:inline-block;padding:4px 7px;background:#f5f5ee;border-radius:20px;color:#7f8c74;font-size:8px}.money-cell{font:10px var(--mono);color:#9c5b46!important}.row-delete{border:0;background:transparent;color:#adb7b0;font-size:14px;cursor:pointer}.row-delete:hover{color:#bd614a}.empty-table{text-align:center!important;padding:27px 10px!important;color:#a0aaa5!important}.history-tabs{display:flex;align-items:center;gap:7px;border-bottom:1px solid #e3e8e1;margin-bottom:14px}.history-tab{border:0;border-bottom:2px solid transparent;background:none;padding:10px 12px;color:#8d9993;font:10px var(--sans);cursor:pointer}.history-tab.active{border-bottom-color:#47776a;color:var(--forest);font-weight:600}.history-tab span{margin-left:4px;font:9px var(--mono);color:#a1ada6}.history-export{margin-left:auto;margin-bottom:6px}.history-list{display:grid;gap:10px;margin-bottom:30px}.history-card{background:#fff;border:1px solid #e8ece7;border-radius:9px;overflow:hidden}.history-card summary{list-style:none;display:flex;align-items:center;gap:13px;padding:15px 16px;cursor:pointer}.history-card summary::-webkit-details-marker{display:none}.history-kind{width:32px;height:32px;border-radius:8px;background:#eff4e8;color:#5d8065;display:grid;place-items:center;font-size:14px;flex:none}.history-kind.spoilage{background:#fff1e9;color:#bd6a4e}.history-summary{flex:1;min-width:0}.history-summary strong{font-size:10px;color:#3d554c;display:block}.history-summary small{font-size:9px;color:#9aa59f;display:block;margin-top:4px}.history-badge{font:8px var(--mono);color:#7b8b82;background:#f5f7f3;padding:5px 7px;border-radius:20px}.history-details{border-top:1px solid #edf0ec;padding:13px 16px;color:#7c8983;font-size:10px;line-height:1.65}.history-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.history-details-grid span{color:#a1aca5}.history-empty{background:#fff;border:1px dashed #dce4dc;border-radius:10px;padding:36px 20px;text-align:center;color:#98a59d;font-size:10px}.history-empty strong{display:block;color:#61786d;margin-bottom:5px;font-size:12px}.toast{position:fixed;z-index:50;left:50%;bottom:24px;transform:translate(-50%,12px);background:#1d4d43;color:#fff;border-radius:7px;padding:11px 16px;font-size:10px;box-shadow:0 9px 24px rgba(16,53,44,.18);opacity:0;pointer-events:none;transition:all .2s}.toast.show{opacity:1;transform:translate(-50%,0)}.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:1150px){.content-wrap{padding-left:30px;padding-right:30px}.topbar{padding:0 30px}.check-row{grid-template-columns:minmax(150px,1.1fr) 100px minmax(100px,.7fr) minmax(140px,1fr);gap:8px}.spoilage-layout{grid-template-columns:minmax(0,1fr) 220px}.page-heading h1{font-size:39px}}
@media(max-width:900px){.sidebar{width:218px}.main-area{margin-left:218px}.content-wrap{padding-left:23px;padding-right:23px}.topbar{padding:0 23px}.stats-grid{grid-template-columns:1fr 1fr}.stat-main{grid-column:span 2}.dashboard-columns{grid-template-columns:1fr}.spoilage-layout{grid-template-columns:1fr}.spoilage-aside{position:static;display:grid;grid-template-columns:1fr 1fr;column-gap:15px;align-items:center}.spoilage-aside>.eyebrow,.spoilage-aside h2,.spoilage-aside>p,.aside-total{grid-column:1}.spoilage-aside>.aside-divider,.spoilage-aside>.aside-stat,.spoilage-aside>.aside-tip{grid-column:2}.spoilage-aside>.aside-divider{grid-row:1}.spoilage-aside>.aside-stat:nth-of-type(7){grid-row:2}.spoilage-aside>.aside-stat:nth-of-type(8){grid-row:3}.spoilage-aside>.aside-tip{grid-row:4}.check-row{grid-template-columns:minmax(150px,1fr) 105px minmax(110px,.75fr) minmax(140px,1fr)}}
@media(max-width:680px){.sidebar{width:260px;transform:translateX(-100%);transition:transform .22s ease;box-shadow:10px 0 30px rgba(0,0,0,.12)}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0}.topbar{height:57px;padding:0 17px}.mobile-menu{display:block;border:0;background:none;color:#34564d;font-size:18px;padding:3px 7px;margin-left:-6px}.breadcrumb{margin-right:auto;margin-left:8px;gap:7px}.breadcrumb span{font-size:8px}.breadcrumb strong{font-size:10px}.today-date{font-size:8px}.topbar-right{gap:8px}.avatar{width:26px;height:26px}.content-wrap{padding:26px 16px 24px}.dashboard-heading{display:block}.page-heading h1{font-size:36px;margin-top:12px}.dashboard-heading h1{font-size:39px}.heading-actions{margin-top:18px;padding:0}.button{padding:10px 11px;font-size:10px}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:14px;min-height:136px}.stat-main{grid-column:span 2}.stat-value strong{font-size:23px}.stat-loss .stat-value strong{font-size:20px}.stat-top{font-size:7px}.stat-foot{gap:10px}.dashboard-columns{gap:10px}.checklist-panel,.spoilage-panel{padding:15px;min-height:0}.page-footer{gap:10px;font-size:7px}.page-footer span:last-child{text-align:right}.compact-heading{margin-bottom:17px}.compact-heading h1{font-size:34px}.toolbar{display:block;padding:12px;margin-bottom:12px}.toolbar-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-inline{justify-content:space-between}.field-inline input,.field-inline select{flex:1;max-width:140px}.field-outlet{grid-column:span 2}.field-outlet input{max-width:none;width:calc(100% - 94px)}.toolbar-summary{justify-content:flex-end;margin-top:10px}.checklist-intro{font-size:7px;line-height:1.5}.checklist-intro>span{text-align:right}.check-group{border-radius:8px}.group-header{padding:11px 12px}.group-title strong{font-size:10px}.group-title small{font-size:8px}.check-row{grid-template-columns:minmax(0,1fr) 88px;gap:7px;padding:10px 12px}.check-task{grid-column:1}.check-row .status-select{grid-column:2;grid-row:1}.check-row .pic-input{grid-column:1}.check-row .note-input{grid-column:2}.check-row select,.check-row input{font-size:8px;padding:7px}.supervisor-row{padding:12px;gap:8px}.supervisor-row small{font-size:8px}.supervisor-row input{width:45%;font-size:9px}.checklist-bottom{align-items:flex-start;gap:10px;font-size:8px}.checklist-bottom .button{white-space:nowrap}.spoilage-form{padding:15px}.form-grid{gap:10px}.form-field input,.form-field select,.form-field textarea{padding:9px 8px;font-size:9px}.spoilage-aside{padding:15px}.aside-total{font-size:22px}.aside-tip{margin-top:8px}.table-panel{padding:13px}.table-panel .panel-heading h2{font-size:14px}.history-tabs{flex-wrap:wrap;gap:0}.history-tab{padding:10px 8px;font-size:9px}.history-export{width:100%;justify-content:flex-start;margin:4px 0 8px}.history-details-grid{grid-template-columns:1fr 1fr}.history-card summary{gap:9px;padding:12px}.history-badge{font-size:7px}.history-summary strong{font-size:9px}.history-summary small{font-size:8px}}
@media(max-width:390px){.content-wrap{padding-left:12px;padding-right:12px}.page-heading h1{font-size:32px}.dashboard-heading h1{font-size:35px}.heading-actions{gap:6px}.heading-actions .button{flex:1}.stat-card{padding:12px}.stat-foot{gap:7px}.stat-foot span{font-size:8px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.spoilage-aside{grid-template-columns:1fr}.spoilage-aside>*{grid-column:1!important;grid-row:auto!important}.spoilage-aside>.aside-divider{margin:9px 0}.toolbar-fields{grid-template-columns:1fr}.field-outlet{grid-column:span 1}.field-inline input,.field-inline select{max-width:none}.field-outlet input{width:calc(100% - 94px)}}

/* Complete operations, reporting, temperature and data-care panels */
.temp-panel{padding:18px 19px;margin-top:14px}.temp-panel>.panel-heading{margin-bottom:8px}.temp-note{font-size:9px;color:#87958d;line-height:1.55;margin:7px 0 13px}.temp-table{width:100%;border-collapse:collapse;min-width:740px}.temp-table th{font:8px var(--mono);letter-spacing:1px;color:#9aa69f;text-align:left;padding:9px 7px;border-bottom:1px solid #e9ede8;white-space:nowrap}.temp-table td{padding:8px 7px;border-bottom:1px solid #f0f2ef}.temp-table tr:last-child td{border-bottom:0}.temp-table input,.temp-table select{width:100%;min-width:75px;padding:8px;border:1px solid #e6ebe5;border-radius:5px;background:#fcfdfb;color:#465e53;font:9px var(--sans);outline:none}.temp-table input:focus,.temp-table select:focus{border-color:#7d9a89;box-shadow:0 0 0 3px rgba(83,123,98,.09)}.temp-table .temp-value-wrap{display:flex;align-items:center;gap:5px;color:#85938b;font:9px var(--mono)}.temp-table .temp-value{min-width:70px}.temp-table .temp-area{min-width:150px}.temp-table .temp-note{min-width:175px;margin:0}.temp-table .temp-pic{min-width:85px}.temp-status option[value="NG"]{color:#b75740}
.filter-bar,.history-filter{display:flex;align-items:flex-end;gap:10px;padding:12px;margin:0 0 7px;border-radius:8px}.filter-field{display:flex;flex-direction:column;gap:5px;min-width:125px}.filter-field span{font:8px var(--mono);letter-spacing:.65px;color:#89968f}.filter-field input,.filter-field select{width:100%;min-width:0;border:1px solid #e6ebe5;background:#fcfdfb;border-radius:5px;padding:8px;color:#465e53;font:9px var(--sans);outline:none}.filter-search{flex:1;min-width:160px}.filter-field input:focus,.filter-field select:focus{border-color:#7d9a89;box-shadow:0 0 0 3px rgba(83,123,98,.09)}.filter-result{font:9px var(--mono);color:#8c9992;padding:7px 3px 9px}.report-toolbar{padding:12px 15px;display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.report-actions{display:flex;gap:7px}.report-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:14px}.report-kpi{background:#fff;border:1px solid #e8ece7;border-radius:9px;padding:16px 18px;min-width:0}.report-kpi>span{display:block;font:8px var(--mono);letter-spacing:1px;color:#8b9992}.report-kpi>strong{display:block;margin:11px 0 5px;font-size:22px;line-height:1.1;letter-spacing:-.6px;color:var(--forest);overflow-wrap:anywhere}.report-kpi>small{font-size:9px;color:#99a59e}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:13px}.report-panel{padding:17px 19px}.report-panel>.panel-heading{margin-bottom:14px}.reason-breakdown,.top-products{display:grid;gap:12px}.reason-row-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px}.reason-row-head strong{font-size:10px;font-weight:600;color:#466156}.reason-row-head span{font:9px var(--mono);color:#466156;white-space:nowrap}.reason-row-head small{font:8px var(--sans);color:#9aa69f}.reason-track{height:5px;background:#edf1e9;border-radius:10px;overflow:hidden}.reason-track i{height:100%;display:block;background:#8daa73;border-radius:10px;min-width:2px}.top-product{display:flex;align-items:center;gap:10px;border-bottom:1px solid #eff2ed;padding:4px 0 10px}.top-product:last-child{border-bottom:0;padding-bottom:0}.top-rank{width:25px;height:25px;flex:none;display:grid;place-items:center;background:#f2f5eb;color:#71845f;border-radius:7px;font:9px var(--mono)}.top-product>div{min-width:0;flex:1}.top-product>div strong{display:block;font-size:10px;color:#41594f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-product>div small{display:block;margin-top:3px;color:#9aa59e;font-size:8px}.top-product>b{font:9px var(--mono);color:#96604a;white-space:nowrap}.report-checklist{margin-bottom:28px}.report-checklist table{width:100%;min-width:760px;border-collapse:collapse}.report-checklist th{font:8px var(--mono);letter-spacing:.65px;color:#99a49e;text-align:left;padding:9px 7px;border-bottom:1px solid #e9ede8;white-space:nowrap}.report-checklist td{font-size:9px;color:#62736b;padding:10px 7px;border-bottom:1px solid #f0f2ef;white-space:nowrap}.backup-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;margin-bottom:14px}.backup-panel>div:first-child{display:flex;flex-direction:column;gap:4px}.backup-panel strong{font-size:10px;color:#3c554b}.backup-panel small{font-size:9px;color:#929f98;line-height:1.5}.backup-actions{display:flex;gap:7px;flex:none}.history-filter{border-radius:8px;margin-bottom:13px}.history-tabs{margin-top:4px}
@media(max-width:900px){.report-kpis{grid-template-columns:repeat(2,1fr)}.filter-bar{flex-wrap:wrap}.filter-field{flex:1 1 140px}.filter-search{flex:2 1 180px}.report-toolbar{align-items:flex-start}.report-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.temp-panel{padding:14px}.temp-panel>.panel-heading{align-items:flex-start}.temp-panel .button{white-space:nowrap;font-size:8px;padding:8px}.report-kpis{gap:8px}.report-kpi{padding:13px}.report-kpi>strong{font-size:19px}.report-kpi>span{font-size:7px}.report-grid{grid-template-columns:1fr;gap:10px}.report-panel{padding:14px}.report-toolbar{display:block}.report-toolbar .toolbar-fields{display:grid}.report-actions{justify-content:flex-end;margin-top:11px}.filter-bar,.history-filter{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px}.filter-field,.filter-search{min-width:0;grid-column:auto}.filter-search{grid-column:span 2}.filter-bar>.button,.history-filter>.button{grid-column:span 2;justify-self:end}.backup-panel{display:block}.backup-actions{display:flex;flex-wrap:wrap;margin-top:11px}.backup-actions .button{flex:1}.history-filter{margin-bottom:12px}.report-checklist{padding:13px}.temp-note{font-size:8px}.stat-foot{flex-wrap:wrap;row-gap:6px}}
@media(max-width:390px){.report-kpis{grid-template-columns:1fr 1fr}.report-kpi>strong{font-size:17px}.filter-bar,.history-filter{grid-template-columns:1fr}.filter-search,.filter-bar>.button,.history-filter>.button{grid-column:span 1}.backup-actions{display:grid}.report-actions .button{font-size:8px;padding:8px}.temp-panel>.panel-heading{gap:5px}}