.tracker-v3-page{min-height:100vh;background:var(--color-surface-primary)}.tracker-v3-view-toggle{display:flex;justify-content:center}.tracker-v3-view-toggle__container{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;padding:var(--space-1);background:var(--color-surface-primary);border-radius:9999px;border:1px solid var(--color-border-subtle)}.tracker-v3-view-toggle__container::-webkit-scrollbar{display:none}.tracker-v3-view-toggle__button{display:flex;align-items:center;gap:var(--space-2);border-radius:9999px;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-normal);white-space:nowrap;border:none;cursor:pointer}.tracker-v3-view-toggle__button--active{background:var(--color-primary);color:var(--color-text-contrast)}.tracker-v3-view-toggle__button--inactive{background:transparent;color:var(--color-text-secondary)}.tracker-v3-view-toggle__button--inactive:hover{background:var(--color-surface-secondary)}.tracker-v3-view-toggle__icon{width:1rem;height:1rem}.tracker-v3-summary-grid{display:grid;gap:var(--space-6);grid-template-columns:1fr}@media (min-width:1024px){.tracker-v3-summary-grid{grid-template-columns:repeat(3,1fr)}}.tracker-v3-summary-card{border-radius:var(--radius-card);border:1px solid var(--color-border-default);background:var(--color-surface-primary);padding:var(--space-6);cursor:pointer;transition:all var(--transition-normal)}.tracker-v3-summary-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.tracker-v3-summary-card__header{margin-bottom:var(--space-5)}.tracker-v3-summary-card__title-row{display:flex;align-items:center;justify-content:space-between}.tracker-v3-summary-card__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary)}.tracker-v3-summary-card__badge{border-radius:var(--radius-md);padding:var(--space-1) var(--space-2-5);font-size:.625rem;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em}.tracker-v3-summary-card__badge--primary{background:var(--color-primary);color:var(--color-text-contrast)}.tracker-v3-summary-card__badge--success{background:var(--color-success);color:var(--color-text-contrast)}.tracker-v3-summary-card__badge--warning{background:var(--color-warning);color:var(--color-text-contrast)}.tracker-v3-summary-card__metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6) var(--space-6);margin-bottom:var(--space-3)}.tracker-v3-summary-card__metric-label{margin-bottom:var(--space-1);font-size:.625rem;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.tracker-v3-summary-card__metric-value{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.tracker-v3-summary-card__metric-value--success{color:var(--color-success-dark)}.tracker-v3-summary-card__metric-value--warning{color:var(--color-warning-dark)}.tracker-v3-summary-card__metric-value--error{color:var(--color-error)}.tracker-v3-summary-card__description{font-size:var(--text-sm);color:var(--color-text-secondary)}.tracker-v3-empty{padding:var(--space-8) var(--space-8) var(--space-16);display:flex;flex-direction:column;align-items:center;gap:var(--space-6);text-align:center}.tracker-v3-empty__icon-wrapper{border-radius:9999px;background:var(--color-surface-secondary);padding:var(--space-6)}.tracker-v3-empty__icon{width:3rem;height:3rem;color:var(--color-text-tertiary)}.tracker-v3-empty__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.tracker-v3-empty__description{color:var(--color-text-secondary);max-width:28rem}.tracker-v3-peptides-grid{display:grid;gap:var(--space-6);grid-template-columns:1fr}@media (min-width:768px){.tracker-v3-peptides-grid{grid-template-columns:1fr}}@media (min-width:1024px){.tracker-v3-peptides-grid{grid-template-columns:repeat(2,1fr)}}.tracker-v3-peptide-card{border-radius:var(--radius-card);border:1px solid var(--color-border-default);background:var(--color-surface-primary);padding:var(--space-6)}.tracker-v3-peptide-card__header{margin-bottom:var(--space-4)}.tracker-v3-peptide-card__badges{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);margin-left:-1px}.tracker-v3-peptide-card__category-badge{border-radius:var(--radius-md);padding:var(--space-0-5) var(--space-2-5);border:1px solid var(--color-primary-light);background:var(--color-primary-light-bg);color:var(--color-primary-dark)}.tracker-v3-peptide-card__category-badge,.tracker-v3-peptide-card__status-badge{font-size:.625rem;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em}.tracker-v3-peptide-card__status-badge{border-radius:var(--radius-md);padding:var(--space-1) var(--space-2-5)}.tracker-v3-peptide-card__status-badge--insufficient{background:var(--color-error);color:var(--color-text-contrast)}.tracker-v3-peptide-card__status-badge--warning{background:var(--color-warning);color:var(--color-text-contrast)}.tracker-v3-peptide-card__status-badge--sufficient{background:var(--color-success);color:var(--color-text-contrast)}.tracker-v3-peptide-card__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary)}.tracker-v3-peptide-card__section{margin-bottom:var(--space-3)}.tracker-v3-peptide-card__section-label{margin-bottom:var(--space-1);font-size:.625rem;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.tracker-v3-peptide-card__section-text{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.tracker-v3-peptide-card__protocol-grid{margin-bottom:var(--space-4);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6) var(--space-6)}.tracker-v3-peptide-card__protocol-item-label{margin-bottom:var(--space-1);font-size:.625rem;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.tracker-v3-peptide-card__protocol-item-value{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.tracker-v3-cycle-progress{margin-bottom:var(--space-4)}.tracker-v3-cycle-progress__label{margin-bottom:var(--space-2);font-size:.625rem;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.tracker-v3-cycle-progress__bar-wrapper{margin-bottom:var(--space-2)}.tracker-v3-cycle-progress__bar-bg{width:100%;background:var(--color-surface-tertiary);border-radius:9999px;height:.5rem}.tracker-v3-cycle-progress__bar-fill{background:var(--color-primary);height:.5rem;border-radius:9999px;transition:width var(--transition-normal)}.tracker-v3-cycle-progress__labels{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-text-secondary)}.tracker-v3-supply-alert{margin-bottom:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-warning-light);background:color-mix(in oklch,var(--color-warning-light) 20%,transparent);padding:var(--space-4)}.tracker-v3-supply-alert__label{margin-bottom:var(--space-2);font-size:.625rem;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-warning-dark)}.tracker-v3-supply-alert__list{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-secondary)}.tracker-v3-action-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.tracker-v3-action-button{border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-normal);cursor:pointer}.tracker-v3-action-button--primary{border:1px solid var(--color-primary-light);background:var(--color-primary-light-bg);color:var(--color-primary-dark)}.tracker-v3-action-button--primary:hover{background:var(--color-primary-light-hover)}.tracker-v3-action-button--secondary{border:1px solid var(--color-border-default);background:var(--color-surface-primary);color:var(--color-text-secondary)}.tracker-v3-action-button--secondary:hover{background:var(--color-surface-secondary)}.tracker-v3-protocols-card{border-radius:var(--radius-card);border:1px solid color-mix(in oklch,var(--color-border-subtle) 70%,transparent);background:color-mix(in oklch,var(--color-surface-primary) 95%,transparent);padding:var(--space-6);box-shadow:0 2px 8px -2px rgba(15,23,42,.08)}.tracker-v3-protocols-card__header{display:flex;align-items:start;justify-content:space-between;margin-bottom:var(--space-4)}.tracker-v3-protocols-card__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.tracker-v3-protocols-card__badge{border:1px solid var(--color-primary-light);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2)}.tracker-v3-protocols-card__badge,.tracker-v3-protocols-card__count-badge{font-size:var(--text-xs);background:var(--color-primary-light-bg);color:var(--color-primary-dark)}.tracker-v3-protocols-card__count-badge{border-radius:9999px;padding:var(--space-1) var(--space-3);font-weight:var(--font-semibold);pointer-events:none}.tracker-v3-protocols-card__metrics{display:flex;flex-direction:column;gap:var(--space-2)}.tracker-v3-protocols-card__metric-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-subtle)}.tracker-v3-protocols-card__metric-row:last-child{border-bottom:none}.tracker-v3-protocols-card__metric-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.tracker-v3-protocols-card__metric-value{font-size:var(--text-sm);font-family:var(--font-mono);font-weight:var(--font-medium);color:var(--color-text-primary)}.tracker-v3-budget-stats{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media (min-width:768px){.tracker-v3-budget-stats{grid-template-columns:repeat(3,1fr)}}.tracker-v3-budget-stat-card{border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface-primary);padding:var(--space-5) var(--space-5) var(--space-4)}.tracker-v3-budget-stat-card__label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary);margin-bottom:var(--space-1)}.tracker-v3-budget-stat-card__value{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text-primary)}.tracker-v3-supply-timeline{margin-bottom:var(--space-10)}.tracker-v3-supply-timeline__header{margin-bottom:var(--space-5);margin-left:var(--space-1)}.tracker-v3-supply-timeline__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.tracker-v3-supply-timeline__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.tracker-v3-supply-timeline__empty{border-radius:var(--radius-md);border:1px solid var(--color-success-light);background:var(--color-success-light-bg);padding:var(--space-5) var(--space-5) var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.tracker-v3-supply-timeline__empty-icon{width:1.25rem;height:1.25rem;color:var(--color-success);flex-shrink:0}.tracker-v3-supply-timeline__empty-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.tracker-v3-supply-timeline__empty-description{font-size:var(--text-xs);color:var(--color-text-secondary)}.tracker-v3-supply-timeline__list{display:flex;flex-direction:column;gap:var(--space-5)}.tracker-v3-supply-timeline-item{border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface-primary);padding:var(--space-5) var(--space-5) var(--space-4)}.tracker-v3-supply-timeline-item__grid{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-6);align-items:center}.tracker-v3-supply-timeline-item__info{display:flex;align-items:center;gap:var(--space-6)}.tracker-v3-supply-timeline-item__info-label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-tertiary);margin-bottom:var(--space-1)}.tracker-v3-supply-timeline-item__info-value{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.tracker-v3-supply-timeline-item__info-value--sm{font-size:var(--text-sm)}.tracker-v3-supply-timeline-item__badge{border-radius:var(--radius-md);padding:var(--space-1-5) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em}.tracker-v3-supply-timeline-item__badge--urgent{background:var(--color-error);color:var(--color-text-contrast)}.tracker-v3-supply-timeline-item__badge--planned{background:var(--color-primary);color:var(--color-text-contrast)}.tracker-v3-purchases{margin-bottom:var(--space-10)}.tracker-v3-purchases__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.tracker-v3-purchases__header-left{margin-left:var(--space-1)}.tracker-v3-purchases__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.tracker-v3-purchases__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.tracker-v3-purchases__create-button{border-radius:var(--radius-md);background:var(--color-primary);padding:var(--space-2-5) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-contrast);border:none;cursor:pointer;transition:all var(--transition-normal)}.tracker-v3-purchases__create-button:hover{background:var(--color-primary-hover)}.tracker-v3-purchases__list{display:flex;flex-direction:column;gap:var(--space-5)}.tracker-v3-purchase-card{border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface-primary);padding:var(--space-5) var(--space-5) var(--space-4)}.tracker-v3-purchase-card__header{display:flex;align-items:start;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-4)}.tracker-v3-purchase-card__content{flex:1}.tracker-v3-purchase-card__rationale{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-1)}.tracker-v3-purchase-card__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary)}.tracker-v3-purchase-card__meta{display:flex;align-items:center;gap:var(--space-3)}.tracker-v3-purchase-card__cost-info{text-align:right}.tracker-v3-purchase-card__cost{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.tracker-v3-purchase-card__duration{font-size:var(--text-xs);color:var(--color-text-tertiary)}.tracker-v3-purchase-card__priority-badge{border-radius:var(--radius-md);padding:var(--space-1) var(--space-2-5);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase}.tracker-v3-purchase-card__priority-badge--high{background:var(--color-warning);color:var(--color-text-contrast)}.tracker-v3-purchase-card__priority-badge--medium{background:var(--color-primary);color:var(--color-text-contrast)}.tracker-v3-purchase-card__priority-badge--low{background:var(--color-text-tertiary);color:var(--color-text-contrast)}.tracker-v3-purchase-card__details{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);font-size:var(--text-sm)}.tracker-v3-purchase-card__detail{display:flex;align-items:baseline;justify-content:space-between}.tracker-v3-purchase-card__detail-label{color:var(--color-text-secondary)}.tracker-v3-purchase-card__detail-value{font-weight:var(--font-semibold);color:var(--color-text-primary)}.tracker-v3-integration{border-radius:var(--radius-card);border:1px solid color-mix(in oklch,var(--color-border-subtle) 70%,transparent);background:color-mix(in oklch,var(--color-surface-primary) 95%,transparent);padding:var(--space-6) var(--space-6) var(--space-8);box-shadow:0 2px 8px -2px rgba(15,23,42,.08)}.tracker-v3-integration__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-primary);margin-bottom:var(--space-4)}.tracker-v3-integration__grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media (min-width:768px){.tracker-v3-integration__grid{grid-template-columns:repeat(2,1fr)}}.tracker-v3-integration-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-success-light);background:color-mix(in oklch,var(--color-success-light) 20%,transparent);transition:all var(--transition-normal);text-decoration:none}.tracker-v3-integration-link:hover{background:color-mix(in oklch,var(--color-success-light) 40%,transparent)}.tracker-v3-integration-link--primary{border-color:var(--color-primary-light);background:color-mix(in oklch,var(--color-primary-light) 20%,transparent)}.tracker-v3-integration-link--primary:hover{background:color-mix(in oklch,var(--color-primary-light) 40%,transparent)}.tracker-v3-integration-link__icon{width:1.25rem;height:1.25rem;color:var(--color-success)}.tracker-v3-integration-link__icon--primary{color:var(--color-primary)}.tracker-v3-integration-link__title{font-weight:var(--font-semibold);color:var(--color-text-primary)}.tracker-v3-integration-link__description{font-size:var(--text-sm);color:var(--color-text-secondary)}.tracker-v3-filter{display:flex;align-items:center;justify-content:flex-end}.tracker-v3-selection-grid{display:grid;gap:var(--space-6);grid-template-columns:1fr}@media (min-width:768px){.tracker-v3-selection-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.tracker-v3-selection-grid{grid-template-columns:repeat(3,1fr)}}.tracker-v3-protocols-empty{text-align:center;padding:var(--space-12) 0}.tracker-v3-protocols-empty__icon{width:3rem;height:3rem;color:var(--color-primary-light);margin:0 auto var(--space-4)}.tracker-v3-protocols-empty__title{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.tracker-v3-protocols-empty__description{font-size:var(--text-sm);color:var(--color-text-secondary)}@media (min-width:768px){.tracker-v3-protocols-empty__description{font-size:var(--text-base)}}