.htt{max-width:1250px;margin:30px auto;font-family:Arial,sans-serif;color:#18212f}.htt-head{background:#102a43;color:#fff;padding:24px;border-radius:16px}.htt-head h1{margin:0 0 6px}.htt-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:18px 0}.htt-cards>div{background:#fff;border:1px solid #e6eaf0;border-radius:14px;padding:18px;box-shadow:0 3px 12px #0000000a}.htt-cards b{display:block;color:#687386}.htt-cards strong{display:block;font-size:24px;margin-top:8px}.htt-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.htt-tabs button,.htt-btn,.htt-form button{border:0;background:#1769aa;color:#fff;padding:10px 14px;border-radius:9px;cursor:pointer;text-decoration:none}.htt-panel{display:none;background:#fff;border:1px solid #e6eaf0;border-radius:14px;padding:20px;margin-bottom:20px}.htt-panel.active{display:block}.htt-form{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.htt-form input,.htt-form select,.htt-form textarea{padding:11px;border:1px solid #d7dde5;border-radius:8px;font:inherit}.htt-form textarea{min-height:42px}.htt-form button{grid-column:1/-1}.htt-note{background:#eef7ff;padding:15px;border-radius:10px}.htt-export{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #e9edf2;text-align:right}@media(max-width:800px){.htt-cards{grid-template-columns:repeat(2,1fr)}.htt-form{grid-template-columns:1fr}}