:root{--bg:#f7f2eb;--card:#fffdfa;--ink:#433a32;--muted:#887a6c;--line:#e7dccd;--gold:#b9925b;--green:#8fa58a;--terracotta:#c96a5a;--shadow:0 24px 60px #40342a1a}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}.shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.side{border-right:1px solid var(--line);background:#fffdfad1;height:100vh;padding:28px 20px;position:sticky;top:0}.logo{width:190px;height:auto;margin-bottom:34px}.nav{gap:8px;display:grid}.nav button{color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:18px;padding:14px 16px}.nav button.active,.nav button:hover{color:var(--ink);background:#fff;box-shadow:0 10px 25px #40342a0f}main{padding:34px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--gold);margin:0 0 8px;font-size:12px;font-weight:800}h1{letter-spacing:-.04em;margin:0;font-size:42px}h2{margin:0;font-size:22px}.muted{color:var(--muted)}.hero{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.grid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px;margin-bottom:18px;display:grid}.card,.panel,.form{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px}.kpi{padding:22px}.kpi span{color:var(--muted);font-size:13px}.kpi strong{margin:16px 0 4px;font-size:32px;display:block}.dark{background:var(--ink);color:#fff}.dark span,.dark small{color:#ded2c8}.two{grid-template-columns:1fr 1fr;gap:18px;display:grid}.panel{margin-bottom:18px;padding:24px}.list{gap:10px;display:grid}.row{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:1.4fr .7fr .7fr .7fr;align-items:center;gap:10px;padding:12px 14px;display:grid}.pill{color:#964c3e;background:#f4e4dc;border-radius:999px;padding:5px 10px;font-size:12px;display:inline-block}.search,input,select{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:16px;width:100%;padding:12px 14px}.top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.top input{max-width:360px}.cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.material{padding:20px}.sku{letter-spacing:.1em;color:var(--gold);font-size:12px;font-weight:800}.material h3{min-height:44px;margin:8px 0 16px;font-size:17px}.val{font-size:30px;font-weight:800}.meta{color:var(--muted);justify-content:space-between;font-size:13px;display:flex}.meter{background:#eee5d9;border-radius:999px;height:8px;margin:12px 0;overflow:hidden}.meter span{background:linear-gradient(90deg,var(--gold),var(--green));border-radius:999px;height:100%;display:block}.form{gap:12px;max-width:560px;padding:26px;display:grid}.primary{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:18px;padding:14px;font-weight:800}.secondary{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:18px;padding:12px 16px}.login{place-items:center;min-height:100vh;padding:30px;display:grid}.login .form{text-align:center}.login img{width:260px;margin:auto}.notice{background:#fff8e7;border:1px solid #f1d49a;border-radius:18px;margin:14px 0;padding:14px 16px}.tabs{gap:8px;margin:16px 0;display:flex}.tabs button{width:auto}@media (max-width:900px){.shell{grid-template-columns:1fr}.side{height:auto;position:relative}.grid,.two{grid-template-columns:1fr}.hero,.top{display:block}.top input{max-width:100%;margin-top:14px}}