.tracker-page-wrapper{min-height:100vh;background:var(--pf-color-page-tool)}.tracker-page-container{max-width:var(--pf-width-container);margin:0 auto;padding:var(--pf-space-container)}.tracker-section{gap:var(--pf-space-lg)}.tracker-header,.tracker-section{display:flex;flex-direction:column}.tracker-header{align-items:center;text-align:center;gap:var(--pf-space-md);padding-top:var(--pf-space-md)}.tracker-badge{display:inline-flex;align-items:center;gap:var(--pf-space-xs);padding:var(--pf-space-xs) var(--pf-space-sm);border:1px solid var(--pf-color-border-primary);border-radius:var(--pf-radius-pill);font-size:var(--pf-text-badge);font-weight:400;text-transform:uppercase;background:var(--pf-color-surface);color:var(--pf-text-body);pointer-events:none}.tracker-badge-icon{width:16px;height:16px}.tracker-view-toggle-container{display:flex;justify-content:center}.tracker-view-toggle{display:flex;gap:var(--pf-space-xxs);padding:var(--pf-space-xxs);background:var(--pf-color-surface);border:1px solid var(--pf-color-border-secondary);border-radius:var(--pf-radius-pill);overflow-x:auto;scrollbar-width:none}.tracker-view-toggle::-webkit-scrollbar{display:none}.tracker-view-button{display:flex;align-items:center;gap:var(--pf-space-xs);padding:var(--pf-space-xs) var(--pf-space-md);border:none;border-radius:var(--pf-radius-pill);font-size:var(--pf-text-sm);font-weight:500;white-space:nowrap;background:transparent;color:var(--pf-text-body);transition:all var(--pf-motion-fast);cursor:pointer}.tracker-view-button:hover{background:var(--pf-color-surface-hover)}.tracker-view-button-active{background:#2563eb;color:var(--pf-text-inverse)}.tracker-view-button-icon{width:16px;height:16px}.tracker-summary-grid{display:grid;gap:var(--pf-space-lg);grid-template-columns:1fr}@media (min-width:1024px){.tracker-summary-grid{grid-template-columns:repeat(3,1fr)}}.tracker-summary-card{padding:var(--pf-space-lg);border:1px solid var(--pf-color-border-strong);border-radius:var(--pf-radius-card-lg);background:var(--pf-color-surface);cursor:pointer;transition:all var(--pf-motion-fast)}.tracker-summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px -4px rgba(15,23,42,.1)}.tracker-summary-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--pf-space-md)}.tracker-summary-card-title{font-size:var(--pf-text-xl);font-weight:600;color:var(--pf-text-primary)}.tracker-summary-card-badge{padding:var(--pf-space-xxs) var(--pf-space-sm);border-radius:var(--pf-radius-md);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.tracker-summary-card-badge-blue{background:#2563eb;color:var(--pf-text-inverse)}.tracker-summary-card-badge-emerald{background:#059669;color:var(--pf-text-inverse)}.tracker-summary-card-badge-purple{background:var(--pf-blue);color:var(--pf-text-inverse)}.tracker-metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--pf-space-lg) var(--pf-space-xl);margin-bottom:var(--pf-space-sm)}.tracker-metric-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--pf-text-label);margin-bottom:var(--pf-space-xxs)}.tracker-metric-value{font-size:var(--pf-text-sm);font-weight:500;color:var(--pf-text-primary)}.tracker-metric-value-emerald{color:#047857}.tracker-metric-value-amber{color:#d97706}.tracker-metric-value-red{color:#dc2626}.tracker-summary-card-description{font-size:var(--pf-text-sm);color:var(--pf-text-body)}.tracker-empty-state{padding:var(--pf-space-xl) var(--pf-space-xxl);display:flex;flex-direction:column;align-items:center;gap:var(--pf-space-lg);text-align:center;border:1px solid var(--pf-color-border-primary);border-radius:var(--pf-radius-card-lg);background:var(--pf-color-surface)}.tracker-empty-state-icon-wrapper{display:flex;align-items:center;justify-content:center;padding:var(--pf-space-lg);border-radius:var(--pf-radius-circle);background:var(--pf-color-surface-hover)}.tracker-empty-state-icon{width:48px;height:48px;color:var(--pf-text-disabled)}.tracker-empty-state-title{font-size:var(--pf-text-xl);font-weight:600;color:var(--pf-text-primary);margin-bottom:var(--pf-space-xs)}.tracker-empty-state-description{font-size:var(--pf-text-base);color:var(--pf-text-body);max-width:448px}.tracker-peptides-grid{display:grid;gap:var(--pf-space-lg);grid-template-columns:1fr}@media (min-width:768px){.tracker-peptides-grid{grid-template-columns:1fr}}@media (min-width:1024px){.tracker-peptides-grid{grid-template-columns:repeat(2,1fr)}}.tracker-peptide-card{padding:var(--pf-space-lg);border:1px solid var(--pf-color-border-strong);border-radius:var(--pf-radius-card-lg);background:var(--pf-color-surface)}.tracker-peptide-card-header{margin-bottom:var(--pf-space-md)}.tracker-peptide-card-badges{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--pf-space-xs);margin-left:-1px}.tracker-peptide-category-badge{border:1px solid #93c5fd;background:#dbeafe;color:#1e3a8a}.tracker-peptide-category-badge,.tracker-peptide-status-badge{padding:var(--pf-space-xxs) var(--pf-space-sm);border-radius:var(--pf-radius-md);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.tracker-peptide-status-badge{color:var(--pf-text-inverse)}.tracker-peptide-status-badge-insufficient{background:#dc2626}.tracker-peptide-status-badge-warning{background:#d97706}.tracker-peptide-status-badge-sufficient{background:#059669}.tracker-peptide-card-title{font-size:var(--pf-text-xl);font-weight:600;color:var(--pf-text-primary)}.tracker-peptide-section{margin-bottom:var(--pf-space-sm)}.tracker-peptide-section-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--pf-text-label);margin-bottom:var(--pf-space-xxs)}.tracker-peptide-section-text{font-size:var(--pf-text-sm);line-height:1.6;color:var(--pf-text-body)}.tracker-peptide-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--pf-space-sm) var(--pf-space-xl);margin-bottom:var(--pf-space-md)}.tracker-peptide-info-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--pf-text-label);margin-bottom:var(--pf-space-xxs)}.tracker-peptide-info-value{font-size:var(--pf-text-sm);font-weight:500;color:var(--pf-text-primary)}.tracker-peptide-info-value-red{color:#dc2626}.tracker-progress-wrapper{margin-bottom:var(--pf-space-md)}.tracker-progress-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--pf-text-label)}.tracker-progress-bar-container,.tracker-progress-label{margin-bottom:var(--pf-space-xs)}.tracker-progress-bar-track{width:100%;height:8px;background:var(--pf-color-border-secondary);border-radius:var(--pf-radius-pill);overflow:hidden}.tracker-progress-bar-fill{height:100%;background:#2563eb;border-radius:var(--pf-radius-pill);transition:width var(--pf-motion-medium)}.tracker-progress-labels{display:flex;justify-content:space-between;font-size:var(--pf-text-xs);color:var(--pf-text-body)}.tracker-supply-alert{margin-bottom:var(--pf-space-md);padding:var(--pf-space-md);border:1px solid #fbbf24;border-radius:var(--pf-radius-md);background:rgba(254,243,199,.5)}.tracker-supply-alert-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#b45309;margin-bottom:var(--pf-space-xs)}.tracker-supply-alert-list{display:flex;flex-direction:column;gap:var(--pf-space-xxs);font-size:var(--pf-text-sm);color:var(--pf-text-body)}.tracker-action-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--pf-space-sm)}.tracker-action-button{padding:var(--pf-space-xs) var(--pf-space-sm);border-radius:var(--pf-radius-md);font-size:var(--pf-text-sm);font-weight:500;text-align:center;transition:all var(--pf-motion-fast);cursor:pointer}.tracker-action-button-primary{border:1px solid #93c5fd;background:#dbeafe;color:#1e40af}.tracker-action-button-primary:hover{background:#bfdbfe}.tracker-action-button-secondary{border:1px solid var(--pf-color-border-strong);background:var(--pf-color-surface);color:var(--pf-text-body)}.tracker-action-button-secondary:hover{background:var(--pf-color-surface-hover)}.tracker-protocols-summary-grid{display:grid;gap:var(--pf-space-lg);grid-template-columns:1fr}@media (min-width:1024px){.tracker-protocols-summary-grid{grid-template-columns:repeat(3,1fr)}}.tracker-protocols-card{padding:var(--pf-space-lg);border:1px solid rgba(226,232,240,.7);border-radius:var(--pf-radius-card-lg);background:rgba(255,255,255,.95);box-shadow:0 2px 8px -2px rgba(15,23,42,.08)}.tracker-protocols-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--pf-space-md)}.tracker-protocols-card-title{font-size:var(--pf-text-lg);font-weight:600;color:var(--pf-text-primary);margin-bottom:var(--pf-space-xs)}.tracker-protocols-card-type-badge{padding:var(--pf-space-xxs) var(--pf-space-xs);border:1px solid #bfdbfe;border-radius:var(--pf-radius-sm);background:#eff6ff;font-size:var(--pf-text-xs);color:#1e40af}.tracker-protocols-card-count-badge{padding:var(--pf-space-xxs) var(--pf-space-sm);border-radius:var(--pf-radius-pill);background:#dbeafe;font-size:var(--pf-text-xs);font-weight:600;color:#1e40af;pointer-events:none}.tracker-protocols-metrics{display:flex;flex-direction:column;gap:var(--pf-space-xs)}.tracker-protocols-metric-row{display:flex;align-items:center;justify-content:space-between;padding:var(--pf-space-xs) 0;border-bottom:1px solid var(--pf-color-border-primary)}.tracker-protocols-metric-row:last-child{border-bottom:none}.tracker-protocols-metric-label{font-size:var(--pf-text-sm);color:var(--pf-text-body)}.tracker-protocols-metric-value{font-family:ui-monospace,monospace;font-size:var(--pf-text-sm);font-weight:500;color:var(--pf-text-primary)}.tracker-protocols-metric-value-emerald{color:#047857}.tracker-protocols-metric-value-amber{color:#d97706}.tracker-protocols-metric-value-red{color:#dc2626}.tracker-budget-stats-grid{display:grid;gap:var(--pf-space-md);grid-template-columns:1fr}@media (min-width:768px){.tracker-budget-stats-grid{grid-template-columns:repeat(3,1fr)}}.tracker-budget-stat-card{padding:var(--pf-space-md) var(--pf-space-lg);border:1px solid var(--pf-color-border-strong);border-radius:var(--pf-radius-md);background:var(--pf-color-surface)}.tracker-budget-stat-label{font-size:var(--pf-text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--pf-text-label);margin-bottom:var(--pf-space-xxs)}.tracker-budget-stat-value{font-size:var(--pf-text-2xl);font-weight:600;font-feature-settings:"tnum" 1,"lnum" 1;color:var(--pf-text-primary)}.tracker-timeline-section{display:flex;flex-direction:column;gap:var(--pf-space-md)}.tracker-timeline-header{margin-left:var(--pf-space-xxs)}.tracker-timeline-title{font-size:var(--pf-text-lg);font-weight:600;color:var(--pf-text-primary);margin-bottom:var(--pf-space-xxs)}.tracker-timeline-subtitle{font-size:var(--pf-text-sm);color:var(--pf-text-body);margin-bottom:var(--pf-space-md)}.tracker-timeline-all-stocked{padding:var(--pf-space-md) var(--pf-space-lg);display:flex;align-items:center;gap:var(--pf-space-sm);border:1px solid #86efac;border-radius:var(--pf-radius-md);background:#dcfce7}.tracker-timeline-all-stocked-icon{width:20px;height:20px;flex-shrink:0;color:#16a34a}.tracker-timeline-all-stocked-title{font-size:var(--pf-text-sm);font-weight:600;color:var(--pf-text-primary)}.tracker-timeline-all-stocked-description{font-size:var(--pf-text-xs);color:var(--pf-text-body)}.tracker-timeline-list{display:flex;flex-direction:column;gap:var(--pf-space-md)}.tracker-timeline-item{padding:var(--pf-space-md) var(--pf-space-lg);border:1px solid var(--pf-color-border-strong);border-radius:var(--pf-radius-md);background:var(--pf-color-surface)}.tracker-timeline-item-grid{display:grid;grid-template-columns:auto 1fr auto;gap:var(--pf-space-xl);align-items:center}.tracker-timeline-item-info{display:flex;align-items:center;gap:var(--pf-space-xl)}.tracker-timeline-item-field{display:flex;flex-direction:column}.tracker-timeline-item-label{font-size:var(--pf-text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--pf-text-label);margin-bottom:var(--pf-space-xxs)}.tracker-timeline-item-value{font-size:var(--pf-text-lg);font-weight:600;color:var(--pf-text-primary)}.tracker-timeline-item-value-sm{font-size:var(--pf-text-sm);font-weight:600;color:var(--pf-text-primary)}.tracker-timeline-item-badge{padding:var(--pf-space-xxs) var(--pf-space-sm);border-radius:var(--pf-radius-md);font-size:var(--pf-text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--pf-text-inverse)}.tracker-timeline-item-badge-urgent{background:#dc2626}.tracker-timeline-item-badge-planned{background:#2563eb}.tracker-purchases-section{display:flex;flex-direction:column;gap:var(--pf-space-md)}.tracker-purchases-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--pf-space-md);margin-left:var(--pf-space-xxs)}.tracker-purchases-header-info{display:flex;flex-direction:column}.tracker-purchases-title{font-size:var(--pf-text-lg);font-weight:600;color:var(--pf-text-primary);margin-bottom:var(--pf-space-xxs)}.tracker-purchases-subtitle{font-size:var(--pf-text-sm);color:var(--pf-text-body)}.tracker-purchases-button{padding:var(--pf-space-sm) var(--pf-space-lg);border:none;border-radius:var(--pf-radius-md);background:#2563eb;font-size:var(--pf-text-sm);font-weight:600;color:var(--pf-text-inverse);cursor:pointer;transition:all var(--pf-motion-fast)}.tracker-purchases-button:hover{background:#1d4ed8}.tracker-purchases-list{display:flex;flex-direction:column;gap:var(--pf-space-md)}.tracker-purchase-card{padding:var(--pf-space-md) var(--pf-space-lg);border:1px solid var(--pf-color-border-strong);border-radius:var(--pf-radius-md);background:var(--pf-color-surface)}.tracker-purchase-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--pf-space-xl);margin-bottom:var(--pf-space-md)}.tracker-purchase-card-header-left{flex:1}.tracker-purchase-card-rationale{font-size:var(--pf-text-xs);color:var(--pf-text-label);margin-bottom:var(--pf-space-xxs)}.tracker-purchase-card-name{font-size:var(--pf-text-base);font-weight:600;color:var(--pf-text-primary)}.tracker-purchase-card-header-right{display:flex;align-items:center;gap:var(--pf-space-sm)}.tracker-purchase-card-cost-wrapper{text-align:right}.tracker-purchase-card-cost{font-size:var(--pf-text-lg);font-weight:600;color:var(--pf-text-primary)}.tracker-purchase-card-weeks{font-size:var(--pf-text-xs);color:var(--pf-text-label)}.tracker-purchase-card-priority-badge{padding:var(--pf-space-xxs) var(--pf-space-sm);border-radius:var(--pf-radius-md);font-size:var(--pf-text-xs);font-weight:600;text-transform:uppercase;color:var(--pf-text-inverse)}.tracker-purchase-card-priority-high{background:#d97706}.tracker-purchase-card-priority-medium{background:#2563eb}.tracker-purchase-card-priority-low{background:#64748b}.tracker-purchase-card-details{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--pf-space-xl);font-size:var(--pf-text-sm)}.tracker-purchase-card-detail{display:flex;align-items:baseline;justify-content:space-between}.tracker-purchase-card-detail-label{color:var(--pf-text-body)}.tracker-purchase-card-detail-value{font-weight:600;color:var(--pf-text-primary)}.tracker-integration-card{padding:var(--pf-space-lg) var(--pf-space-xl);border:1px solid rgba(226,232,240,.7);border-radius:var(--pf-radius-card-lg);background:rgba(255,255,255,.95);box-shadow:0 2px 8px -2px rgba(15,23,42,.08)}.tracker-integration-title{font-size:var(--pf-text-lg);font-weight:600;color:#2563eb;margin-bottom:var(--pf-space-md)}.tracker-integration-links-grid{display:grid;gap:var(--pf-space-md);grid-template-columns:1fr}@media (min-width:768px){.tracker-integration-links-grid{grid-template-columns:repeat(2,1fr)}}.tracker-integration-link{display:flex;align-items:center;gap:var(--pf-space-sm);padding:var(--pf-space-md);border-radius:var(--pf-radius-md);text-decoration:none;transition:all var(--pf-motion-fast)}.tracker-integration-link-emerald{border:1px solid #a7f3d0;background:rgba(209,250,229,.5)}.tracker-integration-link-emerald:hover{background:rgba(167,243,208,.5)}.tracker-integration-link-blue{border:1px solid #bfdbfe;background:rgba(239,246,255,.5)}.tracker-integration-link-blue:hover{background:rgba(191,219,254,.5)}.tracker-integration-link-icon{width:20px;height:20px;flex-shrink:0}.tracker-integration-link-icon-emerald{color:#059669}.tracker-integration-link-icon-blue{color:#2563eb}.tracker-integration-link-title{font-weight:600;color:var(--pf-text-primary)}.tracker-integration-link-description{font-size:var(--pf-text-sm);color:var(--pf-text-body)}