
.hist399{max-width:1180px;margin:18px auto 132px;padding:0 14px;display:grid;gap:16px;font-variant-numeric:tabular-nums}
.hist399 *{box-sizing:border-box}
.hist399-hero,.hist399-event,.hist399-message,.hist399-empty{background:linear-gradient(150deg,rgba(8,42,63,.98),rgba(4,27,43,.98));border:1px solid rgba(103,205,218,.17);border-radius:24px}
.hist399-hero{padding:25px}.hist399-kicker{display:block;color:#6ed9df;font-size:12px;font-weight:850;letter-spacing:.14em;margin-bottom:9px}
.hist399 h1,.hist399 h2{color:#f5fbfe;margin:0}.hist399 h1{font-size:clamp(38px,7vw,58px);line-height:1}.hist399 h2{font-size:21px;line-height:1.2}
.hist399-hero>p{color:#a5bac7;font-size:17px;line-height:1.55;max-width:760px}
.hist399-filters{display:grid;grid-template-columns:150px 150px minmax(180px,1fr) minmax(240px,1.5fr);gap:10px;align-items:end;margin-top:20px}
.hist399-filters label{display:grid;gap:6px}.hist399-filters label span{font-size:11px;color:#92a9b7;font-weight:800}
.hist399 input,.hist399 select{min-height:49px;width:100%;border:1px solid rgba(100,201,216,.2);border-radius:13px;background:#061c2c;color:#f5fbfe;padding:0 13px;font:inherit}
.hist399-btn{min-height:48px;border:1px solid rgba(100,201,216,.21);background:#09263a;color:#eef9fc;border-radius:13px;padding:0 14px;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;font-weight:800}
.hist399-btn.primary{background:linear-gradient(105deg,#5cddd9,#62c8f4);color:#041622;border-color:transparent}
.hist399-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}.hist399-actions .hist399-btn{min-width:150px}
.hist399-message{padding:15px 17px;display:grid;gap:5px}.hist399-message.warning{background:rgba(69,46,25,.58);border-color:rgba(236,174,93,.24);color:#f2d3a9}
.hist399-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.hist399-summary article{padding:16px;border-radius:18px;background:#08283d;border:1px solid rgba(103,205,218,.13)}
.hist399-summary span,.hist399-summary small{display:block;color:#91a9b8}.hist399-summary strong{display:block;color:#f5fbfe;font-size:28px;margin:6px 0 3px}
.hist399-kinds{display:flex;gap:8px;overflow-x:auto;padding-bottom:3px}.hist399-kinds a{white-space:nowrap;text-decoration:none;color:#aec2cd;border:1px solid rgba(103,205,218,.16);background:#072238;border-radius:999px;padding:9px 13px;font-weight:760}.hist399-kinds a.active{color:#051722;background:#69d8df;border-color:transparent}
.hist399-list{display:grid;gap:11px}.hist399-event{padding:18px}
.hist399-event header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.hist399-type{display:block;color:#6ed9df;font-size:11px;font-weight:850;letter-spacing:.08em;margin-bottom:6px}.hist399-event header p{color:#8fa7b5;margin:5px 0 0}
.hist399-amount{color:#f5fbfe;font-size:22px;white-space:nowrap}
.hist399-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px}.hist399-grid>div{padding:11px 12px;border-radius:12px;background:rgba(3,22,35,.62);min-width:0}.hist399-grid span{display:block;color:#879eac;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.hist399-grid strong{display:block;margin-top:3px;color:#eef8fb;overflow-wrap:anywhere}
.hist399-details{margin-top:12px;border:1px solid rgba(100,201,216,.12);border-radius:13px;background:rgba(3,21,34,.4)}.hist399-details summary{cursor:pointer;padding:12px 13px;font-weight:800;color:#d8eaf0;list-style:none}.hist399-details summary::-webkit-details-marker{display:none}.hist399-details p{margin:0;padding:0 13px 13px;color:#a6bac6;line-height:1.5;white-space:pre-wrap}
.hist399-event footer{display:flex;gap:13px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px solid rgba(104,199,213,.08);font-size:10px;color:#738d9b}
.hist399-empty{padding:24px;display:grid;gap:5px;color:#a9bdc8}.hist399-empty strong{color:#f0f8fb;font-size:20px}
.hist399-pagination{display:flex;justify-content:flex-end;gap:9px}.hist399-footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#768f9f;font-size:11px;padding:4px 7px}
@media(max-width:880px){.hist399-filters{grid-template-columns:1fr 1fr}.hist399-filters .wide{grid-column:auto}.hist399-summary{grid-template-columns:1fr 1fr}.hist399-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.hist399{padding:0 10px;margin-top:10px;gap:12px}.hist399-hero,.hist399-event{border-radius:20px}.hist399-hero{padding:18px}.hist399-filters{grid-template-columns:1fr 1fr}.hist399-filters .wide{grid-column:1/-1}.hist399-filters button,.hist399-filters>a{grid-column:1/-1}.hist399-actions{display:grid;grid-template-columns:1fr 1fr}.hist399-actions .hist399-btn{min-width:0}.hist399-summary{grid-template-columns:1fr 1fr}.hist399-event header{display:grid}.hist399-amount{white-space:normal}.hist399-grid{grid-template-columns:1fr 1fr}.hist399-pagination{justify-content:stretch}.hist399-pagination .hist399-btn{flex:1}}
@media(max-width:390px){.hist399-summary,.hist399-grid,.hist399-actions{grid-template-columns:1fr}.hist399-filters{grid-template-columns:1fr}.hist399-filters .wide{grid-column:auto}}
@media print{header,.bottom-nav,.sidebar,.hist399-filters,.hist399-actions,.hist399-kinds,.hist399-pagination{display:none!important}.hist399{margin:0;max-width:none;padding:0}.hist399-hero,.hist399-event{box-shadow:none;background:#fff!important;color:#000!important;border:1px solid #bbb;break-inside:avoid}.hist399 h1,.hist399 h2,.hist399 strong{color:#000!important}.hist399 p,.hist399 span,.hist399 small{color:#444!important}}
