:root{color-scheme:light;--bg: #ffffff;--fg: #0b0b0b;--muted: #6b7280;--border: #e5e7eb;--card: #f7f7f8}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--fg)}a{color:inherit}.container{max-width:920px;margin:0 auto;padding:16px}.header{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:#fff}.logo{width:40px;height:40px;border-radius:12px;object-fit:cover;border:1px solid var(--border)}.brand{display:flex;flex-direction:column;line-height:1.1}.brand .name{font-weight:700;letter-spacing:.04em}.brand .sub{color:var(--muted);font-size:12px}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.tab{padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--card);cursor:pointer;text-align:center;font-size:13px}.tab.active{background:#fff;border-color:#c7cbd1}.card{border:1px solid var(--border);border-radius:14px;background:#fff;padding:14px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (max-width: 720px){.tabs{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.field label{font-size:12px;color:var(--muted)}.field input,.field select,.field textarea{padding:10px 12px;border:1px solid var(--border);border-radius:12px;font-size:14px}.btn{width:100%;padding:12px 14px;border:1px solid #111827;background:#111827;color:#fff;border-radius:12px;cursor:pointer}.btn:disabled{opacity:.65;cursor:not-allowed}.note{color:var(--muted);font-size:12px}.list{display:grid;gap:10px}.item{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:10px;border:1px solid var(--border);border-radius:14px;background:#fff}.itemImg{width:100%;height:100px;border-radius:12px;border:1px solid var(--border);object-fit:cover}.itemLogo{width:84px;height:84px;border-radius:16px;border:1px solid var(--border);object-fit:cover}.itemBody{display:flex;flex-direction:column;gap:6px}.itemTitle{font-weight:700}.itemMeta{color:var(--muted);font-size:12px}.itemPrice{font-weight:700}@media (max-width: 720px){.item{grid-template-columns:1fr}.itemImg{height:160px}}
