.hb-page{display:grid;gap:16px;max-width:1180px;margin:0 auto;padding:4px 0 32px;color:#0c173c}
.hb-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.hb-head>div{display:flex;gap:14px;align-items:center}
.hb-head h2{margin:0;font-size:22px}
.hb-head p{margin:4px 0 0;color:#536b91;font-size:14px;max-width:640px}
.hb-logo{width:44px;height:44px;border-radius:12px;background:#ff6000;color:#fff;display:grid;place-items:center;font-weight:800;font-size:24px;flex:none}
.hb-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #e3ebf9}
.hb-tabs button{border:0;background:none;padding:10px 14px;font:inherit;font-weight:600;color:#536b91;border-bottom:2px solid transparent;cursor:pointer}
.hb-tabs button.active{color:#ff6000;border-color:#ff6000}
.hb-tabs button:disabled{opacity:.45;cursor:not-allowed}
.hb-card{border:1px solid #dfe8f5;border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 12px 32px rgba(48,87,138,.05);padding:18px;min-width:0}
.hb-card h3{margin:0 0 6px;font-size:17px}
.hb-card h3 small{color:#536b91;font-weight:500}
.hb-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.hb-note{color:#536b91;font-size:13px;margin:4px 0 12px}
.hb-alert{background:#fff1ee;border:1px solid #ffcdbf;color:#a3290c;border-radius:10px;padding:10px 12px;font-size:13px}
.hb-ok{background:#ecfbf3;border:1px solid #bdebd2;color:#106b3c;border-radius:10px;padding:10px 12px;font-size:13px;margin:6px 0}
.hb-empty{color:#536b91;padding:24px 0;text-align:center}
.hb-form{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.hb-form label{display:grid;gap:6px;font-size:13px;font-weight:600;color:#33476b}
.hb-form .wide{grid-column:1/-1}
.hb-form input,.hb-form select,.hb-form textarea,.hb-card select{font:inherit;font-weight:400;border:1px solid #d6e1f2;border-radius:10px;padding:9px 11px;background:#fff;color:#0c173c;min-width:0;width:100%;box-sizing:border-box}
.hb-card-head select{width:auto}
.hb-form textarea{resize:vertical}
.hb-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.hb-btn{border:1px solid #d6e1f2;background:#fff;color:#0c173c;border-radius:10px;padding:9px 14px;font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}
.hb-btn.primary{background:#ff6000;border-color:#ff6000;color:#fff}
.hb-btn.danger{color:#b42318;border-color:#f3c1bb}
.hb-btn:disabled{opacity:.55;cursor:not-allowed}
.hb-link{border:0;background:none;color:#1460ff;font:inherit;font-size:13px;font-weight:600;cursor:pointer;padding:2px 4px}
.hb-link.danger{color:#b42318}
.hb-chip{display:inline-block;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;background:#eef2f8;color:#33476b;white-space:nowrap}
.hb-chip.ok{background:#e3f8ec;color:#106b3c}.hb-chip.info{background:#e7efff;color:#1d4fc4}.hb-chip.bad{background:#ffe9e4;color:#a3290c}
.hb-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.hb-table{width:100%;border-collapse:collapse;font-size:13px;min-width:640px}
.hb-table th{text-align:left;color:#536b91;font-weight:600;padding:8px;border-bottom:1px solid #e3ebf9;white-space:nowrap}
.hb-table td{padding:10px 8px;border-bottom:1px solid #f0f4fb;vertical-align:top}
.hb-table small{display:block;color:#6b7fa3;margin-top:3px}
.hb-msg{max-width:420px}.hb-msg.bad{color:#a3290c}
.hb-inline{width:96px;font:inherit;border:1px solid #d6e1f2;border-radius:8px;padding:6px 8px}
.hb-row-actions{white-space:nowrap}
.hb-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:8px 0 14px}
.hb-stats div{border:1px solid #e3ebf9;border-radius:12px;padding:10px 12px;background:#fbfcff}
.hb-stats small{display:block;color:#536b91;font-size:12px}
.hb-stats strong{font-size:20px}
.hb-category{display:grid;gap:8px;font-size:13px;font-weight:600;color:#33476b}
.hb-hits{display:grid;gap:4px;max-height:240px;overflow:auto}
.hb-hits button{text-align:left;border:1px solid #e3ebf9;background:#fff;border-radius:8px;padding:8px 10px;font:inherit;font-weight:400;cursor:pointer}
.hb-hits button:hover{border-color:#ff6000}
.hb-attrs{border:1px solid #e3ebf9;border-radius:12px;padding:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.hb-attrs legend{font-weight:700;padding:0 6px}
.hb-attr{display:flex;gap:6px;align-items:center}
@media (max-width:640px){.hb-card{padding:14px}.hb-stats strong{font-size:16px}.hb-head h2{font-size:19px}}
.hb-steps{margin:8px 0 12px;padding-left:0;list-style:none;display:grid;gap:10px}
.hb-steps li{border:1px solid #e3ebf9;border-radius:12px;padding:10px 12px;display:grid;gap:4px;font-size:13px;color:#536b91}
.hb-steps li strong{color:#0c173c}
.hb-steps li.done{border-color:#bdebd2;background:#f4fcf7}
.hb-steps code,.hb-table code{font-size:12px;background:#eef2f8;border-radius:6px;padding:1px 5px;color:#0c173c;word-break:break-all}
.hb-testbox{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border:1px dashed #ffc29a;background:#fff8f2;border-radius:12px;padding:10px 12px;margin:6px 0 12px;font-size:13px}
.hb-testbox select{width:auto;max-width:100%}