.cashbox-page{width:100%}
.cashbox-top{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:15px}
.cashbox-top h1{margin:0;font-size:31px}
.cashbox-top p{margin:6px 0 0;color:#6e7b8b}
.cashbox-date-form{display:flex;gap:8px;align-items:end}
.cashbox-date-form label{font-size:13px;color:#5d6b7b}
.cashbox-date-form input,.cashbox-date-form button,
.cashbox-page input,.cashbox-page select,.cashbox-page textarea{border:1px solid #ced8e3;border-radius:9px;padding:11px;background:#fff}
.cashbox-date-form button{background:#1473e6;color:#fff;border:none;font-weight:700}
.cashbox-statusbar{background:#fff;border:1px solid #dce5ef;border-radius:10px;padding:11px 14px;margin-bottom:14px;color:#536274}
.cashbox-statusbar span{padding:0 7px;color:#a1adba}
.cashbox-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cashbox-card{background:#fff;padding:20px;border-radius:14px;box-shadow:0 4px 18px rgba(32,56,85,.06)}
.cashbox-card span{display:block;color:#6d7a89;font-size:14px}
.cashbox-card strong{display:block;font-size:25px;margin-top:8px}
.cashbox-card small{display:block;color:#7b8897;margin-top:7px}
.cashbox-card.green strong{color:#168346}
.cashbox-card.red strong{color:#d83030}
.cashbox-card.blue strong{color:#1269d3}
.cashbox-formula{background:#eaf4ff;border:1px solid #cfe4ff;border-radius:12px;padding:14px;text-align:center;font-size:20px;margin:15px 0 18px}
.cashbox-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}
.cashbox-panel{background:#fff;border-radius:14px;padding:20px;margin-bottom:18px;box-shadow:0 4px 18px rgba(32,56,85,.06)}
.cashbox-panel h2{margin:0 0 17px}
.cashbox-panel-head{display:flex;justify-content:space-between;align-items:center}
.cashbox-page label{display:block;font-size:14px;font-weight:700;margin-bottom:12px}
.cashbox-page label input,.cashbox-page label select,.cashbox-page label textarea{width:100%;margin-top:7px;font-weight:400}
.cashbox-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cashbox-primary{background:#1473e6;color:#fff;border:none;border-radius:9px;padding:12px 16px;font-weight:800}
.cashbox-ghost{border:1px solid #ccd7e3;background:#fff;border-radius:9px;padding:9px 12px}
.cashbox-danger{background:#e43b3b;color:#fff;border:none;border-radius:7px}
.cashbox-small{padding:7px 9px}
.cashbox-inline{display:inline}
.cashbox-table-wrap{overflow:auto}
.cashbox-page table{width:100%;border-collapse:collapse;font-size:14px}
.cashbox-page th,.cashbox-page td{padding:11px 9px;border-bottom:1px solid #e7edf3;text-align:left}
.cashbox-page th{background:#f5f8fb}
.cashbox-badge{padding:5px 9px;border-radius:999px;font-size:12px}
.cashbox-badge.income{background:#ddf4e5;color:#15723b}
.cashbox-badge.expense{background:#fde1e1;color:#b62929}
.cashbox-pos{color:#148142;font-weight:700}
.cashbox-neg{color:#d22b2b;font-weight:700}
.cashbox-voided{opacity:.5;text-decoration:line-through}
.cashbox-voided small{display:block;text-decoration:none;color:#8d2b2b}
.cashbox-empty{text-align:center;color:#758291}
.cashbox-closed{background:#fff3d7;padding:12px;border-radius:9px}
.cashbox-close-summary>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #edf1f5}
.cashbox-hint{font-size:13px;color:#6c7988;line-height:1.45}
@media(max-width:900px){
  .cashbox-cards{grid-template-columns:1fr 1fr}
  .cashbox-grid{grid-template-columns:1fr}
  .cashbox-top{align-items:stretch;flex-direction:column}
  .cashbox-date-form{align-items:stretch}
  .cashbox-two{grid-template-columns:1fr}
}
@media(max-width:520px){
  .cashbox-cards{grid-template-columns:1fr}
  .cashbox-top h1{font-size:25px}
}
@media print{
  .sidebar,.topbar,.cashbox-txn-form,.cashbox-date-form,.cashbox-ghost,.cashbox-danger{display:none!important}
  .app-content,.content{margin:0!important;padding:0!important}
  .cashbox-panel,.cashbox-card{box-shadow:none}
  .cashbox-grid{grid-template-columns:1fr}
}