*{box-sizing:border-box}body{margin:0;background:#fff;color:#102f4f;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}.top{background:#08233d;color:#fff;height:68px;display:flex;align-items:center;padding:0 22px;justify-content:space-between}.brand{font-size:21px;font-weight:800}.brand small{display:block;font-size:11px;font-weight:400;color:#c7d5e2;margin-top:2px}.toplinks{display:flex;gap:8px}.toplinks a{background:#6d8295;padding:10px 15px;border-radius:7px;font-weight:700;font-size:13px}.wrap{max-width:1180px;margin:20px auto;padding:0 18px}.layout{display:grid;grid-template-columns:260px 1fr;gap:22px}.side{background:#eef8fd;border-radius:5px;padding:14px 12px;height:max-content}.side-title{text-align:center;color:#8b9aa7;font-weight:700;font-size:14px;margin:4px 0 12px}.cat{display:block;padding:6px 5px;color:#0877e8;font-size:15px;border-radius:5px}.cat:hover,.cat.active{background:#dceffc;font-weight:700}.cat-count{float:right;color:#71869a;font-size:11px}.main h1{font-size:25px;margin:0;border-bottom:1px solid #ddd;padding-bottom:8px}.sub{color:#607589;font-size:13px;margin:11px 0 16px}.search{display:flex;gap:8px;margin-bottom:18px}.search input,.search select{padding:11px;border:1px solid #cbd8e4;border-radius:6px;font-size:14px}.search input{flex:1}.search button{border:0;background:#0877e8;color:#fff;border-radius:6px;padding:0 16px;font-weight:700}.item{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;padding:16px 0;border-top:1px solid #ddd}.item-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:25px}.item-icon img{width:38px;height:38px;object-fit:contain;border-radius:7px}.item h2{margin:0 0 4px;font-size:20px;color:#0877e8}.meta{font-size:11px;color:#607589;margin-bottom:7px}.desc{font-size:14px;color:#243e55;line-height:1.45}.actions{display:flex;gap:6px;white-space:nowrap}.actions a,.actions button{border:0;background:#0877e8;color:#fff;padding:9px 13px;border-radius:6px;font-weight:700;font-size:12px;cursor:pointer}.actions .secondary{background:#eaf3fb;color:#0877e8}.empty{padding:30px 0;color:#71869a}@media(max-width:760px){.layout{grid-template-columns:1fr}.item{grid-template-columns:40px 1fr}.actions{grid-column:2;flex-wrap:wrap}.search{flex-wrap:wrap}.top{height:auto;padding:14px 16px}.wrap{padding:0 12px}}