*{box-sizing:border-box} body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f7f7f8;color:#1f2937}
a{text-decoration:none;color:inherit}.container{max-width:1120px;margin:auto;padding:20px}.topbar{position:sticky;top:0;z-index:9;background:white;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;padding:14px 20px}
.topbar nav{display:flex;gap:16px;font-size:14px}.brand{font-weight:800}.hero{background:white;border-radius:22px;padding:28px;margin-bottom:22px;border:1px solid #ececec}
.hero h1{margin:0 0 10px;font-size:clamp(28px,5vw,48px)}.muted{color:#6b7280}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}
.card{background:white;border:1px solid #e5e7eb;border-radius:18px;padding:16px}.product-img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;background:#eee}
.price{font-weight:800;font-size:18px}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#f2f2f2;font-size:12px}
.btn{display:inline-block;border:0;border-radius:12px;padding:11px 15px;background:#111827;color:white;font-weight:700;cursor:pointer}.btn.secondary{background:#eef2f7;color:#111827}.btn.danger{background:#b91c1c}
input,select,textarea{width:100%;padding:11px 12px;border:1px solid #d1d5db;border-radius:11px;background:white}.form-row{margin-bottom:14px}.table{width:100%;border-collapse:collapse;background:white;border-radius:14px;overflow:hidden}.table th,.table td{padding:12px;border-bottom:1px solid #eee;text-align:left}
.kpi{font-size:28px;font-weight:800}.status{font-size:12px;padding:5px 8px;border-radius:999px;background:#eef2ff}.notice{padding:14px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa;margin:14px 0}
.footer{text-align:center;padding:34px 20px;color:#6b7280}.actions{display:flex;gap:10px;flex-wrap:wrap}.split{display:grid;grid-template-columns:2fr 1fr;gap:18px}
@media(max-width:760px){.topbar nav a:not(:last-child){display:none}.split{grid-template-columns:1fr}.container{padding:14px}.hero{padding:20px}}