.ops-hero{position:relative;overflow:hidden;background:linear-gradient(128deg,#514936 0%,#6f644d 56%,#8c795a 100%);color:#fff;border-radius:17px;padding:23px 25px;margin-bottom:18px;box-shadow:0 10px 28px #51493622}
.ops-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-70px;top:-125px;background:radial-gradient(circle,#e9943a99,#e9943a00 68%)}
.ops-hero-row{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.ops-kicker{font-size:10px;font-weight:800;letter-spacing:1.25px;text-transform:uppercase;color:#f8c17f;margin-bottom:6px}
.ops-hero h2{font-size:24px;margin:0 0 5px}.ops-hero p{max-width:690px;margin:0;color:#f1eadc;font-size:13px;line-height:1.55}
.ops-actions{display:flex;gap:9px;flex-wrap:wrap}.ops-btn{border:0;border-radius:9px;padding:9px 13px;font:700 12.5px inherit;cursor:pointer;background:var(--brown);color:#fff}.ops-btn:hover{filter:brightness(.97)}.ops-btn.orange{background:var(--orange)}.ops-btn.light{background:#fff;color:var(--brown)}.ops-btn.soft{background:#f1eee6;color:var(--brown)}.ops-btn.danger{background:#f6e7e2;color:var(--bad)}.ops-btn:disabled{opacity:.55;cursor:wait}
.ops-subnav{display:flex;gap:7px;overflow-x:auto;padding-bottom:4px;margin-bottom:17px}.ops-subnav button{white-space:nowrap;border:1px solid var(--line);background:#fff;color:var(--brown);border-radius:22px;padding:8px 14px;font:700 12px inherit;cursor:pointer}.ops-subnav button.active{background:#efe7d8;border-color:#d6c7aa;color:#514936}
.ops-message{display:none;border-radius:10px;padding:10px 13px;margin-bottom:14px;font-size:12.5px}.ops-message.show{display:block}.ops-message.ok{background:#eaf5ef;color:var(--usd);border:1px solid #cfe6d8}.ops-message.bad{background:#fdecec;color:var(--bad);border:1px solid #e0a0a0}
.ops-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px;margin-bottom:18px}.ops-kpi{background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px 16px}.ops-kpi .eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.65px;color:#8a8272;font-weight:800}.ops-kpi .number{font-size:21px;font-weight:850;margin:6px 0 3px}.ops-kpi .hint{font-size:11px;color:#9a927f}
.ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ops-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px 18px;margin-bottom:18px;box-shadow:0 1px 2px #0000000a}.ops-card.wide{grid-column:1/-1}.ops-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.ops-card h3{margin:0;font-size:14px;color:var(--brown);text-transform:uppercase;letter-spacing:.5px}.ops-card-sub{font-size:11.5px;color:#958c7a;margin:-6px 0 12px}
.ops-inline-form{display:grid;grid-template-columns:minmax(160px,2fr) 88px 105px minmax(135px,1fr) auto;gap:8px;margin-bottom:13px}.ops-field,.ops-select{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:8px 9px;font:12.5px inherit}.ops-field:focus,.ops-select:focus{outline:2px solid #e9943a44;border-color:var(--orange)}
.ops-sector{border-top:1px solid var(--line)}.ops-sector:first-child{border-top:0}.ops-sector summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:10px 2px;font-weight:800;color:var(--brown);font-size:12.5px}.ops-sector summary::-webkit-details-marker{display:none}.ops-sector summary span{font-weight:600;color:#9a927f;font-size:11px}.ops-list-row{display:grid;grid-template-columns:24px minmax(160px,1fr) 82px 94px minmax(120px,.7fr) 56px;gap:8px;align-items:center;padding:8px 0;border-top:1px solid #f0ece4;font-size:12px}.ops-list-row.done{opacity:.48;text-decoration:line-through}.ops-check{width:18px;height:18px;accent-color:var(--orange);cursor:pointer}.ops-icon-btn{border:0;background:#f2f0ea;color:var(--brown);border-radius:7px;padding:6px 8px;cursor:pointer;font-size:12px}.ops-icon-btn.danger{color:var(--bad);background:#f9eeeb}
.ops-table-wrap{overflow:auto}.ops-table{width:100%;min-width:720px}.ops-table td,.ops-table th{vertical-align:middle}.ops-pill{display:inline-flex;align-items:center;border-radius:20px;padding:3px 8px;font-size:10.5px;font-weight:750;background:#f2f0ea;color:#706857}.ops-pill.low{background:#fde9e3;color:#ad4c39}.ops-pill.warn{background:#fff2dc;color:#9a651d}.ops-pill.ok{background:#e8f3ec;color:#36794d}.ops-locations{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.ops-location{font-size:10px;background:#f5f2eb;padding:2px 6px;border-radius:10px;color:#756d5e}
.ops-stock-name strong{display:block;font-size:12.5px}.ops-stock-name small{color:#9a927f}.ops-bar{height:7px;border-radius:6px;background:#ece7de;overflow:hidden;min-width:95px}.ops-bar>span{display:block;height:100%;background:var(--ok);border-radius:6px}.ops-bar>span.warn{background:var(--orange)}.ops-bar>span.bad{background:var(--bad)}
.ops-empty{padding:22px;text-align:center;color:#9a927f;font-size:12.5px;border:1px dashed #d9d2c5;border-radius:10px;background:#fcfbf8}.ops-empty strong{display:block;color:var(--brown);margin-bottom:4px}
.ops-receipt{border:1px solid var(--line);border-radius:10px;margin:9px 0;overflow:hidden}.ops-receipt summary{cursor:pointer;list-style:none;padding:11px 13px;background:#fbfaf7;display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:14px;align-items:center}.ops-receipt summary::-webkit-details-marker{display:none}.ops-receipt-meta{font-size:11px;color:#8a8272}.ops-receipt-body{padding:7px 13px 13px}.ops-item-row{display:grid;grid-template-columns:minmax(180px,1.5fr) 75px 88px 110px 110px;gap:7px;align-items:center;border-top:1px solid #f0ece4;padding:8px 0;transition:background-color .15s}.ops-item-row.dirty{background:#fff8ec}.ops-review{color:var(--bad);font-size:10px;font-weight:800;text-transform:uppercase}.ops-price-good{color:var(--ok);font-weight:800}.ops-price-rise{color:var(--bad);font-weight:700}
.ops-supplier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:11px}.ops-supplier{border:1px solid var(--line);border-radius:10px;padding:13px}.ops-supplier h4{margin:0 0 7px;font-size:13px;color:var(--brown)}.ops-supplier p{margin:3px 0;font-size:11.5px;color:#756d5e}.ops-preferred{color:var(--orange)}
.ops-budget{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr)) auto;gap:8px;align-items:end}.ops-progress{height:10px;background:#ece7de;border-radius:8px;overflow:hidden;margin-top:9px}.ops-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--ok),#71ac83)}.ops-progress span.over{background:linear-gradient(90deg,var(--orange),var(--bad))}
.ops-modal-backdrop{position:fixed;inset:0;z-index:100;background:#25211799;display:grid;place-items:center;padding:17px}.ops-modal{width:min(880px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:15px;box-shadow:0 24px 70px #0005;padding:21px 23px}.ops-modal h3{margin:0 0 5px;color:var(--brown)}.ops-modal>p{font-size:12px;color:#8a8272;margin:0 0 16px}.ops-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ops-form-group label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.55px;color:#8a8272;font-weight:800;margin:0 0 5px}.ops-form-group.span2{grid-column:span 2}.ops-form-group.span3{grid-column:1/-1}.ops-line{display:grid;grid-template-columns:minmax(180px,1.6fr) 105px 75px 88px 125px 36px;gap:7px;margin:7px 0}.ops-total-line{display:flex;justify-content:flex-end;gap:18px;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font-size:13px}.ops-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:17px}
@media(max-width:900px){.ops-grid{grid-template-columns:1fr}.ops-inline-form{grid-template-columns:1fr 80px 95px}.ops-inline-form>*:nth-last-child(-n+2){grid-column:auto}.ops-list-row{grid-template-columns:24px minmax(120px,1fr) 75px 82px}.ops-list-row .ops-list-extra{display:none}.ops-form-grid{grid-template-columns:1fr 1fr}.ops-form-group.span3{grid-column:1/-1}.ops-line{grid-template-columns:1fr 70px 80px}.ops-line>*:nth-child(4),.ops-line>*:nth-child(5){grid-column:auto}.ops-budget{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ops-hero{padding:19px}.ops-hero h2{font-size:20px}.ops-form-grid{grid-template-columns:1fr}.ops-form-group.span2,.ops-form-group.span3{grid-column:auto}.ops-inline-form{grid-template-columns:1fr 75px}.ops-inline-form .ops-select:nth-of-type(2){grid-column:auto}.ops-list-row{grid-template-columns:22px 1fr 67px}.ops-list-row .ops-unit,.ops-list-row .ops-list-extra{display:none}.ops-receipt summary{grid-template-columns:1fr auto}.ops-receipt summary>:nth-child(3){display:none}.ops-item-row{grid-template-columns:1fr 70px 80px}.ops-item-row>*:nth-child(4),.ops-item-row>*:nth-child(5){display:none}.ops-line{grid-template-columns:1fr 70px}.ops-line>*:nth-child(3),.ops-line>*:nth-child(4),.ops-line>*:nth-child(5){grid-column:auto}.ops-budget{grid-template-columns:1fr}.ops-modal{padding:18px 15px}}