.tracking-page { display: grid; gap: 22px; }
.tracking-page .page-heading h2 { margin: 3px 0 6px; font-size: 27px; }
.tracking-page .page-heading p { margin: 0; color: var(--text-secondary); }
.tracking-page .eyebrow { color: var(--accent); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.tracking-filters { display: grid; grid-template-columns: minmax(220px, 2fr) repeat(5, minmax(130px, 1fr)); gap: 12px; padding: 18px; border: 1px solid var(--border); border-radius: var(--radius-medium); background: var(--surface); }
.tracking-filters label { display: grid; gap: 6px; color: var(--text-secondary); font-size: 12px; font-weight: 600; }
.tracking-filters input, .tracking-filters select { width: 100%; min-height: 40px; padding: 0 10px; border: 1px solid var(--border); border-radius: 8px; background: var(--surface); color: var(--text-primary); }
.tracking-filter-actions { display: flex; grid-column: 1 / -1; justify-content: flex-end; gap: 9px; }
.tracking-filter-actions button, .tracking-action { min-height: 38px; padding: 0 13px; border-radius: 8px; font-weight: 600; }
.tracking-filter-actions .primary-button, .tracking-action { border: 0; background: var(--accent); color: white; }
.tracking-filter-actions .secondary-button { border: 1px solid var(--border); background: var(--surface); color: var(--text-secondary); }
.tracking-summary { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.tracking-summary article { padding: 18px; border: 1px solid var(--border); border-radius: var(--radius-medium); background: var(--surface); }
.tracking-summary span { display: block; color: var(--text-secondary); font-size: 12px; }
.tracking-summary strong { display: block; margin-top: 8px; font-size: 24px; }
.tracking-table-card { overflow-x: auto; }
.tracking-table-card table { width: 100%; border-collapse: collapse; }
.tracking-table-card th, .tracking-table-card td { padding: 14px; border-bottom: 1px solid var(--border); text-align: left; vertical-align: middle; }
.tracking-table-card th { color: var(--text-secondary); font-size: 11px; letter-spacing: .04em; text-transform: uppercase; }
.tracking-client-name { font-weight: 650; }
.tracking-muted { margin-top: 3px; color: var(--text-tertiary); font-size: 12px; }
.tracking-badge { display: inline-flex; padding: 5px 8px; border-radius: 999px; background: var(--accent-soft); color: var(--accent); font-size: 11px; font-weight: 650; }
.tracking-modal-grid { display: grid; gap: 20px; }
.tracking-client-header { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.tracking-client-header article { padding: 12px; border-radius: 10px; background: var(--surface-secondary); }
.tracking-client-header span { display: block; color: var(--text-secondary); font-size: 11px; }
.tracking-client-header strong { display: block; margin-top: 5px; }
.tracking-form { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.tracking-form label { display: grid; gap: 6px; color: var(--text-secondary); font-size: 12px; font-weight: 600; }
.tracking-form input, .tracking-form select, .tracking-form textarea { width: 100%; padding: 10px; border: 1px solid var(--border); border-radius: 8px; }
.tracking-form textarea, .tracking-form .wide { grid-column: 1 / -1; }
.tracking-form button { grid-column: 1 / -1; min-height: 42px; border: 0; border-radius: 8px; background: var(--accent); color: white; font-weight: 650; }
.tracking-history { display: grid; gap: 10px; max-height: 280px; overflow-y: auto; }
.tracking-history article { padding: 13px; border-left: 3px solid var(--accent); border-radius: 0 9px 9px 0; background: var(--surface-secondary); }
.tracking-history p { margin: 7px 0; white-space: pre-wrap; }
@media (max-width: 1100px) { .tracking-filters { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 700px) { .tracking-filters, .tracking-summary, .tracking-client-header, .tracking-form { grid-template-columns: 1fr; } }