.tracking-panel { margin: 16px 0; padding: 18px; border: 1px solid #dfe3f0; border-radius: 14px; background: #fff; color: #26304b }
.tracking-heading { cursor: pointer; font-size: 17px; font-weight: 650 }
.tracking-period, .tracking-allowances, .tracking-notice { font-size: 13px; line-height: 1.6; color: #58647b }
.tracking-metrics { font-size: 15px; line-height: 1.8; font-weight: 600 }
.tracking-breakdown { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; font-size: 13px; line-height: 1.7 }
.tracking-actions { display: flex; gap: 8px; flex-wrap: wrap; margin: 14px 0 }
.tracking-list { margin: 12px 0; font-size: 14px }
.tracking-list > summary { cursor: pointer; font-weight: 600 }
.tracking-list-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #eef0f7; padding: 10px 0 }
.tracking-list-row > span { overflow-wrap: anywhere }
.tracking-list-row > button { flex-shrink: 0; max-width: 52%; white-space: normal; text-align: left }
.tracking-dialog { width: min(620px, calc(100vw - 28px)); max-height: 88vh; overflow-y: auto; border: 1px solid #dfe3f0; border-radius: 16px; padding: 22px }
.tracking-dialog::backdrop { background: #19243b70 }
.tracking-dialog form { display: grid; gap: 12px }
.tracking-dialog label { display: grid; gap: 6px; font-size: 13px; color: #45516c }
.tracking-dialog input, .tracking-dialog select, .tracking-dialog textarea { width: 100%; box-sizing: border-box; padding: 10px; border: 1px solid #dfe3f0; border-radius: 7px; background: #fff; color: #26304b }
.tracking-dialog .tracking-check { display: flex; align-items: center }
.tracking-dialog .tracking-check input { width: auto; order: -1 }
.tracking-interval { display: grid; grid-template-columns: 1fr 1fr auto; align-items: end; gap: 8px; margin: 10px 0 }
.tracking-error { color: #a52d50; font-size: 14px }
.tracking-dialog [hidden], .tracking-panel [hidden] { display: none !important }
@media (max-width: 640px) {
  .tracking-breakdown { grid-template-columns: 1fr; gap: 5px }
  .tracking-interval { grid-template-columns: 1fr }
  .tracking-list-row { align-items: flex-start; flex-direction: column }
  .tracking-list-row > button { max-width: 100% }
}