:root{--ink:#3b281b;--brown:#68452e;--brown2:#8a6040;--cream:#fbf7ef;--paper:#fffdf8;--sand:#eee1ce;--line:#e6d7c5;--gold:#c58b35;--green:#32694d;--red:#a64232;--muted:#806f60;--shadow:0 6px 24px rgba(66,42,23,.06)}
*{box-sizing:border-box}html{font-size:15px}body{margin:0;background:#f8f3e9;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,58px);background:var(--paper);border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none}.brand-mark{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--brown);font-family:Georgia,serif;font-size:19px;color:var(--brown);font-weight:700}.brand-mark span{font-size:12px;font-style:italic;margin:0 1px}.brand b{display:block;font:700 22px Georgia,serif;letter-spacing:.2px}.brand small{display:block;font-size:9px;letter-spacing:2.2px;color:var(--muted);margin-top:2px}.user-menu{display:flex;align-items:center;gap:16px}.user-chip{background:#f1e6d6;border-radius:999px;padding:6px 12px;color:#5f4532;font-size:12px}.link-button{border:0;background:transparent;color:var(--brown);font-weight:700;cursor:pointer}.nav{display:flex;gap:5px;align-items:center;padding:0 clamp(18px,4vw,58px);background:#f1e7d8;border-bottom:1px solid var(--line);overflow-x:auto;white-space:nowrap}.nav a{color:#684b34;text-decoration:none;font-size:12px;font-weight:700;padding:13px 13px;border-bottom:2px solid transparent}.nav a:hover{border-color:var(--gold);color:#352316}.container{max-width:1440px;margin:0 auto;padding:28px clamp(14px,3vw,38px) 52px;min-height:calc(100vh - 160px)}.page-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:2px 0 24px}.page-head h1{margin:3px 0 2px;font:600 clamp(28px,3vw,38px) Georgia,serif;letter-spacing:-.5px}.page-head p{margin:4px 0}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:800;color:var(--brown2)}h2{font:600 21px Georgia,serif;margin:0 0 12px}h3{font-size:15px}p{margin:8px 0 12px}.muted{color:var(--muted)}.tiny{font-size:11px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:var(--shadow);min-width:0}.section-gap{margin-top:20px}.grid{display:grid;gap:18px}.cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cards-2{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:19px 20px;box-shadow:var(--shadow);min-width:0}.metric span{display:block;font-size:12px;color:var(--muted);font-weight:600}.metric strong{display:block;margin:8px 0 2px;font-size:26px;font-weight:700;letter-spacing:-.7px;overflow-wrap:anywhere}.metric small{display:block;font-size:11px;color:var(--muted)}.metric.compact{padding:14px}.metric.compact strong{font-size:21px}.metric-negative{border-color:#ddb0a6;background:#fff7f5}.metric-negative strong,.negative{color:var(--red)!important}.positive{color:var(--green)!important}.button-link{display:inline-flex;text-decoration:none;align-items:center;justify-content:center}.primary,.secondary,.small-button{border:0;border-radius:8px;padding:10px 15px;font-weight:750;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}.primary{background:var(--brown);color:white}.primary:hover{background:#4b2d1a}.secondary{background:#f0e4d3;color:var(--brown);border:1px solid #dfc9ad}.secondary:hover{background:#e8d7c0}.small-button{padding:6px 10px;background:#f1e5d5;color:var(--brown);font-size:11px}.full{width:100%;margin-top:6px}.notice,.alert,.helper-box{padding:13px 15px;border-radius:9px;margin:0 0 18px;font-size:13px}.notice{background:#f3e8d6;border:1px solid #e2ccb0;color:#62452f}.notice-good{background:#e9f4eb;border-color:#c5dec9;color:#275a3a}.alert{background:#fff0ec;border:1px solid #e6b9ad;color:#8d3728}.helper-box{background:#f8f0e4;border:1px dashed #d6b98f;color:#68482f;margin-top:14px}.helper-box p{margin-bottom:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.panel-head h2{margin-bottom:0}.pill{display:inline-block;border-radius:999px;padding:4px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.3px;font-weight:800;background:#eee4d5;color:#705740}.pill.good{background:#e5f3e9;color:#286642}.pill.warn{background:#fff0d7;color:#8b5d14}.pill.neutral{background:#eae7e2;color:#72685f}.key-value{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #f0e8dc;font-size:13px}.key-value:last-child{border-bottom:0}.low-stock-list{margin-top:12px}.low-stock-list div{display:flex;gap:12px;justify-content:space-between;padding:6px 0;font-size:12px;border-bottom:1px solid #f1e9dd}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.steps>div{border-left:2px solid #d7b88d;padding:3px 10px 3px 13px}.steps b{display:block;font-size:10px;letter-spacing:2px;color:var(--gold)}.steps strong{display:block;margin:4px 0;font-size:13px}.steps span{display:block;color:var(--muted);font-size:12px}.text-link{color:var(--brown2);font-size:13px;font-weight:750;text-decoration:none}.text-link:hover{text-decoration:underline}.stack{display:flex;flex-direction:column;gap:13px}label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:750;color:#60452f}input,select,textarea{font:inherit;color:var(--ink);background:#fffefa;border:1px solid #d9c7b2;border-radius:7px;padding:10px 11px;min-width:0;width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:#a5794d;box-shadow:0 0 0 3px rgba(165,121,77,.12)}input[type=checkbox]{width:16px;height:16px;accent-color:var(--brown)}.check-label{display:flex;flex-direction:row;align-items:center;gap:8px;font-weight:600}.check-label input{width:16px}.check-label.compact-check{font-size:11px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.close-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.close-grid small{font-weight:400;color:var(--muted);font-size:10px}.inline-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.inline-form label{min-width:min(340px,100%)}.table-wrap{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px;min-width:690px}.data-table th{background:#f4ebdd;text-align:left;color:#76583c;font-size:10px;text-transform:uppercase;letter-spacing:.7px;font-weight:800}.data-table th,.data-table td{padding:12px 10px;border-bottom:1px solid #eee3d5;vertical-align:middle}.data-table tbody tr:hover{background:#fffaf1}.data-table td input{min-width:70px;padding:7px 8px}.qty-input{width:82px!important;text-align:center;font-weight:700}.price-input{width:104px!important}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:#77614e}.details-json{max-width:340px;overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:10px}.sticky-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;position:sticky;bottom:8px;padding:13px 16px;background:rgba(255,253,248,.95);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 28px rgba(44,28,15,.1);backdrop-filter:blur(8px)}.approve-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:12px;margin-top:12px;border-top:1px solid var(--line)}.approve-row p{margin:0}.profit-bridge{max-width:680px}.profit-bridge div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #eee5d9;font-size:13px}.profit-bridge .total{margin-top:4px;border-top:2px solid #c4a480;border-bottom:0;font-size:16px;font-weight:800;color:#3c2718}.total-row td{font-weight:800;border-top:2px solid #d0b48f}.fixed-row{display:grid;grid-template-columns:1fr 120px 90px 62px;gap:9px;align-items:center;padding:12px 0;border-bottom:1px solid #eee3d5}.fixed-row small{display:block;color:var(--muted);font-size:10px}.simple-list{padding-left:20px;font-size:13px;color:#6c5847}.simple-list li{margin:9px 0}.recipe-grid{grid-template-columns:minmax(0,2fr) minmax(120px,1fr) auto;align-items:end}.footer{padding:18px clamp(18px,4vw,58px);border-top:1px solid var(--line);background:var(--paper);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:10px;letter-spacing:.3px;color:var(--muted)}.login-wrap{min-height:65vh;display:grid;grid-template-columns:1.1fr minmax(320px,.8fr);gap:clamp(24px,5vw,70px);align-items:center;max-width:1050px;margin:0 auto}.login-brand h1{font:600 clamp(34px,5vw,54px) Georgia,serif;line-height:1.08;margin:12px 0}.login-brand h1 em{color:var(--brown2);font-weight:400}.login-brand p{max-width:390px;color:var(--muted)}.login-panel h2{font-size:27px}.login-panel label{margin-top:6px}.login-panel .alert{margin-bottom:2px}.login-panel .tiny{margin-top:8px}.positive{color:var(--green)}
@media(max-width:1000px){.cards-4{grid-template-columns:repeat(2,minmax(0,1fr))}.close-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.nav a{padding:12px 10px}.fixed-row{grid-template-columns:1fr 110px 80px 60px}}
@media(max-width:700px){.topbar{height:68px;padding:0 14px}.brand b{font-size:18px}.brand-mark{width:39px;height:39px}.user-chip{display:none}.nav{padding:0 8px}.nav a{padding:12px 9px;font-size:11px}.container{padding:20px 12px 35px}.page-head{align-items:flex-start;flex-direction:column}.page-head .button-link{align-self:stretch}.cards-2{grid-template-columns:1fr}.cards-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{padding:14px}.metric strong{font-size:20px}.metric.compact strong{font-size:18px}.panel{padding:15px;border-radius:11px}.close-grid,.form-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr;gap:13px}.data-table{min-width:650px}.sticky-actions{align-items:stretch;flex-direction:column}.sticky-actions button{width:100%}.approve-row{align-items:stretch;flex-direction:column}.recipe-grid{grid-template-columns:1fr}.fixed-row{grid-template-columns:1fr 100px;gap:8px}.fixed-row .compact-check,.fixed-row button{grid-row:auto}.login-wrap{grid-template-columns:1fr;gap:18px;min-height:auto;padding:20px 0}.login-brand h1{font-size:36px}.login-panel{max-width:100%}.footer{padding:14px}.footer span:last-child{width:100%}}
.cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}.account-opening{display:flex;align-items:end;gap:8px;margin-top:12px}.account-opening label{flex:1}.account-opening input{padding:7px;font-size:12px}@media(max-width:900px){.cards-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.cards-3{grid-template-columns:1fr}.account-opening{align-items:stretch;flex-direction:column}}

.reset-inline{display:flex;gap:5px;align-items:center;margin-top:6px;min-width:250px}.reset-inline input{min-width:165px;font-size:10px;padding:6px}.action-inline{display:inline-flex}.reset-inline button{flex-shrink:0}

.header-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
@media(max-width:700px){.header-actions{width:100%;flex-direction:column;align-items:stretch}.header-actions .button-link{width:100%}}

.hbar{height:5px;background:#eadcc8;border-radius:4px;margin-top:5px;min-width:60px}.hbar i{display:block;height:100%;background:var(--brown2);border-radius:4px}.bars{display:flex;align-items:flex-end;gap:3px;height:170px;padding:6px 0;border-bottom:1px solid var(--line)}.bar-col{flex:1;min-width:4px;height:100%;display:flex;align-items:flex-end}.bar-col i{display:block;width:100%;background:var(--brown2);border-radius:3px 3px 0 0}.bar-col i.bar-empty{background:#e4d6c3}.bar-col:hover i{background:var(--gold)}.compact-table{min-width:0}details summary{cursor:pointer}.cards-3 .panel{overflow:hidden}.metric small.positive,.metric small.negative{display:block}