:root{--bg:#f6f5f2;--sf:#fff;--tx:#17161a;--mu:#6b6975;--bd:#e4e2dc;--ac:#5b3df5;--er:#c1263b}
@media(prefers-color-scheme:dark){:root{--bg:#0f0e13;--sf:#19181f;--tx:#f1f0f5;--mu:#9b98a8;--bd:#2b2933;--ac:#8c78ff;--er:#ff6b7f}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.5 system-ui,sans-serif}a{color:var(--ac)}
header{border-bottom:1px solid var(--bd);position:sticky;top:0;background:var(--bg);z-index:5}.bar,main{max-width:1100px;margin:auto;padding:14px 16px}.bar{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.logo{font-weight:800;font-size:20px;text-decoration:none;color:var(--tx)}nav{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}nav a,.sub a{padding:6px 12px;border-radius:99px;text-decoration:none;color:var(--mu);font-weight:600}nav a:hover,.sub a:hover{background:var(--sf);color:var(--ac)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.card,.panel{background:var(--sf);border:1px solid var(--bd);border-radius:14px;padding:12px;margin-bottom:14px}.card{text-decoration:none;color:inherit;margin:0}
img,.noimg{width:100%;aspect-ratio:5/7;object-fit:cover;border-radius:10px;background:var(--bd)}.noimg{display:grid;place-items:center;color:var(--mu)}
.det{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.faces{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:760px){.det{grid-template-columns:1fr}}
table{width:100%;border-collapse:collapse}td,th{padding:8px;border-bottom:1px solid var(--bd);text-align:left;vertical-align:top}.scroll{overflow-x:auto}
input,select,textarea,button{font:inherit;padding:9px 12px;border:1px solid var(--bd);border-radius:10px;background:var(--sf);color:var(--tx)}button{cursor:pointer;font-weight:600}button.p{background:var(--ac);border-color:var(--ac);color:#fff}button.d{color:var(--er)}
.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.form .w{grid-column:1/-1}label{display:grid;gap:4px;font-size:12px;color:var(--mu);font-weight:600}
.flash{background:var(--sf);border:1px solid var(--ac);padding:10px 14px;border-radius:10px;margin-bottom:14px}.price{font-weight:800}.mu{color:var(--mu)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}