:root{color-scheme:light;--bg:#f4f5f0;--surface:#ffffff;--surface-soft:#eef1ea;--line:#dde2d8;--line-strong:#c3cbbc;--ink:#171a16;--muted:#666e62;--accent:#26695f;--accent-strong:#174a43;--copper:#b96f3a;--amber:#f4c866;--shadow:0 18px 45px rgba(36,44,35,0.08)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(244,245,240,0) 260px),var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(38,105,95,.24);outline-offset:2px}a{color:var(--accent-strong);text-decoration:none}.appShell{margin:0 auto;max-width:1480px;padding:28px}.heroBand{align-items:end;background:#101611;border-radius:12px;box-shadow:var(--shadow);color:#fff;display:grid;grid-gap:18px;gap:18px;grid-template-columns:1fr auto;margin-bottom:18px;overflow:hidden;padding:26px;position:relative}.heroBand:after{background:linear-gradient(90deg,var(--copper),var(--amber),var(--accent));bottom:0;content:"";height:5px;left:0;position:absolute;right:0}.eyebrow{color:var(--copper);font-size:12px;font-weight:800;margin:0 0 7px;text-transform:uppercase}.heroBand .eyebrow{color:var(--amber)}h1,h2,p{margin-top:0}h1{font-size:38px;line-height:1.05;margin-bottom:8px}.heroCopy{color:rgba(255,255,255,.76);margin-bottom:0}.actions button,.chips button,.ghostButton,.modalActions button,.primaryButton,.tabs button{border:1px solid var(--line);border-radius:8px;cursor:pointer;min-height:40px;padding:0 14px}.primaryButton{background:var(--surface);border-color:transparent;color:var(--accent-strong);font-weight:800}.ghostButton{background:transparent;border-color:rgba(255,255,255,.28);color:#fff;font-weight:800}.heroActions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.notice{background:#fff7e4;border:1px solid #ead7a7;border-radius:10px;margin-bottom:14px;padding:14px 16px}.notice.compact{background:#eef7f3;border-color:#c8dfd5}.statsGrid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}.statsGrid div{background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:10px;padding:16px}.historyItem span,.muted,.productHeader p,.statsGrid span{color:var(--muted)}.statsGrid strong{display:block;font-size:24px;margin-top:6px}.controlDeck{background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);grid-gap:12px;gap:12px;grid-template-columns:minmax(260px,360px) auto 1fr;margin-bottom:18px;padding:14px}.controlDeck,.searchField{align-items:center;display:grid}.searchField{background:var(--surface-soft);border:1px solid transparent;border-radius:9px;grid-gap:8px;gap:8px;grid-template-columns:auto 1fr;padding:0 12px}.searchField span{color:var(--accent-strong);font-size:13px;font-weight:800}.searchField input{background:transparent;border:0;min-height:44px;outline:0;width:100%}.favoriteSwitch{align-items:center;border:1px solid var(--line);border-radius:9px;cursor:pointer;display:inline-flex;gap:8px;min-height:46px;padding:0 12px;white-space:nowrap}.favoriteSwitch input{accent-color:var(--accent)}.actions,.chips,.metaLine,.tabs{display:flex;flex-wrap:wrap;gap:8px}.tabs{justify-content:flex-end}.chips{grid-column:1/-1}.chips button,.tabs button{background:#fff;color:var(--muted)}.chips .active,.tabs .active{background:#17211d;border-color:#17211d;color:#fff;font-weight:800}.contentGrid{align-items:start;display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,1fr) 360px}.productList{display:grid;grid-gap:10px;gap:10px}.productCard{background:var(--surface);border:1px solid var(--line);border-radius:12px;display:grid;grid-gap:16px;gap:16px;grid-template-columns:112px minmax(0,1fr);min-height:140px;padding:14px;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.productCard:hover{border-color:var(--line-strong);box-shadow:0 12px 28px rgba(28,36,28,.08);transform:translateY(-1px)}.productCard.favorite{border-color:rgba(185,111,58,.46)}.imageBox{align-items:center;aspect-ratio:1;background:linear-gradient(135deg,#edf0e9,#f8f8f5);border:1px solid var(--line);border-radius:10px;color:var(--accent-strong);display:flex;font-size:13px;font-weight:800;justify-content:center;overflow:hidden;position:relative;text-align:center}.imageBox img{object-fit:cover}.productBody{display:grid;grid-gap:10px;gap:10px;min-width:0}.productHeader{display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(0,1fr) auto}.productHeader h2{font-size:18px;line-height:1.35;margin-bottom:0}.productHeader p{font-size:13px;margin-bottom:4px}.productHeader strong{color:var(--accent-strong);font-size:18px}.starButton{background:transparent;border:0;color:#a6aea0;cursor:pointer;font-size:15px;margin-right:6px;padding:0}.starButton.active{color:var(--copper)}.metaLine{color:var(--muted)}.metaLine span{background:var(--surface-soft);border-radius:999px;padding:5px 9px}.actions,.actions a{align-items:center}.actions a{background:#e8f2ef;border-radius:8px;display:inline-flex;font-weight:800;min-height:40px;padding:0 12px}.actions button{background:#fff}.actions .dangerText{border-color:#f0d3cd;color:#a13f32}.historyPanel{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:18px;position:-webkit-sticky;position:sticky;top:18px}.historyPanel h2{font-size:19px;margin-bottom:14px}.historyList{display:grid;grid-gap:10px;gap:10px}.historyItem{border-bottom:1px solid var(--line);padding-bottom:10px}.historyItem strong{display:block;line-height:1.35;margin:3px 0}.empty,.historyItem p{color:var(--muted);margin-bottom:0}.modalBackdrop{align-items:center;background:rgba(23,26,22,.42);display:flex;inset:0;justify-content:center;padding:20px;position:fixed}.productModal,.purchaseModal{background:#fff;border-radius:12px;display:grid;grid-gap:14px;gap:14px;max-width:460px;padding:22px;width:min(100%,460px)}.productModal{max-height:min(90vh,820px);max-width:720px;overflow:auto;width:min(100%,720px)}.compactModal{max-width:480px}.productModal h2,.purchaseModal h2{font-size:22px;line-height:1.3;margin-bottom:0}.productModal label,.purchaseModal label{color:var(--muted);display:grid;grid-gap:6px;gap:6px}.productModal input,.productModal select,.productModal textarea,.purchaseModal input,.purchaseModal textarea{background:#fff;border:1px solid var(--line);border-radius:8px;min-height:44px;padding:0 12px;width:100%}.productModal textarea,.purchaseModal textarea{min-height:92px;padding-top:10px;resize:vertical}.productModal select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.formGrid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.checkboxLine{align-items:center;display:flex!important;gap:8px!important}.checkboxLine input{min-height:auto;width:auto}.helperText{color:var(--muted);font-size:14px;line-height:1.45;margin-bottom:0}.modalActions{display:flex;gap:8px;justify-content:flex-end}.modalActions button{background:#fff}.modalActions .primaryButton{background:var(--accent);color:#fff}@media (max-width:980px){.appShell{padding:18px}.contentGrid,.controlDeck,.formGrid,.heroBand,.statsGrid{grid-template-columns:1fr}.heroActions,.tabs{justify-content:flex-start}.historyPanel{position:static}}@media (max-width:560px){h1{font-size:30px}.heroBand{padding:20px}.productCard{grid-template-columns:84px minmax(0,1fr)}.productHeader{grid-template-columns:1fr}}