:root{--b:#2563eb;--lb:#e8f1fd;--g:#6b7280;--bd:#e5e7eb}
*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,sans-serif;color:#1f2937;background:#fff}
a{color:var(--b);text-decoration:none}.top{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--bd);position:sticky;top:0;background:#fff;z-index:5}
.logo{font-weight:700;font-size:20px}#burger{display:none;background:none;border:0;font-size:26px;cursor:pointer}
nav a{margin-left:18px;color:#374151}.wrap{max-width:1000px;margin:0 auto;padding:24px 20px}
.hero{background:var(--lb);padding:48px 20px;text-align:center}.hero input{padding:12px;width:min(420px,80%);border:1px solid var(--bd);border-radius:8px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.card{border:1px solid var(--bd);border-radius:10px;overflow:hidden;background:#fff}.card .in{padding:14px}.card img,.ph{width:100%;height:130px;object-fit:cover;background:var(--lb);display:block}
.btn{display:inline-block;background:var(--b);color:#fff;border:0;padding:10px 18px;border-radius:8px;cursor:pointer;font-size:15px}.btn.s{background:var(--lb);color:var(--b)}
form.f label{display:block;margin:12px 0 4px;font-size:14px;color:var(--g)}form.f input,form.f textarea,form.f select{width:100%;padding:10px;border:1px solid var(--bd);border-radius:8px;font:inherit}
.msg{padding:10px 14px;border-radius:8px;background:var(--lb);margin-bottom:14px}.err{background:#fee2e2;color:#991b1b}.mut{color:var(--g);font-size:14px}
.tw{overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{padding:10px;border-bottom:1px solid var(--bd);text-align:left}
footer{padding:24px;text-align:center;color:var(--g);border-top:1px solid var(--bd);margin-top:40px}
@media(max-width:700px){#burger{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--bd);padding:8px 20px}nav.open{display:block}nav a{display:block;margin:0;padding:10px 0}}
.ad{display:flex;gap:24px}.side{width:210px;flex:none}.side a{display:block;padding:8px 10px;border-radius:8px;color:#374151}.side a.on,.side a:hover{background:var(--lb);color:var(--b)}.side small{display:block;margin:14px 10px 4px;color:var(--g);font-size:12px}
#sb{display:none}.bar{height:10px;background:var(--b);border-radius:4px}.inl{display:inline}.inl select,.inl input{padding:6px;border:1px solid var(--bd);border-radius:6px}.btn.sm{padding:5px 10px;font-size:13px}.kpi{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:20px}.kpi div{background:var(--lb);padding:12px;border-radius:10px}.kpi b{display:block;font-size:20px}
@media(max-width:700px){.ad{display:block}.side{display:none;width:auto;margin-bottom:14px}.side.open{display:block}#sb{display:inline-block;margin-bottom:12px}}