.health-premium-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.75rem}.health-premium-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius, 10px);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;width:100%}.health-premium-btn:hover:not(:disabled){border-color:var(--brand-primary);box-shadow:0 2px 8px rgba(var(--brand-primary-rgb),.15)}.health-premium-btn.active{background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.08),rgba(var(--brand-primary-rgb),.04));border-color:var(--brand-primary)}.health-premium-btn.locked{opacity:.7;cursor:not-allowed}.health-premium-btn.locked:hover{border-color:var(--brand-border);box-shadow:none}.premium-btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--brand-bg);border-radius:8px;color:var(--brand-primary);flex-shrink:0}.health-premium-btn.locked .premium-btn-icon{color:var(--brand-text-muted)}.premium-btn-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.premium-btn-title{font-size:.75rem;font-weight:600;color:var(--brand-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.premium-btn-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.6rem;font-weight:600;color:var(--brand-warning);text-transform:uppercase;letter-spacing:.02em}.premium-btn-arrow{color:var(--brand-text-muted);flex-shrink:0;transition:transform .2s ease}.health-premium-btn:hover:not(:disabled) .premium-btn-arrow{transform:translate(2px);color:var(--brand-primary)}.health-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.625rem;padding:.5rem .625rem;background:var(--brand-surface);border-radius:var(--brand-radius, 10px);border:1px solid var(--brand-border)}.health-header-title{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;color:var(--brand-text-primary)}.health-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 .5rem;background:var(--brand-bg);border-radius:11px;font-size:.7rem;font-weight:700;color:var(--brand-text-secondary)}.health-add-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.4rem .75rem;background:linear-gradient(135deg,var(--brand-success) 0%,#10b981 100%);color:#fff;border:none;border-radius:var(--brand-radius, 8px);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #10b9814d;white-space:nowrap}.health-add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.health-add-btn svg{width:14px;height:14px}.health-add-btn span{display:none}@media(min-width:360px){.health-add-btn span{display:inline}}.health-add-btn-large{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-hover, var(--brand-primary)) 100%);color:var(--brand-text-inverted, #fff);border:none;border-radius:var(--brand-radius-lg, 12px);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px rgba(var(--brand-primary-rgb),.35)}.health-add-btn-large:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--brand-primary-rgb),.45)}.health-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2.5rem 1.5rem}.health-empty-icon{width:56px;height:56px;padding:.875rem;background:var(--brand-bg);border-radius:50%;color:var(--brand-text-muted);margin-bottom:1rem}.health-empty h6{margin:0 0 .375rem;font-size:1rem;font-weight:700;color:var(--brand-text-primary)}.health-empty p{margin:0 0 1.25rem;font-size:.85rem;color:var(--brand-text-muted)}.health-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.health-loading .spinner{width:32px;height:32px;border:3px solid var(--brand-border);border-top-color:var(--brand-primary);border-radius:50%;animation:healthSpin .8s cubic-bezier(.4,0,.2,1) infinite}.health-loading p{margin:0;font-size:.85rem;color:var(--brand-text-muted);font-weight:500}@keyframes healthSpin{to{transform:rotate(360deg)}}.health-timeline{display:flex;flex-direction:column;gap:.5rem}@media(min-width:480px){.health-premium-row{gap:.625rem}.health-premium-btn{padding:.75rem}.premium-btn-icon{width:36px;height:36px}.premium-btn-title{font-size:.8rem}.health-header{padding:.625rem .75rem}.health-header-title{font-size:.85rem}.health-add-btn{padding:.5rem .875rem;font-size:.8rem}.health-add-btn svg{width:15px;height:15px}}@media(min-width:576px){.health-premium-btn{padding:.875rem;gap:.625rem}.premium-btn-icon{width:40px;height:40px}.premium-btn-title{font-size:.85rem}.premium-btn-badge{font-size:.65rem}.health-header-title{font-size:.9rem}.health-count{min-width:24px;height:24px;font-size:.75rem}.health-add-btn{gap:.375rem;padding:.5rem 1rem}.health-timeline{gap:.625rem}}.production-controls{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem;margin-bottom:.75rem;background:var(--brand-surface);border-radius:var(--brand-radius-lg, 14px);border:1px solid var(--brand-border);box-shadow:0 2px 8px #0000000a}.production-controls-left{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.production-view-toggle{display:flex;background:var(--brand-bg);border-radius:var(--brand-radius, 10px);padding:3px;gap:2px;position:relative}.view-toggle-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .75rem;border:none;background:transparent;border-radius:calc(var(--brand-radius, 10px) - 2px);font-size:.75rem;font-weight:600;color:var(--brand-text-secondary);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;z-index:1}.view-toggle-btn svg{width:14px;height:14px;flex-shrink:0;transition:transform .2s ease}.view-toggle-btn:hover:not(.disabled):not(.active){color:var(--brand-text-primary)}.view-toggle-btn:hover:not(.disabled):not(.active) svg{transform:scale(1.1)}.view-toggle-btn.active{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-hover, var(--brand-primary)) 100%);color:var(--brand-text-inverted, #fff);box-shadow:0 2px 8px rgba(var(--brand-primary-rgb),.35)}.view-toggle-btn.disabled{opacity:.4;cursor:not-allowed}.view-toggle-btn span{display:none}@media(min-width:360px){.view-toggle-btn span{display:inline}}.production-filter{position:relative}.production-filter select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--brand-bg);border:none;border-radius:var(--brand-radius, 10px);padding:.5rem 1.75rem .5rem .75rem;font-size:.75rem;font-weight:600;color:var(--brand-text-primary);cursor:pointer;transition:all .2s ease;min-width:70px}.production-filter select:hover{background:var(--brand-border)}.production-filter select:focus{outline:none;box-shadow:0 0 0 2px rgba(var(--brand-primary-rgb),.2)}.filter-chevron{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--brand-text-muted);transition:transform .2s ease}.production-filter:focus-within .filter-chevron{transform:translateY(-50%) rotate(180deg)}.production-add-btn-compact{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem;min-width:36px;height:36px;background:linear-gradient(135deg,var(--brand-success) 0%,#10b981 100%);color:#fff;border:none;border-radius:var(--brand-radius, 10px);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;flex-shrink:0;box-shadow:0 2px 8px #10b9814d}.production-add-btn-compact:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 16px #10b98166}.production-add-btn-compact:active{transform:translateY(0) scale(.98)}.production-add-btn-compact svg{width:18px;height:18px}.add-btn-label{display:none}@media(min-width:420px){.production-add-btn-compact{padding:.5rem .875rem;min-width:auto}.add-btn-label{display:inline}}.production-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem}.production-empty-icon{width:56px;height:56px;padding:1rem;background:var(--brand-bg);border-radius:50%;color:var(--brand-text-muted);margin-bottom:1rem}.production-empty h6{margin:0 0 .375rem;font-size:1rem;font-weight:700;color:var(--brand-text-primary)}.production-empty p{margin:0 0 1.25rem;font-size:.85rem;color:var(--brand-text-muted)}.production-add-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-hover, var(--brand-primary)) 100%);color:var(--brand-text-inverted, #fff);border:none;border-radius:var(--brand-radius-lg, 12px);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px rgba(var(--brand-primary-rgb),.35)}.production-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--brand-primary-rgb),.45)}.production-empty-inline{display:flex;flex-direction:column;align-items:center;gap:.625rem;padding:2rem 1rem;background:var(--brand-surface);border-radius:var(--brand-radius-lg, 14px);border:1px dashed var(--brand-border)}.production-empty-inline svg{color:var(--brand-text-muted);opacity:.5}.production-empty-inline p{margin:0;font-size:.85rem;color:var(--brand-text-muted)}.production-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.production-loading .spinner{width:32px;height:32px;border:3px solid var(--brand-border);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .8s cubic-bezier(.4,0,.2,1) infinite}.production-loading p{margin:0;font-size:.85rem;color:var(--brand-text-muted);font-weight:500}.production-timeline{display:flex;flex-direction:column}.production-records-list{display:flex;flex-direction:column;gap:.625rem}.production-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 .375rem;background:var(--brand-bg);border-radius:10px;font-size:.65rem;font-weight:700;color:var(--brand-text-secondary)}@media(min-width:480px){.production-controls{padding:.625rem;gap:.75rem}.view-toggle-btn{padding:.5rem .875rem;font-size:.8rem}.view-toggle-btn svg{width:15px;height:15px}.production-filter select{padding:.5rem 2rem .5rem .875rem;font-size:.8rem;min-width:85px}.production-add-btn-compact{height:38px;font-size:.8rem}.production-add-btn-compact svg{width:16px;height:16px}}@media(min-width:576px){.production-controls{padding:.5rem .75rem}.view-toggle-btn{padding:.5rem 1rem;gap:.5rem}.production-filter select{min-width:100px}.production-add-btn-compact{padding:.5rem 1rem;gap:.5rem}}.production-filter .filter-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none;z-index:1}.production-filter:has(.filter-icon) select{padding-left:36px}.production-results-info{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8fafc;border-radius:8px;margin-bottom:12px;font-size:13px;color:#64748b}.results-count{font-weight:600;color:#1e293b}.results-filter{color:#64748b}@media(max-width:768px){.production-controls-left{flex-wrap:wrap;gap:8px}.production-filter{min-width:150px}.production-results-info{flex-direction:column;align-items:flex-start;gap:4px}}.production-empty-inline button{margin-top:8px}.offline-banner{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px;font-weight:500}.offline-banner.warning{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.offline-banner.info{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.offline-banner .badge{font-size:12px;padding:4px 8px}.offline-banner .btn-link{padding:0;margin-left:auto;color:inherit;text-decoration:none;display:flex;align-items:center;gap:4px}.offline-banner .btn-link:hover{text-decoration:underline}.nutrition-goal-wizard{background:var(--card-bg, #1e293b);border-radius:12px;border:1px solid var(--border-color, #334155);margin-bottom:1rem;overflow:hidden}.nutrition-goal-wizard.locked{position:relative;min-height:120px}.wizard-locked-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;text-align:center;background:linear-gradient(135deg,#6366f11a,#8b5cf61a)}.wizard-locked-overlay svg{color:#8b5cf6;margin-bottom:.75rem}.wizard-locked-overlay h4{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--text-primary, #f1f5f9)}.wizard-locked-overlay p{margin:0 0 1rem;font-size:.85rem;color:var(--text-muted, #94a3b8)}.upgrade-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.upgrade-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.wizard-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;background:var(--card-bg-alt, #1e293b);cursor:pointer;transition:background .2s ease}.wizard-header:hover{background:var(--hover-bg, #334155)}.wizard-header-content{display:flex;align-items:center;gap:.75rem}.wizard-icon{color:#10b981}.wizard-header-text h4{margin:0;font-size:.95rem;font-weight:600;color:var(--text-primary, #f1f5f9)}.selected-goal-badge{display:inline-block;margin-top:.25rem;padding:.125rem .5rem;background:#10b98126;color:#10b981;border-radius:4px;font-size:.75rem;font-weight:500}.expand-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;color:var(--text-muted, #94a3b8);cursor:pointer;border-radius:6px;transition:all .2s ease}.expand-btn:hover{background:var(--hover-bg, #334155);color:var(--text-primary, #f1f5f9)}.wizard-content{padding:1rem;border-top:1px solid var(--border-color, #334155)}.section-label{display:block;margin-bottom:.625rem;font-size:.85rem;font-weight:500;color:var(--text-secondary, #cbd5e1)}.goal-selection{margin-bottom:1rem}.goal-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem}.goal-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.875rem .5rem;background:var(--input-bg, #0f172a);border:2px solid var(--border-color, #334155);border-radius:10px;cursor:pointer;transition:all .2s ease}.goal-option:hover{border-color:var(--goal-color, #10b981);background:#10b9810d}.goal-option.selected{border-color:var(--goal-color, #10b981);background:#10b9811a;box-shadow:0 0 0 3px #10b98126}.goal-label{font-size:.75rem;font-weight:500;color:var(--text-secondary, #cbd5e1);text-align:center;line-height:1.3}.goal-option.selected .goal-label{color:var(--text-primary, #f1f5f9)}.target-input-section{margin-bottom:1rem}.target-input-wrapper{display:flex;align-items:center;gap:.5rem}.target-input{flex:1;max-width:120px;padding:.625rem .875rem;background:var(--input-bg, #0f172a);border:1px solid var(--border-color, #334155);border-radius:8px;color:var(--text-primary, #f1f5f9);font-size:1rem;font-weight:600}.target-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.target-unit{font-size:.85rem;color:var(--text-muted, #94a3b8)}.calculate-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:1rem}.calculate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.calculate-btn:disabled{opacity:.6;cursor:not-allowed}.wizard-error{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:.85rem;margin-bottom:1rem}.adjusted-requirements{background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:10px;padding:1rem;margin-bottom:1rem}.requirements-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.875rem;font-size:.85rem;font-weight:500;color:#10b981}.success-icon{color:#10b981}.requirements-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.requirement-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .5rem;background:var(--card-bg, #1e293b);border-radius:8px;text-align:center}.requirement-card svg{color:#10b981;opacity:.8}.requirement-value{font-size:1.25rem;font-weight:700;color:var(--text-primary, #f1f5f9)}.requirement-label{font-size:.7rem;color:var(--text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.5px}.feed-suggestions-section{margin-bottom:1rem}.section-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.9rem;font-weight:600;color:var(--text-primary, #f1f5f9)}.suggestions-list{display:flex;flex-direction:column;gap:.75rem}.suggestion-card{padding:.875rem;background:var(--input-bg, #0f172a);border:1px solid var(--border-color, #334155);border-radius:8px}.suggestion-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.suggestion-header strong{font-size:.9rem;color:var(--text-primary, #f1f5f9)}.suggestion-cp{font-size:.75rem;padding:.125rem .5rem;background:#8b5cf626;color:#a78bfa;border-radius:4px}.suggestion-components{display:flex;flex-wrap:wrap;gap:.375rem}.component-chip{display:inline-block;padding:.25rem .5rem;background:var(--card-bg, #1e293b);border-radius:4px;font-size:.75rem;color:var(--text-secondary, #cbd5e1)}.feature-locked{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:#64748b1a;border:1px dashed var(--border-color, #334155);border-radius:8px;text-align:center}.feature-locked svg{color:var(--text-muted, #94a3b8)}.feature-locked span{font-size:.85rem;color:var(--text-muted, #94a3b8)}.addon-link{background:none;border:none;color:#8b5cf6;font-size:.8rem;cursor:pointer;text-decoration:underline}.addon-link:hover{color:#a78bfa}.ai-recommendation-section{margin-top:1rem}.ai-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.ai-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf666}.ai-btn:disabled{opacity:.7;cursor:not-allowed}.ai-recommendation{background:linear-gradient(135deg,#8b5cf61a,#6366f11a);border:1px solid rgba(139,92,246,.3);border-radius:12px;overflow:hidden}.ai-header{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background:#8b5cf626;font-weight:600;color:#a78bfa}.ai-content{padding:1rem}.feeding-schedule{margin-bottom:1rem}.feeding-schedule h6{margin:0 0 .5rem;font-size:.85rem;color:var(--text-secondary, #cbd5e1)}.schedule-slot{display:flex;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--border-color, #334155)}.schedule-slot:last-child{border-bottom:none}.slot-time{flex-shrink:0;width:60px;font-weight:600;color:#8b5cf6;font-size:.85rem}.slot-feeds{font-size:.85rem;color:var(--text-primary, #f1f5f9)}.cost-estimate{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--card-bg, #1e293b);border-radius:8px;margin-bottom:.75rem}.cost-estimate span{font-size:.85rem;color:var(--text-muted, #94a3b8)}.cost-estimate strong{font-size:1rem;color:#10b981}.ai-notes{margin:0;padding:.75rem;background:var(--input-bg, #0f172a);border-radius:8px;font-size:.85rem;color:var(--text-secondary, #cbd5e1);font-style:italic}.ai-actions{display:flex;gap:.5rem;padding:.875rem 1rem;background:#0003}.save-ration-btn{flex:1;padding:.625rem 1rem;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.save-ration-btn:hover{background:#059669}.regenerate-btn{display:flex;align-items:center;gap:.375rem;padding:.625rem .875rem;background:var(--card-bg, #1e293b);color:var(--text-secondary, #cbd5e1);border:1px solid var(--border-color, #334155);border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.regenerate-btn:hover:not(:disabled){background:var(--hover-bg, #334155);color:var(--text-primary, #f1f5f9)}.ai-locked{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border:1px dashed rgba(139,92,246,.3);border-radius:12px;padding:1.25rem}.ai-locked-content{display:flex;gap:.875rem;margin-bottom:1rem}.ai-locked-content svg{flex-shrink:0;color:#8b5cf6}.ai-locked-content strong{display:block;margin-bottom:.25rem;font-size:.95rem;color:var(--text-primary, #f1f5f9)}.ai-locked-content p{margin:0;font-size:.85rem;color:var(--text-muted, #94a3b8);line-height:1.4}.ai-locked-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.upgrade-enterprise-btn{padding:.625rem 1rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.upgrade-enterprise-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.or-text{font-size:.8rem;color:var(--text-muted, #94a3b8)}.purchase-addon-btn{padding:.625rem 1rem;background:transparent;color:#8b5cf6;border:1px solid #8b5cf6;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.purchase-addon-btn:hover{background:#8b5cf61a}@media(max-width:480px){.goal-options{grid-template-columns:repeat(2,1fr)}.requirements-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.requirement-card{padding:.5rem .25rem}.requirement-value{font-size:1.1rem}.ai-locked-actions{flex-direction:column;align-items:stretch}.or-text{text-align:center}}.nutrition-status-card,.nutrition-feeding-group-card,.nutrition-requirements-section,.nutrition-comparison-section{--nt-primary: #10b981;--nt-primary-light: #34d399;--nt-primary-dark: #059669;--nt-primary-glow: rgba(16, 185, 129, .4);--nt-bg-deep: #0f172a;--nt-bg-card: #1e293b;--nt-bg-surface: #1a2332;--nt-bg-elevated: #243044;--nt-border: #334155;--nt-border-light: #475569;--nt-success: #10b981;--nt-warning: #f59e0b;--nt-danger: #ef4444;--nt-info: #3b82f6;--nt-purple: #8b5cf6}.nutrition-warning-banner,.nutrition-offline-banner{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--brand-radius);font-size:13px;margin-bottom:12px}.nutrition-warning-banner{background:var(--brand-warning-bg);border:1px solid var(--brand-warning);color:var(--brand-text-primary)}.nutrition-offline-banner{background:var(--brand-warning-bg);border:1px solid var(--brand-warning);padding:12px 16px;margin-bottom:16px}.nutrition-offline-banner-title{color:var(--brand-text-primary);font-size:13px;font-weight:600;margin:0 0 2px}.nutrition-offline-banner-text{margin:0;font-size:12px;color:var(--brand-text-secondary)}.nutrition-status-card{background:var(--brand-surface);border-radius:var(--brand-radius-lg);border:2px solid var(--brand-border);margin-bottom:16px;padding:16px}.nutrition-status-card.status-good{border-color:var(--brand-success);background:var(--brand-success-bg)}.nutrition-status-card.status-review{border-color:var(--brand-warning);background:var(--brand-warning-bg)}.nutrition-status-card.status-neutral{border-color:var(--brand-border);background:var(--brand-surface)}.nutrition-status-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.nutrition-status-icon{flex-shrink:0}.nutrition-status-content{flex:1}.nutrition-status-title{font-size:16px;font-weight:600;margin-bottom:4px;color:var(--brand-text-primary)}.nutrition-status-message{font-size:13px;color:var(--brand-text-secondary);margin:0}.nutrition-quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.nutrition-quick-stat{background:var(--brand-bg-alt);padding:8px;border-radius:var(--brand-radius);text-align:center;border:1px solid var(--brand-border)}.nutrition-quick-stat-icon{color:var(--brand-text-secondary);margin-bottom:4px;display:block}.nutrition-quick-stat-value{font-size:16px;font-weight:600;color:var(--brand-text-primary);display:block}.nutrition-quick-stat-label{font-size:11px;color:var(--brand-text-secondary);display:block}.nutrition-feeding-group-card{background:var(--brand-surface);border:1px solid var(--brand-success);border-radius:var(--brand-radius-lg);padding:14px;cursor:pointer;transition:all .2s;margin-bottom:16px}.nutrition-feeding-group-card:hover{transform:translateY(-2px);box-shadow:var(--brand-shadow-md);border-color:var(--brand-success)}.nutrition-feeding-group-header{display:flex;align-items:center;justify-content:space-between}.nutrition-feeding-group-info{display:flex;align-items:center;gap:12px}.nutrition-feeding-group-icon-wrapper{width:40px;height:40px;border-radius:var(--brand-radius);background:var(--brand-success);display:flex;align-items:center;justify-content:center;flex-shrink:0}.nutrition-feeding-group-details{flex:1}.nutrition-feeding-group-label{font-size:11px;color:var(--brand-text-secondary);text-transform:uppercase;font-weight:600;letter-spacing:.5px;margin:0}.nutrition-feeding-group-name{font-size:15px;font-weight:600;color:var(--brand-text-primary);margin:0}.nutrition-feeding-group-ration{margin-top:12px;padding-top:12px;border-top:1px solid var(--brand-border);font-size:13px;color:var(--brand-text-secondary)}.nutrition-no-group-card{background:var(--brand-warning-bg);border:1px solid var(--brand-warning);border-radius:var(--brand-radius-lg);text-align:center;padding:20px;margin-bottom:16px}.nutrition-no-group-icon{margin:0 auto 8px;color:var(--brand-warning)}.nutrition-no-group-title{font-size:14px;font-weight:600;margin-bottom:4px;color:var(--brand-text-primary)}.nutrition-no-group-message{font-size:13px;color:var(--brand-text-secondary);margin-bottom:12px}.nutrition-requirements-section{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius-lg);padding:16px;margin-bottom:16px}.nutrition-requirements-header{margin-bottom:16px;display:flex;align-items:center;gap:8px}.nutrition-requirements-title{flex:1;font-size:14px;font-weight:600;color:var(--brand-text-primary);display:flex;align-items:center;gap:8px;margin:0}.nutrition-basis-badge{margin-left:auto;font-size:11px;background:var(--brand-bg-alt);padding:4px 8px;border-radius:var(--brand-radius-sm);color:var(--brand-text-secondary);font-weight:600}.nutrition-requirements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.nutrition-requirement-card{background:var(--brand-bg-alt);border-radius:var(--brand-radius);padding:14px;border:2px solid var(--brand-border);transition:all .2s;position:relative}.nutrition-requirement-card.status-good{border-color:var(--brand-success)}.nutrition-requirement-card.status-low{border-color:var(--brand-danger)}.nutrition-requirement-card.status-high{border-color:var(--brand-warning)}.nutrition-requirement-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.nutrition-requirement-icon-wrapper{width:36px;height:36px;border-radius:var(--brand-radius);display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:1}.nutrition-requirement-icon-wrapper svg{opacity:.9;filter:brightness(1.2)}.nutrition-requirement-content{flex:1;min-width:0}.nutrition-requirement-label{font-size:12px;color:var(--brand-text-secondary);margin-bottom:2px;display:flex;align-items:center;gap:6px}.nutrition-requirement-value{font-size:18px;font-weight:600;color:var(--brand-text-primary)}.nutrition-requirement-unit{font-size:13px;color:var(--brand-text-secondary);font-weight:400}.nutrition-requirement-diff{font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px;margin-top:4px}.nutrition-requirement-diff.status-good{color:var(--brand-success)}.nutrition-requirement-diff.status-low{color:var(--brand-danger)}.nutrition-requirement-diff.status-high{color:var(--brand-warning)}.nutrition-tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--brand-bg-alt);color:var(--brand-text-primary);cursor:help;border:1px solid var(--brand-border-light);font-size:11px;font-weight:700;transition:all .2s;position:relative;flex-shrink:0;opacity:.8}.nutrition-tooltip-trigger:hover{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);transform:scale(1.1);opacity:1}.nutrition-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--brand-surface-elevated);color:var(--brand-text-primary);padding:8px 10px;border-radius:var(--brand-radius-sm);font-size:11px;line-height:1.4;width:200px;text-align:left;z-index:1000;box-shadow:var(--brand-shadow-lg);pointer-events:none;opacity:0;transition:opacity .2s;border:1px solid var(--brand-border);font-weight:400;white-space:normal}.nutrition-tooltip-trigger:hover .nutrition-tooltip{opacity:1}.nutrition-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--brand-surface-elevated)}.nutrition-minerals-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--brand-border)}.nutrition-minerals-title{font-size:12px;font-weight:600;color:var(--brand-text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.nutrition-minerals-grid{display:flex;gap:8px;flex-wrap:wrap}.nutrition-mineral-chip{background:var(--brand-bg-alt);border:1px solid var(--brand-border);border-radius:var(--brand-radius);padding:8px 12px;display:flex;align-items:center;gap:6px}.nutrition-mineral-chip.mineral-ca{background:var(--brand-success-bg);border-color:var(--brand-success)}.nutrition-mineral-chip.mineral-p{background:var(--brand-info-bg);border-color:var(--brand-info)}.nutrition-mineral-chip.mineral-ratio{background:var(--brand-warning-bg);border-color:var(--brand-warning)}.nutrition-mineral-symbol{font-weight:700;font-size:14px}.nutrition-mineral-chip.mineral-ca .nutrition-mineral-symbol{color:var(--brand-success);filter:brightness(1.3)}.nutrition-mineral-chip.mineral-p .nutrition-mineral-symbol{color:var(--brand-info);filter:brightness(1.3)}.nutrition-mineral-chip.mineral-ratio .nutrition-mineral-symbol{color:var(--brand-warning);filter:brightness(1.2)}.nutrition-mineral-value{font-size:13px;color:var(--brand-text-primary)}.nutrition-mineral-target{font-size:11px;color:var(--brand-text-muted);margin-left:2px}.nutrition-comparison-section{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius-lg);padding:16px;margin-bottom:16px}.nutrition-comparison-title{font-size:13px;font-weight:600;color:var(--brand-text-secondary);margin-bottom:12px}.nutrition-comparison-bars{display:flex;flex-direction:column;gap:16px}.nutrition-comparison-bar{width:100%}.nutrition-comparison-bar-header{display:flex;justify-content:space-between;margin-bottom:6px;font-size:13px}.nutrition-comparison-bar-label{font-weight:600;color:var(--brand-text-primary)}.nutrition-comparison-bar-values{font-weight:600}.nutrition-comparison-bar-values.status-good{color:var(--brand-success)}.nutrition-comparison-bar-values.status-low{color:var(--brand-danger)}.nutrition-comparison-bar-values.status-high{color:var(--brand-warning)}.nutrition-comparison-bar-track{height:8px;background:var(--brand-bg-alt);border-radius:var(--brand-radius-sm);overflow:hidden;position:relative;border:1px solid var(--brand-border)}.nutrition-comparison-bar-fill{height:100%;border-radius:var(--brand-radius-sm);transition:width .3s ease}.nutrition-comparison-bar-fill.status-good{background:var(--brand-success)}.nutrition-comparison-bar-fill.status-low{background:var(--brand-danger)}.nutrition-comparison-bar-fill.status-high{background:var(--brand-warning)}.nutrition-comparison-bar-marker{position:absolute;left:100%;top:0;bottom:0;width:2px;background:var(--brand-text-secondary);transform:translate(-1px)}.nutrition-comparison-bar-percentage{font-size:11px;color:var(--brand-text-secondary);margin-top:4px;text-align:right}.nutrition-disclaimer{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--brand-bg-alt);border-radius:var(--brand-radius);font-size:12px;color:var(--brand-text-secondary);margin-top:12px;border:1px solid var(--brand-border)}@media(max-width:768px){.nutrition-quick-stats{grid-template-columns:repeat(2,1fr)}.nutrition-requirements-grid{grid-template-columns:1fr}.nutrition-feeding-group-header{flex-direction:column;align-items:flex-start;gap:8px}.nutrition-requirement-value{font-size:16px}.nutrition-minerals-grid{flex-direction:column}.nutrition-tooltip{width:180px;font-size:10px}}@media(max-width:480px){.nutrition-status-title,.nutrition-quick-stat-value{font-size:14px}.nutrition-requirement-value{font-size:15px}.nutrition-comparison-bar-header{font-size:12px}.nutrition-tooltip{width:160px;font-size:10px;padding:6px 8px}}.nutrition-status-card{background:linear-gradient(145deg,var(--nt-bg-card, #1e293b) 0%,var(--nt-bg-surface, #1a2332) 100%);border:2px solid var(--nt-border, #334155);box-shadow:0 4px 15px #0000004d;transition:all .3s ease}.nutrition-status-card:hover{box-shadow:0 6px 25px #0006,0 0 30px #10b9811a}.nutrition-status-card.status-good{border-color:var(--nt-success, #10b981);background:linear-gradient(145deg,#10b98126,#10b9810d);box-shadow:0 4px 15px #0000004d,0 0 25px #10b98126}.nutrition-status-card.status-review{border-color:var(--nt-warning, #f59e0b);background:linear-gradient(145deg,#f59e0b26,#f59e0b0d);box-shadow:0 4px 15px #0000004d,0 0 25px #f59e0b26}.nutrition-quick-stat{background:linear-gradient(145deg,var(--nt-bg-elevated, #243044) 0%,var(--nt-bg-card, #1e293b) 100%);border:1px solid var(--nt-border, #334155);transition:all .2s ease}.nutrition-quick-stat:hover{border-color:#10b98166;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d,0 0 15px #10b9811a}.nutrition-quick-stat-icon{color:var(--nt-primary, #10b981)}.nutrition-quick-stat-value{color:var(--nt-primary-light, #34d399);text-shadow:0 0 10px rgba(16,185,129,.3)}.nutrition-feeding-group-card{background:linear-gradient(145deg,var(--nt-bg-card, #1e293b) 0%,var(--nt-bg-surface, #1a2332) 100%);border:1px solid var(--nt-success, #10b981);box-shadow:0 4px 15px #0000004d,0 0 20px #10b9811a;transition:all .3s ease}.nutrition-feeding-group-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0006,0 0 40px #10b98133;border-color:var(--nt-primary-light, #34d399)}.nutrition-feeding-group-icon-wrapper{background:linear-gradient(135deg,var(--nt-success, #10b981) 0%,var(--nt-primary-dark, #059669) 100%);box-shadow:0 2px 10px #10b98166}.nutrition-requirements-section{background:linear-gradient(145deg,var(--nt-bg-card, #1e293b) 0%,var(--nt-bg-surface, #1a2332) 100%);border:1px solid var(--nt-border, #334155);box-shadow:0 4px 15px #0000004d;transition:all .3s ease}.nutrition-requirements-section:hover{border-color:#10b9814d;box-shadow:0 6px 25px #0006,0 0 30px #10b9811a}.nutrition-requirements-title{color:var(--nt-primary, #10b981)}.nutrition-basis-badge{background:linear-gradient(135deg,var(--nt-bg-elevated, #243044) 0%,var(--nt-bg-card, #1e293b) 100%);border:1px solid var(--nt-border, #334155);color:var(--nt-primary-light, #34d399)}.nutrition-requirement-card{background:linear-gradient(145deg,var(--nt-bg-elevated, #243044) 0%,var(--nt-bg-card, #1e293b) 100%);border:2px solid var(--nt-border, #334155);transition:all .2s ease}.nutrition-requirement-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.nutrition-requirement-card.status-good{border-color:var(--nt-success, #10b981);box-shadow:0 0 15px #10b98133}.nutrition-requirement-card.status-good:hover{box-shadow:0 4px 20px #0000004d,0 0 25px #10b9814d}.nutrition-requirement-card.status-low{border-color:var(--nt-danger, #ef4444);box-shadow:0 0 15px #ef444433}.nutrition-requirement-card.status-low:hover{box-shadow:0 4px 20px #0000004d,0 0 25px #ef44444d}.nutrition-requirement-card.status-high{border-color:var(--nt-warning, #f59e0b);box-shadow:0 0 15px #f59e0b33}.nutrition-requirement-card.status-high:hover{box-shadow:0 4px 20px #0000004d,0 0 25px #f59e0b4d}.nutrition-requirement-icon-wrapper{box-shadow:0 2px 8px #0000004d}.nutrition-requirement-value{text-shadow:0 0 10px rgba(255,255,255,.1)}.nutrition-mineral-chip{background:linear-gradient(145deg,var(--nt-bg-elevated, #243044) 0%,var(--nt-bg-card, #1e293b) 100%);border:1px solid var(--nt-border, #334155);transition:all .2s ease}.nutrition-mineral-chip:hover{transform:translateY(-1px);box-shadow:0 2px 10px #0000004d}.nutrition-mineral-chip.mineral-ca{background:linear-gradient(145deg,#10b98133,#10b9811a);border-color:var(--nt-success, #10b981);box-shadow:0 0 10px #10b98126}.nutrition-mineral-chip.mineral-ca:hover{box-shadow:0 2px 15px #10b9814d}.nutrition-mineral-chip.mineral-p{background:linear-gradient(145deg,#3b82f633,#3b82f61a);border-color:var(--nt-info, #3b82f6);box-shadow:0 0 10px #3b82f626}.nutrition-mineral-chip.mineral-p:hover{box-shadow:0 2px 15px #3b82f64d}.nutrition-mineral-chip.mineral-ratio{background:linear-gradient(145deg,#f59e0b33,#f59e0b1a);border-color:var(--nt-warning, #f59e0b);box-shadow:0 0 10px #f59e0b26}.nutrition-mineral-chip.mineral-ratio:hover{box-shadow:0 2px 15px #f59e0b4d}.nutrition-mineral-symbol{text-shadow:0 0 8px currentColor}.nutrition-comparison-section{background:linear-gradient(145deg,var(--nt-bg-card, #1e293b) 0%,var(--nt-bg-surface, #1a2332) 100%);border:1px solid var(--nt-border, #334155);box-shadow:0 4px 15px #0000004d;transition:all .3s ease}.nutrition-comparison-section:hover{border-color:#10b9814d;box-shadow:0 6px 25px #0006,0 0 30px #10b9811a}.nutrition-comparison-title{color:var(--nt-primary, #10b981)}.nutrition-comparison-bar-track{background:linear-gradient(90deg,var(--nt-bg-deep, #0f172a) 0%,var(--nt-bg-card, #1e293b) 100%);border:1px solid var(--nt-border, #334155)}.nutrition-comparison-bar-fill.status-good{background:linear-gradient(90deg,var(--nt-success, #10b981) 0%,var(--nt-primary-light, #34d399) 100%);box-shadow:0 0 10px #10b98166}.nutrition-comparison-bar-fill.status-low{background:linear-gradient(90deg,var(--nt-danger, #ef4444) 0%,#f87171 100%);box-shadow:0 0 10px #ef444466}.nutrition-comparison-bar-fill.status-high{background:linear-gradient(90deg,var(--nt-warning, #f59e0b) 0%,#fbbf24 100%);box-shadow:0 0 10px #f59e0b66}.nutrition-tooltip-trigger{background:linear-gradient(145deg,var(--nt-bg-elevated, #243044) 0%,var(--nt-bg-card, #1e293b) 100%);border:1px solid var(--nt-border-light, #475569)}.nutrition-tooltip-trigger:hover{background:linear-gradient(135deg,var(--nt-primary, #10b981) 0%,var(--nt-primary-dark, #059669) 100%);border-color:var(--nt-primary, #10b981);box-shadow:0 0 10px #10b98166}.nutrition-tooltip{background:linear-gradient(145deg,var(--nt-bg-elevated, #243044) 0%,var(--nt-bg-card, #1e293b) 100%);border:1px solid var(--nt-border, #334155);box-shadow:0 10px 30px #00000080,0 0 20px #10b9811a}.nutrition-disclaimer{background:linear-gradient(145deg,var(--nt-bg-elevated, #243044) 0%,var(--nt-bg-card, #1e293b) 100%);border:1px solid var(--nt-border, #334155)}.nutrition-no-group-card{background:linear-gradient(145deg,#f59e0b26,#f59e0b0d);border:1px solid var(--nt-warning, #f59e0b);box-shadow:0 4px 15px #0000004d,0 0 20px #f59e0b1a}.nutrition-no-group-icon{color:var(--nt-warning, #f59e0b);filter:drop-shadow(0 0 8px rgba(245,158,11,.4))}@keyframes nutritionPulseGood{0%,to{box-shadow:0 0 15px #10b98133}50%{box-shadow:0 0 25px #10b98166}}.nutrition-status-card.status-good{animation:nutritionPulseGood 3s ease-in-out infinite}@keyframes nutritionPulseWarning{0%,to{box-shadow:0 0 15px #f59e0b33}50%{box-shadow:0 0 25px #f59e0b66}}.nutrition-status-card.status-review{animation:nutritionPulseWarning 3s ease-in-out infinite}.timeline-tab{display:flex;flex-direction:column;gap:1rem;min-height:0;height:auto;overflow:visible;padding-bottom:1rem}.timeline-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--brand-text-muted)}.timeline-loading .spinner{width:32px;height:32px;border:3px solid var(--brand-border);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.timeline-empty{text-align:center;padding:3rem;color:var(--brand-text-muted)}.timeline-empty svg{opacity:.3;margin-bottom:1rem}.timeline-empty p{font-size:.9rem;margin:0}@media(max-width:768px){.timeline-tab{padding:.5rem}}@media(max-width:480px){.timeline-tab{padding:.25rem}}.timeline-header{display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem;background:var(--brand-surface);border-radius:var(--brand-radius);border:1px solid var(--brand-border)}.view-toggle{display:flex;gap:.25rem;background:var(--brand-bg);padding:.25rem;border-radius:var(--brand-radius)}.view-toggle button{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border:none;background:transparent;border-radius:calc(var(--brand-radius) - 2px);color:var(--brand-text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.view-toggle button:hover{background:rgba(var(--brand-primary-rgb, 59, 130, 246),.1)}.view-toggle button.active{background:var(--brand-primary);color:var(--brand-text-inverted);box-shadow:0 1px 3px #0000001a}.timeline-filters{display:flex;flex-wrap:wrap;gap:.375rem;flex:1}.timeline-filters button{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:1px solid var(--brand-border);background:var(--brand-bg);border-radius:var(--brand-radius);color:var(--brand-text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s}.timeline-filters button:hover{border-color:var(--brand-primary);background:rgba(var(--brand-primary-rgb, 59, 130, 246),.05)}.timeline-filters button.active{border-color:var(--brand-primary);background:var(--brand-primary-light);color:var(--brand-primary);font-weight:600}.timeline-filters button .count{padding:0 .375rem;background:#0000001a;border-radius:10px;font-size:.7rem;font-weight:600;min-width:20px;text-align:center}.timeline-filters button.active .count{background:var(--brand-primary);color:#fff}.date-range{display:flex;align-items:center}.date-range select{padding:.5rem .75rem;border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-bg);color:var(--brand-text-primary);font-size:.75rem;cursor:pointer;transition:all .2s}.date-range select:hover{border-color:var(--brand-primary)}.date-range select:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb, 59, 130, 246),.1)}.ai-toggle{margin-left:auto;display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border:1px solid var(--brand-primary);background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-hover, #2563eb));color:#fff;border-radius:var(--brand-radius);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000001a}.ai-toggle:hover{transform:translateY(-1px);box-shadow:0 2px 6px rgba(var(--brand-primary-rgb, 59, 130, 246),.3)}.ai-toggle:active{transform:translateY(0)}.toggle-indicator{width:8px;height:8px;border-radius:50%;background:#ffffff80;transition:all .2s}.toggle-indicator.on{background:#fff;box-shadow:0 0 8px #fffc;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@media(max-width:768px){.timeline-header{flex-direction:column;align-items:stretch;gap:.5rem}.view-toggle{width:100%}.view-toggle button{flex:1;justify-content:center}.timeline-filters,.date-range,.date-range select{width:100%}.ai-toggle{margin-left:0;width:100%;justify-content:center}}@media(max-width:480px){.timeline-filters button span:not(.count){display:none}.timeline-filters button{padding:.5rem}.view-toggle button{font-size:.7rem;padding:.5rem}}.current-status-banner{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--brand-surface);border-radius:var(--brand-radius);border:1px solid var(--brand-border);margin-bottom:1.5rem}.status-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--brand-primary-light);border-radius:50%;color:var(--brand-primary)}.status-content{flex:1}.status-content h4{font-size:.9rem;font-weight:600;margin:0 0 .5rem;color:var(--brand-text-primary)}.status-badges{display:flex;flex-wrap:wrap;gap:.375rem}.badge{padding:.25rem .625rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.badge-healthy{background:var(--brand-success-light);color:var(--brand-success)}.badge-sick{background:var(--brand-danger-light);color:var(--brand-danger)}.badge-info{background:var(--brand-info-light);color:var(--brand-info)}.badge-secondary{background:var(--brand-bg);color:var(--brand-text-secondary);border:1px solid var(--brand-border)}.time-elapsed{text-align:center;padding:.5rem}.time-elapsed .label{display:block;font-size:.65rem;color:var(--brand-text-muted);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em}.time-elapsed .value{display:block;font-size:1.5rem;font-weight:700;color:var(--brand-primary)}.timeline-stream{flex:1;overflow:visible;padding:.5rem}.timeline-events{position:relative}.timeline-date-group{margin-bottom:2rem}.date-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--brand-bg);border-radius:var(--brand-radius);margin-bottom:1rem;position:sticky;top:0;z-index:2;box-shadow:0 1px 3px #0000000d}.date-label{font-size:.8rem;font-weight:600;color:var(--brand-text-primary)}.event-count{margin-left:auto;font-size:.7rem;color:var(--brand-text-muted);background:var(--brand-surface);padding:.125rem .5rem;border-radius:10px}.timeline-event{display:flex;gap:.75rem;margin-bottom:1rem;position:relative}.event-indicator{display:flex;flex-direction:column;align-items:center;width:20px;flex-shrink:0}.event-dot{width:12px;height:12px;border-radius:50%;background:var(--brand-primary);border:2px solid white;box-shadow:0 0 0 2px var(--brand-primary);z-index:1;flex-shrink:0}.event-dot.urgent{background:var(--brand-danger);box-shadow:0 0 0 2px var(--brand-danger),0 0 12px #ef444466;animation:urgentPulse 2s ease-in-out infinite}@keyframes urgentPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.event-line{width:2px;flex:1;background:var(--brand-border);margin-top:4px}.timeline-event:last-child .event-line{display:none}.event-card{flex:1;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius);overflow:hidden;transition:all .2s}.event-card:hover{border-color:var(--brand-primary);box-shadow:0 2px 8px rgba(var(--brand-primary-rgb, 59, 130, 246),.15)}.event-header{display:flex;gap:.75rem;padding:.875rem;cursor:pointer;transition:background .2s}.event-header:hover{background:var(--brand-bg)}.event-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--brand-radius);color:#fff;flex-shrink:0}.event-info{flex:1;min-width:0}.event-title-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;flex-wrap:wrap}.event-title{font-size:.85rem;font-weight:600;color:var(--brand-text-primary);margin:0}.ai-badge,.urgent-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .375rem;border-radius:10px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.ai-badge{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-hover, #2563eb));color:#fff}.urgent-badge{background:var(--brand-danger-light);color:var(--brand-danger)}.event-description{font-size:.75rem;color:var(--brand-text-secondary);margin:0 0 .5rem;line-height:1.4}.event-meta{display:flex;align-items:center;gap:.375rem;font-size:.7rem;color:var(--brand-text-muted);flex-wrap:wrap}.event-meta .separator{opacity:.5}.event-actions{display:flex;align-items:center;gap:.5rem;color:var(--brand-text-muted)}.expand-icon{transition:transform .2s}.expand-icon.rotated{transform:rotate(180deg)}.event-details{padding:.875rem;border-top:1px solid var(--brand-border-light);margin-top:.875rem;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.event-photo{width:100%;max-height:200px;-o-object-fit:cover;object-fit:cover;border-radius:var(--brand-radius);margin-bottom:.875rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:.875rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.65rem;font-weight:500;color:var(--brand-text-muted);text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:.8rem;font-weight:600;color:var(--brand-text-primary)}.event-notes{display:flex;gap:.5rem;padding:.75rem;background:var(--brand-bg);border-radius:var(--brand-radius);margin-bottom:.875rem}.event-notes p{flex:1;font-size:.75rem;color:var(--brand-text-secondary);margin:0;line-height:1.5}.event-quick-actions{display:flex;flex-wrap:wrap;gap:.5rem}.btn-quick-action{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:1px solid var(--brand-border);background:var(--brand-surface);color:var(--brand-primary);border-radius:var(--brand-radius);font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-quick-action:hover{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);transform:translateY(-1px);box-shadow:0 2px 4px #0003}.timeline-start{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--brand-success-light);border:1px solid var(--brand-success);border-radius:var(--brand-radius);margin-top:1rem}.timeline-start svg{color:var(--brand-success)}.start-content strong{display:block;font-size:.85rem;color:var(--brand-success);margin-bottom:.25rem;font-weight:600}.start-content span{font-size:.7rem;color:var(--brand-text-muted)}.load-more-section{text-align:center;padding:1rem 0}.btn-load-more{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:1px solid var(--brand-border);background:var(--brand-surface);color:var(--brand-text-primary);border-radius:var(--brand-radius);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-load-more:hover{background:var(--brand-bg);border-color:var(--brand-primary);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}@media(max-width:768px){.current-status-banner{flex-direction:column;text-align:center}.status-icon{margin:0 auto}.status-badges{justify-content:center}.event-header{padding:.625rem}.event-icon{width:32px;height:32px}}@media(max-width:480px){.detail-grid{grid-template-columns:1fr}.event-title{font-size:.8rem}.event-description{font-size:.7rem}}.timeline-charts{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius);padding:1rem;margin-bottom:1rem}.chart-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid var(--brand-border);padding-bottom:.5rem}.chart-tabs button{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border:none;background:transparent;color:var(--brand-text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;position:relative;bottom:-.5rem}.chart-tabs button:hover{color:var(--brand-primary);background:var(--brand-bg)}.chart-tabs button.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary);font-weight:600}.chart-container{margin-bottom:1rem;min-height:200px}.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--brand-text-muted)}.chart-empty svg{margin-bottom:.5rem}.chart-empty p{font-size:.85rem;margin:0}.chart-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;padding-top:1rem;border-top:1px solid var(--brand-border)}.chart-insights .metric{text-align:center}.chart-insights .label{display:block;font-size:.7rem;color:var(--brand-text-muted);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em}.chart-insights .value{display:block;font-size:1.25rem;font-weight:700;color:var(--brand-text-primary)}.chart-insights .value.positive{color:var(--brand-success)}.chart-insights .value.negative{color:var(--brand-danger)}@media(max-width:768px){.chart-tabs{flex-wrap:wrap}.chart-tabs button{flex:1;min-width:120px;justify-content:center}.chart-insights{grid-template-columns:1fr;gap:.75rem}}@media(max-width:480px){.chart-tabs button span:not(:has(svg)){display:none}.chart-tabs button{padding:.5rem}}.predictive-section{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius-lg);padding:1.25rem;margin-bottom:1rem;position:relative;overflow:hidden}.predictive-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand-primary),var(--brand-info),var(--brand-primary));background-size:200% 100%;animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.predictive-section .section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.predictive-section .section-header h4{font-size:1rem;font-weight:600;margin:0;color:var(--brand-text-primary);flex:1}.ai-icon{color:var(--brand-primary);animation:aiPulse 2s ease-in-out infinite}@keyframes aiPulse{0%,to{opacity:1}50%{opacity:.6}}.upcoming-events{margin-bottom:1.5rem}.upcoming-events h5{font-size:.85rem;font-weight:600;color:var(--brand-text-primary);margin:0 0 .75rem}.event-predictions{display:flex;flex-direction:column;gap:.75rem}.prediction-card{display:flex;align-items:center;gap:.875rem;padding:.875rem;background:var(--brand-bg);border-radius:var(--brand-radius);border:1px solid var(--brand-border);border-left:3px solid;transition:all .2s}.prediction-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0003;border-color:var(--brand-primary)}.prediction-card.urgent{border-left-color:var(--brand-danger);background:#ef44441a}.prediction-card.urgent>svg{color:var(--brand-danger)}.prediction-card.info{border-left-color:var(--brand-info);background:#06b6d41a}.prediction-card.info>svg{color:var(--brand-info)}.prediction-card.success{border-left-color:var(--brand-success);background:#10b9811a}.prediction-card.success>svg{color:var(--brand-success)}.prediction-card>svg{flex-shrink:0;color:var(--brand-text-muted)}.prediction-content{flex:1}.prediction-content strong{display:block;font-size:.85rem;font-weight:600;color:var(--brand-text-primary);margin-bottom:.25rem}.prediction-content .date{display:block;font-size:.7rem;color:var(--brand-text-muted);margin-bottom:.375rem}.prediction-content p{font-size:.75rem;color:var(--brand-text-secondary);margin:0;line-height:1.4}.prediction-card .btn-quick-action{background:var(--brand-surface);border:1px solid var(--brand-border);color:var(--brand-primary);padding:.375rem .75rem;border-radius:var(--brand-radius);font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.prediction-card .btn-quick-action:hover{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.ai-insights-box{background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:var(--brand-radius);padding:1rem;margin-bottom:1rem}.ai-insights-box h5{font-size:.85rem;font-weight:600;margin:0 0 .75rem;color:var(--brand-text-primary)}.insight-items{display:flex;flex-direction:column;gap:.5rem}.insight-item{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;border-radius:var(--brand-radius);font-size:.75rem;line-height:1.4;border:1px solid transparent}.insight-item svg{flex-shrink:0}.insight-item.positive{background:#10b98126;border-color:#10b9814d;color:#34d399}.insight-item.positive svg{color:#34d399}.insight-item.neutral{background:#06b6d426;border-color:#06b6d44d;color:#22d3ee}.insight-item.neutral svg{color:#22d3ee}.insight-item.warning{background:#f59e0b26;border-color:#f59e0b4d;color:#fbbf24}.insight-item.warning svg{color:#fbbf24}.ai-recommendations{background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:var(--brand-radius);padding:1rem}.ai-recommendations h5{font-size:.85rem;font-weight:600;margin:0 0 .75rem;color:var(--brand-text-primary)}.ai-recommendations ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.ai-recommendations li{display:flex;align-items:flex-start;gap:.5rem;font-size:.75rem;padding:.625rem .75rem;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius);line-height:1.4;transition:all .2s}.ai-recommendations li:hover{border-color:var(--brand-primary);transform:translate(4px)}.ai-recommendations li svg{color:var(--brand-success);flex-shrink:0;margin-top:.125rem}.ai-recommendations li>div{flex:1}.ai-recommendations li strong{display:block;color:var(--brand-text-primary);margin-bottom:.25rem}.ai-recommendations li .reasoning{display:block;color:var(--brand-text-muted);font-size:.7rem}.ai-recommendations li.high{border-left:3px solid var(--brand-danger)}.ai-recommendations li.high svg{color:var(--brand-danger)}.ai-recommendations li.medium{border-left:3px solid var(--brand-warning)}.ai-recommendations li.medium svg{color:var(--brand-warning)}.ai-recommendations li.low{border-left:3px solid var(--brand-info)}.ai-recommendations li.low svg{color:var(--brand-info)}.ai-risk-alerts{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--brand-radius);padding:1rem;margin-top:1rem}.ai-risk-alerts h5{font-size:.85rem;font-weight:600;margin:0 0 .75rem;color:var(--brand-danger);display:flex;align-items:center;gap:.5rem}.risk-alert{display:flex;gap:.75rem;padding:.75rem;background:var(--brand-surface);border:1px solid rgba(239,68,68,.3);border-radius:var(--brand-radius);margin-bottom:.5rem}.risk-alert:last-child{margin-bottom:0}.risk-alert svg{color:var(--brand-danger);flex-shrink:0}.risk-alert strong{display:block;font-size:.8rem;color:var(--brand-danger);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em}.risk-alert p{font-size:.75rem;color:var(--brand-text-secondary);margin:0 0 .5rem;line-height:1.4}.risk-alert .suggested-action{display:inline-block;font-size:.7rem;color:var(--brand-text-primary);font-weight:600;padding:.375rem .625rem;background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:var(--brand-radius);margin-top:.5rem}@media(max-width:768px){.predictive-section{padding:1rem}.prediction-card{flex-direction:column;align-items:flex-start}.prediction-card .btn-quick-action{width:100%;justify-content:center;text-align:center}}@media(max-width:480px){.predictive-section .section-header{flex-wrap:wrap}.beta-badge{margin-left:auto}}.timeline-calendar-view{display:flex;flex-direction:column;gap:1.5rem;height:100%;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.calendar-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius);flex-shrink:0}.calendar-navigation{display:flex;align-items:center;gap:1rem}.nav-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--brand-border);background:var(--brand-bg);border-radius:var(--brand-radius);color:var(--brand-text-primary);cursor:pointer;transition:all .2s}.nav-button:hover{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);transform:scale(1.05)}.nav-button:active{transform:scale(.95)}.calendar-title{font-size:1.1rem;font-weight:600;color:var(--brand-text-primary);margin:0;min-width:200px;text-align:center}.btn-today{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--brand-primary);background:var(--brand-primary);color:#fff;border-radius:var(--brand-radius);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-today:hover{background:var(--brand-primary-hover, #2563eb);transform:translateY(-1px);box-shadow:0 2px 6px rgba(var(--brand-primary-rgb, 59, 130, 246),.3)}.btn-today:active{transform:translateY(0)}.calendar-grid{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius);overflow:visible;flex-shrink:0}.calendar-day-headers{display:grid;grid-template-columns:repeat(7,1fr);background:var(--brand-bg);border-bottom:1px solid var(--brand-border);position:sticky;top:0;z-index:2}.calendar-day-header{padding:.75rem;text-align:center;font-size:.75rem;font-weight:700;color:var(--brand-text-muted);text-transform:uppercase;letter-spacing:.05em}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--brand-border)}.calendar-day{background:var(--brand-surface);min-height:100px;padding:.5rem;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;transition:all .2s;position:relative}.calendar-day:hover:not(.empty){background:var(--brand-bg);box-shadow:inset 0 0 0 2px var(--brand-primary);z-index:1}.calendar-day.empty{background:var(--brand-bg);opacity:.3;cursor:default;pointer-events:none}.calendar-day.today{background:var(--brand-primary-light)}.calendar-day.today .day-number{background:var(--brand-primary);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.calendar-day.selected{background:var(--brand-info-light);box-shadow:inset 0 0 0 2px var(--brand-info)}.calendar-day.has-events{border-left:3px solid var(--brand-primary)}.day-number{font-size:.9rem;font-weight:600;color:var(--brand-text-primary);margin-bottom:.25rem}.event-indicators{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:auto}.event-dot{width:6px;height:6px;border-radius:50%;background:var(--brand-primary)}.event-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 .375rem;background:var(--brand-primary);color:#fff;border-radius:10px;font-size:.65rem;font-weight:700}.calendar-selected-date{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius);padding:1.25rem;flex-shrink:0}.selected-date-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--brand-border)}.selected-date-header h4{font-size:1rem;font-weight:600;color:var(--brand-text-primary);margin:0}.event-count-badge{padding:.375rem .75rem;background:var(--brand-info-light);color:var(--brand-info);border-radius:12px;font-size:.75rem;font-weight:600}.no-events{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--brand-text-muted)}.no-events p{margin:.5rem 0 0;font-size:.85rem}.selected-date-events{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;-webkit-overflow-scrolling:touch}.selected-date-events::-webkit-scrollbar{width:6px}.selected-date-events::-webkit-scrollbar-track{background:var(--brand-bg);border-radius:3px}.selected-date-events::-webkit-scrollbar-thumb{background:var(--brand-border);border-radius:3px}.selected-date-events::-webkit-scrollbar-thumb:hover{background:var(--brand-text-muted)}.calendar-month-summary{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius);padding:1.25rem;flex-shrink:0}.calendar-month-summary h4{font-size:.9rem;font-weight:600;color:var(--brand-text-primary);margin:0 0 1rem}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.summary-stat{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:var(--brand-bg);border-radius:var(--brand-radius);border:1px solid var(--brand-border);transition:all .2s}.summary-stat:hover{border-color:var(--brand-primary);transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.summary-stat svg{color:var(--brand-primary);margin-bottom:.25rem}.stat-label{font-size:.7rem;color:var(--brand-text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.5rem;font-weight:700;color:var(--brand-text-primary)}@media(max-width:768px){.timeline-calendar-view{height:auto!important;min-height:100vh;overflow-y:auto!important}.calendar-header{flex-direction:column;gap:1rem}.calendar-navigation{width:100%;justify-content:center}.calendar-title{font-size:1rem}.btn-today{width:100%;justify-content:center}.calendar-day{min-height:80px;padding:.375rem}.day-number{font-size:.8rem}.calendar-day-header{padding:.5rem;font-size:.65rem}.summary-stats{grid-template-columns:repeat(2,1fr)}.selected-date-events{max-height:300px}}@media(max-width:480px){.timeline-calendar-view{gap:1rem;padding:.5rem;height:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.calendar-header{padding:.75rem}.calendar-grid{overflow:visible}.calendar-day{min-height:70px;padding:.3rem}.day-number{font-size:.75rem}.event-indicators{display:none}.calendar-day.has-events:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--brand-primary)}.calendar-day-header{font-size:.6rem;padding:.375rem}.summary-stats{grid-template-columns:1fr}.calendar-selected-date{padding:1rem}.selected-date-header{flex-direction:column;align-items:flex-start;gap:.5rem}.selected-date-events{max-height:250px}}@media(max-width:768px){.timeline-calendar-view,.timeline-calendar-view *{position:relative!important}.timeline-tab{overflow-y:auto!important;height:auto!important;-webkit-overflow-scrolling:touch}}@media(prefers-color-scheme:dark){.calendar-day.today{background:rgba(var(--brand-primary-rgb, 59, 130, 246),.2)}.calendar-day.selected{background:rgba(var(--brand-info-rgb, 14, 165, 233),.2)}.calendar-day:hover:not(.empty){background:rgba(var(--brand-primary-rgb, 59, 130, 246),.1)}}.calendar-day:focus-visible{outline:2px solid var(--brand-primary);outline-offset:-2px}.nav-button:focus-visible,.btn-today:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}@media print{.calendar-header{border:1px solid #000}.btn-today{display:none}.calendar-day{min-height:80px;border:1px solid #ddd}.selected-date-events{max-height:none;overflow:visible}}.certificates-section{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius-lg, 12px);padding:1.5rem;margin-bottom:1.5rem}.certificates-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.certificates-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--brand-text-primary);display:flex;align-items:center;gap:.5rem;flex:1}.certificates-icon{width:1.25rem;height:1.25rem;color:var(--brand-primary)}.show-archived-toggle{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--brand-text-secondary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:.25rem .5rem;border-radius:var(--brand-radius);transition:all .2s}.show-archived-toggle:hover{background:var(--brand-bg-alt);color:var(--brand-text-primary)}.show-archived-toggle input[type=checkbox]{cursor:pointer;width:16px;height:16px}.certificates-loading,.certificates-empty{text-align:center;padding:2rem;color:var(--brand-text-secondary);font-size:.875rem;background:var(--brand-bg-alt);border-radius:var(--brand-radius);border:1px dashed var(--brand-border)}.certificates-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.certificate-card{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:transparent;border:1px solid var(--brand-border);border-radius:var(--brand-radius);transition:all .2s;gap:1rem}.certificate-card:hover{border-color:var(--brand-primary);background:rgba(var(--brand-primary-rgb),.03);box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.certificate-info{display:flex;align-items:flex-start;gap:.75rem;flex:1;min-width:0}.certificate-file-icon{color:var(--brand-primary);flex-shrink:0;margin-top:.125rem;width:20px;height:20px}.certificate-details{flex:1;min-width:0;background:transparent}.certificate-filename{margin:0 0 .375rem;font-weight:600;color:var(--brand-text-primary);font-size:.875rem;word-break:break-word;line-height:1.4}.certificate-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem;font-size:.75rem}.certificate-type{font-weight:600;color:var(--brand-text-primary);background:var(--brand-bg-alt);padding:.25rem .625rem;border-radius:6px;text-transform:uppercase;letter-spacing:.025em;font-size:.7rem}.certificate-authority,.certificate-number{color:var(--brand-text-secondary);font-size:.8rem}.certificate-separator{color:var(--brand-text-muted)}.certificate-status{display:inline-flex;align-items:center;gap:.375rem;padding:.3rem .75rem;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;width:-moz-fit-content;width:fit-content;margin-top:.25rem}.certificate-status.status-verified{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.4)}.certificate-status.status-pending{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.4)}.certificate-status.status-rejected{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.4)}.certificate-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.certificate-action-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:var(--brand-bg-alt);border:1px solid var(--brand-border);border-radius:var(--brand-radius-sm);cursor:pointer;color:var(--brand-text-secondary);transition:all .2s;text-decoration:none}.certificate-action-btn:hover{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.certificate-action-btn.btn-danger{color:#ef4444}.certificate-action-btn.btn-danger:hover{background:#ef4444;color:#fff;border-color:#ef4444}.btn-show-upload{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;font-size:.875rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-hover, var(--brand-primary)) 100%);border:none;border-radius:var(--brand-radius);cursor:pointer;transition:all .2s;box-shadow:0 2px 6px rgba(var(--brand-primary-rgb),.3)}.btn-show-upload:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--brand-primary-rgb),.4)}.btn-show-upload:active{transform:translateY(0)}.certificate-card.certificate-archived{opacity:.65;border-style:dashed}.certificate-card.certificate-archived:hover{opacity:.85}.archived-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background:#9ca3af33;color:#6b7280;border-radius:4px;font-size:.7rem;font-weight:600;margin-left:.5rem;border:1px solid rgba(156,163,175,.3)}.certificate-viewer-modal{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1050;padding:1rem}.certificate-viewer-content{background:var(--brand-surface);border-radius:var(--brand-radius-lg);max-width:1200px;width:100%;max-height:95vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;border:1px solid var(--brand-border);overflow:hidden}.certificate-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--brand-border);background:var(--brand-surface)}.certificate-viewer-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--brand-text-primary)}.certificate-viewer-close{background:transparent;border:none;color:var(--brand-text-secondary);cursor:pointer;padding:.5rem;border-radius:var(--brand-radius);transition:all .2s}.certificate-viewer-close:hover{background:var(--brand-bg-alt);color:var(--brand-text-primary)}.certificate-viewer-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.5rem;background:var(--brand-bg);display:flex;flex-direction:column;gap:1.5rem;max-height:calc(95vh - 140px)}.certificate-preview-container{width:100%;background:var(--brand-bg-alt);border-radius:var(--brand-radius);padding:1rem;border:1px solid var(--brand-border);display:flex;align-items:flex-start;justify-content:center;min-height:400px;overflow:auto}.certificate-preview-image,.certificate-preview-pdf{max-width:100%;width:100%;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:var(--brand-radius);box-shadow:0 4px 12px #0003;background:#1a1a1a;display:block}.certificate-details-section{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius);padding:1.25rem}.certificate-detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid var(--brand-border)}.certificate-detail-row:last-child{border-bottom:none}.certificate-detail-label{font-size:.8rem;font-weight:600;color:var(--brand-text-secondary);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;min-width:140px}.certificate-detail-value{font-size:.9rem;color:var(--brand-text-primary);font-weight:500;text-align:right;flex:1;word-break:break-word}.certificate-viewer-footer{padding:1rem 1.5rem;border-top:1px solid var(--brand-border);display:flex;justify-content:space-between;align-items:center;gap:1rem;background:var(--brand-surface);flex-wrap:wrap}.certificate-action-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.certificate-viewer-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--brand-radius);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.certificate-viewer-btn.btn-download{background:var(--brand-bg-alt);color:var(--brand-text-primary);border:1px solid var(--brand-border)}.certificate-viewer-btn.btn-download:hover{background:var(--brand-border)}.certificate-viewer-btn.btn-verify{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-hover, var(--brand-primary)) 100%);color:#fff;box-shadow:0 2px 6px rgba(var(--brand-primary-rgb),.3)}.certificate-viewer-btn.btn-verify:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--brand-primary-rgb),.4)}@media(max-width:768px){.certificates-section{padding:1rem}.certificates-header{flex-direction:column;align-items:flex-start}.certificate-card{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.875rem}.certificate-info{width:100%}.certificate-actions{width:100%;justify-content:flex-end;padding-top:.5rem;border-top:1px solid var(--brand-border)}.certificate-meta{flex-direction:column;align-items:flex-start;gap:.25rem}.certificate-separator{display:none}.btn-show-upload{padding:.75rem 1.25rem;font-size:.8125rem}.certificate-viewer-modal{padding:.5rem}.certificate-viewer-body{padding:1rem}.certificate-preview-container{min-height:300px;padding:.75rem}.certificate-viewer-footer{flex-direction:column;align-items:stretch}.certificate-action-buttons{width:100%}.certificate-viewer-btn{flex:1;justify-content:center}}@media(max-width:480px){.certificates-title{font-size:1rem}.certificate-filename{font-size:.8125rem}.certificate-meta{font-size:.7rem}.certificate-action-btn{width:1.75rem;height:1.75rem}.certificate-action-btn svg{width:14px;height:14px}.certificate-detail-row{flex-direction:column;gap:.25rem}.certificate-detail-label{min-width:auto}.certificate-detail-value{text-align:left}}.pedigree-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--brand-text-primary)}.btn-edit-pedigree:hover{background:var(--brand-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--brand-primary-rgb),.3)}@media(max-width:768px){.certificates-section{padding:1rem}.certificate-card{flex-direction:column;align-items:flex-start;gap:1rem}.certificate-actions{width:100%;justify-content:flex-end}.certificate-meta{flex-direction:column;align-items:flex-start;gap:.25rem}.certificate-separator{display:none}.btn-edit-pedigree{padding:.5rem 1rem;font-size:.8125rem}.pedigree-header{flex-direction:column;align-items:flex-start;gap:1rem}.btn-edit-pedigree{width:100%;justify-content:center}}.show-archived-toggle{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--brand-text-secondary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.show-archived-toggle input[type=checkbox]{cursor:pointer}.certificate-card.certificate-archived{opacity:.7;background:var(--brand-bg);border-color:var(--brand-border)}.archived-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background:#9ca3af33;color:#6b7280;border-radius:4px;font-size:.75rem;font-weight:600;margin-left:.5rem}.certificate-action-btn.btn-restore{color:#10b981}.certificate-action-btn.btn-restore:hover{background:#10b981;color:#fff;border-color:#10b981}.certificate-action-btn.btn-archive{color:#f59e0b}.certificate-action-btn.btn-archive:hover{background:#f59e0b;color:#fff;border-color:#f59e0b}.genetic-metrics{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius-lg, 12px);padding:1.5rem;margin-bottom:1.5rem;position:relative}.genetic-metrics.locked-feature{position:relative;overflow:hidden}.genetic-metrics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.genetic-metrics-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--brand-text-primary);display:flex;align-items:center;gap:.5rem}.metrics-icon{width:1.25rem;height:1.25rem;color:var(--brand-primary)}.btn-recalculate-metrics{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;color:var(--brand-primary);border:1px solid var(--brand-primary);border-radius:var(--brand-radius);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-recalculate-metrics:hover{background:var(--brand-primary);color:#fff}.btn-recalculate-metrics:disabled{opacity:.5;cursor:not-allowed}.metrics-last-calculated{font-size:.75rem;color:var(--brand-text-secondary);margin-top:.25rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.metric-card{background:var(--brand-bg-alt);border:1px solid var(--brand-border);border-radius:var(--brand-radius);padding:1.25rem;transition:all .2s}.metric-card-interactive{cursor:help}.metric-card-interactive:hover{border-color:var(--brand-primary);box-shadow:0 2px 8px #0000001a}.metric-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.metric-label{margin:0;font-size:.875rem;font-weight:600;color:var(--brand-text-secondary);text-transform:uppercase;letter-spacing:.025em}.metric-help-icon-btn{background:transparent;border:none;color:var(--brand-text-tertiary);cursor:pointer;padding:.25rem;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.metric-help-icon-btn:hover{background:var(--brand-bg);color:var(--brand-primary)}.metric-value{margin:0;font-size:2rem;font-weight:700;color:var(--brand-text-primary);line-height:1}.metric-badge{margin-top:.75rem}.metric-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;margin-top:.75rem}.metric-status-badge.status-success{background:#10b9811a;color:#10b981;border:1px solid #10b981}.metric-status-badge.status-warning{background:#f59e0b1a;color:#f59e0b;border:1px solid #f59e0b}.metric-status-badge.status-danger{background:#ef44441a;color:#ef4444;border:1px solid #ef4444}.metric-status-badge.status-info{background:#3b82f61a;color:#3b82f6;border:1px solid #3b82f6}.quality-badge{display:inline-block;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.quality-badge.quality-excellent{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.quality-badge.quality-good{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 8px #3b82f64d}.quality-badge.quality-fair{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px #f59e0b4d}.quality-badge.quality-poor{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.quality-badge.quality-default{background:var(--brand-bg-alt);color:var(--brand-text-secondary);border:1px solid var(--brand-border)}.genetic-help-modal-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.genetic-help-modal{background:var(--brand-surface);border-radius:var(--brand-radius-lg);max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;border:1px solid var(--brand-border)}.genetic-help-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--brand-border)}.genetic-help-modal-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--brand-text-primary);display:flex;align-items:center;gap:.5rem}.genetic-help-modal-close-btn{background:transparent;border:none;color:var(--brand-text-secondary);cursor:pointer;padding:.5rem;border-radius:var(--brand-radius);transition:all .2s}.genetic-help-modal-close-btn:hover{background:var(--brand-bg-alt);color:var(--brand-text-primary)}.genetic-help-modal-body{flex:1;overflow-y:auto;padding:1.5rem}.genetic-help-section{margin-bottom:1.5rem}.genetic-help-section:last-child{margin-bottom:0}.genetic-help-description{margin:0;font-size:1rem;color:var(--brand-text-primary);line-height:1.6}.genetic-help-subtitle{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--brand-text-primary);text-transform:uppercase;letter-spacing:.025em}.genetic-help-text{margin:0;font-size:.875rem;color:var(--brand-text-secondary);line-height:1.6}.genetic-help-list{list-style:none;padding:0;margin:0}.genetic-help-list li{padding:.5rem 0;font-size:.875rem;color:var(--brand-text-secondary);line-height:1.6;border-bottom:1px solid var(--brand-border)}.genetic-help-list li:last-child{border-bottom:none}.genetic-help-recommendation{background:rgba(var(--brand-primary-rgb),.05);border-left:3px solid var(--brand-primary);padding:1rem;border-radius:var(--brand-radius)}.genetic-help-modal-footer{padding:1.5rem;border-top:1px solid var(--brand-border);display:flex;justify-content:flex-end}.genetic-help-close-button{padding:.625rem 1.5rem;background:var(--brand-primary);color:#fff;border:none;border-radius:var(--brand-radius);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.genetic-help-close-button:hover{background:var(--brand-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--brand-primary-rgb),.3)}.premium-lock-overlay{position:absolute;inset:0;background:#000000d9;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:var(--brand-radius-lg)}.premium-lock-content{text-align:center;padding:2rem;max-width:300px}.premium-lock-icon{width:3rem;height:3rem;color:var(--brand-primary);margin-bottom:1rem}.premium-lock-title{margin:0 0 .5rem;font-size:1.125rem;font-weight:700;color:#fff}.premium-lock-description{margin:0;font-size:.875rem;color:#fffc;line-height:1.5}@media(max-width:768px){.genetic-metrics{padding:1rem}.genetic-metrics-header{flex-direction:column;align-items:flex-start;gap:1rem}.metrics-grid{grid-template-columns:1fr}.metric-value{font-size:1.75rem}.genetic-help-modal{max-height:95vh}.genetic-help-modal-header,.genetic-help-modal-body,.genetic-help-modal-footer{padding:1rem}}.certificate-upload-container{background:var(--bs-white);border:1px solid var(--bs-border-color);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.certificate-upload-container h4{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:var(--bs-dark)}.tier-limit-info{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bs-light);border-radius:6px;margin-bottom:1rem;font-size:.9rem}.tier-limit-info span{font-weight:500;color:var(--bs-secondary)}.btn-upgrade-inline{padding:.25rem .75rem;font-size:.85rem;font-weight:600;color:var(--bs-white);background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:4px;cursor:pointer;transition:transform .2s}.btn-upgrade-inline:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.upload-dropzone{border:2px dashed var(--bs-border-color);border-radius:8px;padding:3rem 2rem;text-align:center;background:var(--bs-light);cursor:pointer;transition:all .3s ease}.upload-dropzone:hover{border-color:var(--bs-primary);background:#0d6efd0d}.upload-dropzone.active{border-color:var(--bs-success);background:#1987541a;transform:scale(1.02)}.upload-dropzone svg{color:var(--bs-secondary);margin-bottom:1rem}.upload-dropzone p{margin:.5rem 0;color:var(--bs-dark);font-weight:500}.upload-dropzone .small-text{font-size:.875rem;color:var(--bs-secondary);font-weight:400}.upload-dropzone .small-text.muted{font-size:.8rem;color:var(--bs-text-muted)}.selected-file{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#0d6efd1a;border:1px solid var(--bs-primary);border-radius:6px;margin-bottom:1rem}.file-info{display:flex;align-items:center;gap:1rem}.file-info svg{color:var(--bs-primary);flex-shrink:0}.file-name{margin:0;font-weight:600;color:var(--bs-dark);font-size:.95rem}.file-size{margin:.25rem 0 0;font-size:.85rem;color:var(--bs-secondary)}.btn-remove-file{padding:.5rem;background:var(--bs-danger);color:var(--bs-white);border:none;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-remove-file:hover:not(:disabled){background:var(--bs-danger);transform:scale(1.05)}.btn-remove-file:disabled{opacity:.5;cursor:not-allowed}.certificate-details-form{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--bs-border-color)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.9rem;color:var(--bs-dark)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.625rem .875rem;border:1px solid var(--bs-border-color);border-radius:6px;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--bs-primary);box-shadow:0 0 0 3px #0d6efd1a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:var(--bs-light);cursor:not-allowed;opacity:.7}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.upload-progress{margin:1.5rem 0;text-align:center}.progress-bar{width:100%;height:8px;background:var(--bs-light);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--bs-success) 0%,var(--bs-primary) 100%);transition:width .3s ease;border-radius:4px}.upload-progress p{margin:0;font-size:.9rem;font-weight:500;color:var(--bs-secondary)}.upload-error{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#dc35451a;border:1px solid var(--bs-danger);border-radius:6px;margin:1rem 0}.upload-error svg{color:var(--bs-danger);flex-shrink:0}.upload-error span{color:var(--bs-danger);font-size:.9rem;font-weight:500}.upload-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--bs-border-color)}.btn-cancel,.btn-upload{padding:.625rem 1.5rem;font-size:.95rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.btn-cancel{background:var(--bs-light);color:var(--bs-dark)}.btn-cancel:hover:not(:disabled){background:var(--bs-secondary);color:var(--bs-white)}.btn-upload{background:var(--bs-primary);color:var(--bs-white)}.btn-upload:hover:not(:disabled){background:#0b5ed7;transform:translateY(-1px);box-shadow:0 4px 12px #0d6efd4d}.btn-cancel:disabled,.btn-upload:disabled{opacity:.5;cursor:not-allowed;transform:none}.upload-limit-reached{text-align:center;padding:3rem 2rem;background:var(--bs-light);border-radius:8px}.upload-limit-reached svg{color:var(--bs-warning);margin-bottom:1rem}.upload-limit-reached h4{margin:1rem 0 .5rem;font-size:1.2rem;color:var(--bs-dark)}.upload-limit-reached p{margin:0 0 1.5rem;color:var(--bs-secondary);font-size:.95rem}.btn-upgrade{padding:.75rem 2rem;font-size:1rem;font-weight:600;color:var(--bs-white);background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;cursor:pointer;transition:all .3s}.btn-upgrade:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}@media(max-width:768px){.certificate-upload-container{padding:1rem}.upload-dropzone{padding:2rem 1rem}.form-row{grid-template-columns:1fr}.upload-actions{flex-direction:column-reverse}.btn-cancel,.btn-upload{width:100%}.tier-limit-info{flex-direction:column;gap:.75rem;text-align:center}.btn-upgrade-inline{width:100%}}@media(prefers-color-scheme:dark){.certificate-upload-container{background:#1a1a1a;border-color:#333}.certificate-upload-container h4,.file-name,.form-group label{color:#e0e0e0}.upload-dropzone{background:#252525;border-color:#444}.upload-dropzone:hover{background:#0d6efd26}.tier-limit-info{background:#252525}.form-group input,.form-group select,.form-group textarea{background:#2a2a2a;border-color:#444;color:#e0e0e0}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#1f1f1f}.btn-cancel{background:#333;color:#e0e0e0}.btn-cancel:hover:not(:disabled){background:#444}.upload-limit-reached{background:#252525}.upload-limit-reached h4{color:#e0e0e0}}.certificate-viewer-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem}@media(min-width:768px){.certificate-viewer-modal{background:var(--brand-surface);border-radius:var(--brand-radius-lg, 12px);width:900px;height:85vh;max-width:calc(100vw - 4rem);max-height:calc(100vh - 4rem);min-width:600px;min-height:500px;display:flex;flex-direction:column;box-shadow:var(--brand-shadow-lg);border:1px solid var(--brand-border);resize:both;overflow:hidden;position:relative}.certificate-viewer-modal:after{content:"";position:absolute;bottom:0;right:0;width:20px;height:20px;background:linear-gradient(135deg,transparent 50%,var(--brand-border) 50%);opacity:.5;pointer-events:none;border-radius:0 0 var(--brand-radius-lg, 12px) 0;z-index:1}.certificate-viewer-modal.enhanced{width:950px}}@media(max-width:767.98px){.certificate-viewer-modal{background:var(--brand-surface);border-radius:var(--brand-radius-lg, 12px);width:100%;max-width:100%;max-height:95vh;display:flex;flex-direction:column;box-shadow:var(--brand-shadow-lg);border:1px solid var(--brand-border)}.certificate-viewer-modal.enhanced{max-width:100%}}.certificate-viewer-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:1px solid var(--brand-border);flex-shrink:0;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.certificate-viewer-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--brand-text-primary);pointer-events:none}.certificate-type{margin:.25rem 0 0;font-size:.875rem;color:var(--brand-text-secondary);pointer-events:none}.btn-close-viewer{background:none;border:none;color:var(--brand-text-secondary);cursor:pointer;padding:.5rem;border-radius:var(--brand-radius);transition:all .2s;flex-shrink:0}.btn-close-viewer:hover{background:var(--brand-bg-alt);color:var(--brand-text-primary)}.certificate-preview{flex:1;overflow:auto;padding:1.5rem;background:var(--brand-bg);display:flex;align-items:flex-start;justify-content:center;min-height:0}.certificate-preview.enhanced-preview{padding:1rem}.certificate-pdf-viewer{width:100%;height:600px;border:none;border-radius:var(--brand-radius);background:var(--brand-bg-alt)}.certificate-image-container{width:100%;display:flex;align-items:flex-start;justify-content:center;background:var(--brand-bg-alt);border-radius:var(--brand-radius);padding:1rem;border:1px solid var(--brand-border)}.certificate-image-viewer{width:100%;height:auto;max-width:100%;-o-object-fit:contain;object-fit:contain;border-radius:var(--brand-radius);box-shadow:0 4px 12px #0003;display:block;background:#1a1a1a}.certificate-image-viewer.enhanced{max-height:none}.certificate-details{padding:1.5rem;border-top:1px solid var(--brand-border);display:flex;flex-direction:column;gap:.75rem;flex-shrink:0;overflow-y:auto;max-height:300px}.detail-row{display:flex;align-items:center;gap:.75rem}.detail-row.blockchain-row{background:linear-gradient(135deg,#8b5cf61a,#6366f11a);padding:.5rem .75rem;border-radius:var(--brand-radius);margin:.25rem 0}.detail-label{font-size:.875rem;font-weight:600;color:var(--brand-text-secondary);min-width:100px}.detail-value{font-size:.875rem;color:var(--brand-text-primary)}.blockchain-link{display:inline-flex;align-items:center;gap:.375rem;color:#8b5cf6;text-decoration:none;font-size:.875rem;font-weight:600;transition:all .2s}.blockchain-link:hover{color:#6366f1;text-decoration:underline}.certificate-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.certificate-status-badge.blockchain-verified{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;border:1px solid #f59e0b;box-shadow:0 2px 8px #fbbf244d}.blockchain-verified .blockchain-icon{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.certificate-status-badge.molka-verified{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:1px solid #2563eb;box-shadow:0 2px 8px #3b82f64d}.certificate-status-badge.farm-verified{background:#10b9811a;color:#10b981;border:1px solid #10b981}.certificate-viewer-actions{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid var(--brand-border);justify-content:flex-end;flex-wrap:wrap;flex-shrink:0}.btn-download-certificate,.btn-verify-certificate,.btn-reject-certificate,.btn-blockchain-verify{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:var(--brand-radius);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none}.btn-download-certificate{background:var(--brand-bg-alt);color:var(--brand-text-primary);border:1px solid var(--brand-border)}.btn-download-certificate:hover{background:var(--brand-border)}.btn-verify-certificate{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-verify-certificate:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-reject-certificate{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-reject-certificate:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.btn-blockchain-verify{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;box-shadow:0 2px 8px #8b5cf64d}.btn-blockchain-verify:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf666}.btn-verify-certificate:disabled,.btn-reject-certificate:disabled,.btn-blockchain-verify:disabled{opacity:.5;cursor:not-allowed;transform:none}.blockchain-modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1200;padding:1rem;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.blockchain-modal{background:var(--brand-surface);border-radius:var(--brand-radius-lg, 12px);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;border:1px solid var(--brand-border);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blockchain-modal-header{display:flex;align-items:center;gap:.75rem;padding:1.5rem;border-bottom:1px solid var(--brand-border);background:linear-gradient(135deg,#8b5cf61a,#6366f11a)}.blockchain-icon-large{color:#8b5cf6;flex-shrink:0}.blockchain-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--brand-text-primary);flex:1}.blockchain-modal-header .btn-close{background:none;border:none;color:var(--brand-text-secondary);cursor:pointer;padding:.5rem;border-radius:var(--brand-radius);transition:all .2s}.blockchain-modal-header .btn-close:hover{background:var(--brand-bg-alt);color:var(--brand-text-primary)}.blockchain-modal-body{padding:1.5rem}.blockchain-description{font-size:.9375rem;line-height:1.6;color:var(--brand-text-secondary);margin:0 0 1.5rem}.blockchain-features{background:var(--brand-bg-alt);border:1px solid var(--brand-border);border-radius:var(--brand-radius);padding:1rem 1.25rem;margin-bottom:1.5rem}.blockchain-features h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--brand-text-primary);text-transform:uppercase;letter-spacing:.5px}.blockchain-features ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.blockchain-features li{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--brand-text-primary)}.blockchain-features li svg{color:#10b981;flex-shrink:0}.blockchain-pricing{background:linear-gradient(135deg,#8b5cf60d,#6366f10d);border:1px solid rgba(139,92,246,.2);border-radius:var(--brand-radius);padding:1rem 1.25rem}.pricing-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.9375rem}.pricing-row span:first-child{color:var(--brand-text-secondary);font-weight:500}.pricing-row .price{font-size:1.25rem;font-weight:700;color:#8b5cf6}.upgrade-note{margin:0;padding-top:.75rem;border-top:1px solid rgba(139,92,246,.2);font-size:.8125rem;color:var(--brand-text-secondary);line-height:1.5}.upgrade-note strong{color:#8b5cf6;font-weight:600}.blockchain-modal-footer{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid var(--brand-border);justify-content:flex-end}.blockchain-modal-footer .btn-cancel{background:var(--brand-bg-alt);color:var(--brand-text-primary);border:1px solid var(--brand-border);padding:.625rem 1.25rem;border-radius:var(--brand-radius);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.blockchain-modal-footer .btn-cancel:hover{background:var(--brand-border)}.btn-blockchain-confirm{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;padding:.625rem 1.5rem;border-radius:var(--brand-radius);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #8b5cf64d}.btn-blockchain-confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf666}.btn-blockchain-confirm:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:768px){.certificate-viewer-modal,.blockchain-modal{max-height:95vh;margin:0}.certificate-viewer-header,.blockchain-modal-header{padding:1rem;cursor:default}.certificate-preview{padding:1rem}.certificate-image-viewer,.certificate-image-viewer.enhanced{max-height:none}.certificate-pdf-viewer{height:400px}.certificate-details,.blockchain-modal-body{padding:1rem;max-height:250px}.certificate-viewer-actions,.blockchain-modal-footer{padding:1rem;flex-direction:column}.btn-download-certificate,.btn-verify-certificate,.btn-reject-certificate,.btn-blockchain-verify,.btn-blockchain-confirm{width:100%;justify-content:center}.detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}.detail-label{min-width:auto}}.pedigree-editor-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem;overflow-y:auto}.pedigree-editor-modal{background:var(--brand-surface);border-radius:var(--brand-radius-lg, 12px);max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--brand-shadow-lg);border:1px solid var(--brand-border);margin:auto}.pedigree-editor-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--brand-border)}.pedigree-editor-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--brand-text-primary)}.btn-close-editor{background:none;border:none;color:var(--brand-text-secondary);cursor:pointer;padding:.5rem;border-radius:var(--brand-radius);transition:all .2s}.btn-close-editor:hover{background:var(--brand-bg-alt);color:var(--brand-text-primary)}.pedigree-editor-body{flex:1;overflow-y:auto;padding:1.5rem;background:var(--brand-bg)}.search-box{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius);margin-bottom:1.5rem}.search-box svg{color:var(--brand-text-secondary);flex-shrink:0}.search-input{flex:1;border:none;background:transparent;color:var(--brand-text-primary);font-size:.875rem;outline:none}.search-input::-moz-placeholder{color:var(--brand-text-tertiary)}.search-input::placeholder{color:var(--brand-text-tertiary)}.loading-state{text-align:center;padding:3rem;color:var(--brand-text-secondary);font-size:.875rem}.generation-section{margin-bottom:2rem}.generation-title{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--brand-text-primary);padding-bottom:.5rem;border-bottom:2px solid var(--brand-primary)}.lineage-group{margin-bottom:1.5rem}.lineage-group:last-child{margin-bottom:0}.lineage-subtitle{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:var(--brand-text-secondary)}.selectors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.animal-selector{display:flex;flex-direction:column;gap:.5rem}.selector-label{font-size:.875rem;font-weight:600;color:var(--brand-text-primary)}.selector-input-group{display:flex;gap:.5rem;align-items:stretch}.selector-dropdown{flex:1;padding:.625rem .875rem;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius);color:var(--brand-text-primary);font-size:.875rem;cursor:pointer;transition:all .2s}.selector-dropdown:hover{border-color:var(--brand-primary)}.selector-dropdown:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb),.1)}.selector-dropdown option{padding:.5rem}.selector-clear-btn{background:var(--brand-bg-alt);border:1px solid var(--brand-border);color:var(--brand-text-secondary);cursor:pointer;padding:.625rem;border-radius:var(--brand-radius);transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.selector-clear-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.pedigree-editor-footer{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid var(--brand-border);justify-content:flex-end;background:var(--brand-surface)}.btn-cancel,.btn-save-pedigree{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:var(--brand-radius);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel{background:var(--brand-bg-alt);color:var(--brand-text-primary);border:1px solid var(--brand-border)}.btn-cancel:hover{background:var(--brand-border)}.btn-save-pedigree{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark, #059669));color:#fff}.btn-save-pedigree:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--brand-primary-rgb),.3)}.btn-save-pedigree:disabled{opacity:.5;cursor:not-allowed;transform:none}.pedigree-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.btn-edit-pedigree{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:var(--brand-primary);color:#fff;border:none;border-radius:var(--brand-radius);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-edit-pedigree:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--brand-primary-rgb),.3)}@media(max-width:768px){.pedigree-editor-modal{max-height:95vh;margin:0}.pedigree-editor-header{padding:1rem}.pedigree-editor-header h3{font-size:1.125rem}.pedigree-editor-body{padding:1rem}.selectors-grid{grid-template-columns:1fr}.pedigree-editor-footer{padding:1rem;flex-direction:column-reverse}.btn-cancel,.btn-save-pedigree{width:100%;justify-content:center}.btn-edit-pedigree{padding:.5rem 1rem;font-size:.8125rem}}@media(prefers-color-scheme:dark){.selector-dropdown{background:var(--brand-bg)}.selector-dropdown option{background:var(--brand-surface)}}.validation-banner{display:flex;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--brand-border);background:#f59e0b1a}.validation-banner.error{background:#ef44441a}.validation-banner.warning{background:#f59e0b1a}.validation-banner-icon{flex-shrink:0;color:#f59e0b}.validation-banner.error .validation-banner-icon{color:#ef4444}.validation-banner-content{flex:1}.validation-banner-content strong{display:block;font-size:.9375rem;margin-bottom:.25rem;color:var(--brand-text-primary)}.validation-banner-content p{margin:0;font-size:.875rem;color:var(--brand-text-secondary)}.field-indicator{margin-left:.5rem;font-size:.875rem}.field-indicator.error{color:#ef4444}.field-indicator.warning{color:#f59e0b}.selector-dropdown.error{border-color:#ef4444;background:#ef44440d}.selector-dropdown.warning{border-color:#f59e0b;background:#f59e0b0d}.field-message{display:flex;align-items:center;gap:.5rem;margin-top:.375rem;padding:.5rem;border-radius:var(--brand-radius-sm);font-size:.8125rem;line-height:1.4}.error-message{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.warning-message{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.field-message svg{flex-shrink:0}.validation-modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1200;padding:1rem}.validation-modal{background:var(--brand-surface);border-radius:var(--brand-radius-lg);max-width:600px;width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;border:1px solid var(--brand-border)}.validation-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--brand-border)}.validation-modal-header h3{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.125rem;font-weight:600;color:var(--brand-text-primary)}.validation-modal-header .btn-close{background:none;border:none;color:var(--brand-text-secondary);cursor:pointer;padding:.5rem;border-radius:var(--brand-radius);transition:all .2s}.validation-modal-header .btn-close:hover{background:var(--brand-bg-alt);color:var(--brand-text-primary)}.validation-modal-body{flex:1;overflow-y:auto;padding:1.5rem}.validation-section{margin-bottom:1.5rem}.validation-section:last-child{margin-bottom:0}.validation-section-title{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--brand-text-primary)}.validation-section-title.error{color:#ef4444}.validation-section-title.warning{color:#f59e0b}.validation-section-title.info{color:#3b82f6}.validation-section-subtitle{margin:0 0 .75rem;font-size:.875rem;color:var(--brand-text-secondary)}.validation-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.validation-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:var(--brand-radius);font-size:.875rem;line-height:1.5}.validation-item.error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444}.validation-item.warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#d97706}.validation-item.info{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#2563eb}.validation-item svg{flex-shrink:0;margin-top:.125rem}.validation-modal-footer{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid var(--brand-border);justify-content:flex-end}@media(max-width:768px){.validation-modal{max-height:90vh}.validation-banner{padding:.875rem 1rem}.validation-modal-header,.validation-modal-body,.validation-modal-footer{padding:1rem}.validation-modal-footer{flex-direction:column-reverse}.validation-modal-footer button{width:100%;justify-content:center}}.reports-tab{--rt-primary: #10b981;--rt-primary-light: #34d399;--rt-primary-dark: #059669;--rt-primary-glow: rgba(16, 185, 129, .4);--rt-bg-deep: #0f172a;--rt-bg-card: #1e293b;--rt-bg-surface: #1a2332;--rt-bg-elevated: #243044;--rt-border: #334155;--rt-border-light: #475569;--rt-text-primary: #f1f5f9;--rt-text-secondary: #cbd5e1;--rt-text-muted: #64748b;--rt-success: #10b981;--rt-warning: #f59e0b;--rt-danger: #ef4444;--rt-info: #3b82f6;--rt-purple: #8b5cf6;display:flex;flex-direction:column;gap:1rem;height:100%}.reports-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:var(--brand-surface-elevated, #252540);border-radius:8px;border:1px solid var(--brand-border, #2d2d44)}.header-left{display:flex;align-items:center;gap:.5rem}.header-left h4{margin:0;font-size:.95rem;font-weight:600;color:var(--brand-text-primary, #f0f0f0)}.count-badge{padding:.125rem .5rem;background:var(--brand-primary, #10b981);color:#fff;border-radius:12px;font-size:.75rem;font-weight:600}.header-actions{display:flex;align-items:center;gap:.5rem}.btn-text{display:none}@media(min-width:640px){.btn-text{display:inline}}.filter-select{padding:.375rem .75rem;background:var(--brand-surface, #1a1a2e);border:1px solid var(--brand-border, #2d2d44);border-radius:6px;color:var(--brand-text-primary, #f0f0f0);font-size:.85rem;cursor:pointer;transition:all .2s}.filter-select:hover{border-color:var(--brand-primary, #10b981)}.filter-select:focus{outline:none;border-color:var(--brand-primary, #10b981);box-shadow:0 0 0 3px #10b9811a}.reports-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:var(--brand-text-secondary, #a0a0a0)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reports-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1rem;text-align:center;color:var(--brand-text-secondary, #a0a0a0)}.reports-empty svg{color:var(--brand-text-muted, #666)}.reports-empty h5{margin:0;font-size:1rem;font-weight:600;color:var(--brand-text-primary, #f0f0f0)}.reports-empty p{margin:0;font-size:.85rem;max-width:400px}.reports-list{display:flex;flex-direction:column;gap:.75rem}.report-card{display:flex;align-items:center;gap:.75rem;padding:.875rem;background:var(--brand-surface-elevated, #252540);border:1px solid var(--brand-border, #2d2d44);border-radius:8px;transition:all .2s}.report-card:hover{border-color:var(--brand-primary, #10b981);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.report-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#10b98126;color:#10b981}.report-icon--blue{background:#3b82f626;color:#3b82f6}.report-icon--green{background:#10b98126;color:#10b981}.report-icon--purple{background:#a855f726;color:#a855f7}.report-icon--orange{background:#f9731626;color:#f97316}.report-icon--pink{background:#ec489926;color:#ec4899}.report-icon--gray{background:#6b728026;color:#6b7280}.report-info{flex:1;min-width:0}.report-title{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--brand-text-primary, #f0f0f0);margin-bottom:.25rem}.ai-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background:linear-gradient(135deg,#a855f7,#8b5cf6);color:#fff;border-radius:4px;font-size:.65rem;font-weight:700;text-transform:uppercase}.report-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.75rem;color:var(--brand-text-secondary, #a0a0a0)}.report-meta span,.report-actions{display:flex;align-items:center;gap:.25rem}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--brand-text-secondary, #a0a0a0);cursor:pointer;transition:all .2s}.btn-icon:hover{background:var(--brand-surface, #1a1a2e);border-color:var(--brand-border, #2d2d44);color:var(--brand-text-primary, #f0f0f0)}.btn-icon--warning:hover{background:#f973161a;border-color:#f973164d;color:#f97316}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.modal-content{background:var(--brand-surface, #1a1a2e);border:1px solid var(--brand-border, #2d2d44);border-radius:12px;width:100%;max-width:500px;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--brand-border, #2d2d44)}.modal-header h5{margin:0;font-size:1rem;font-weight:600;color:var(--brand-text-primary, #f0f0f0)}.modal-header button{background:transparent;border:none;color:var(--brand-text-secondary, #a0a0a0);font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-header button:hover{background:var(--brand-surface-elevated, #252540);color:var(--brand-text-primary, #f0f0f0)}.modal-body{padding:1.25rem}.modal-body p{margin:0 0 1rem;font-size:.9rem;color:var(--brand-text-secondary, #a0a0a0)}.share-link-box{display:flex;gap:.5rem;margin-bottom:1rem}.share-link-box input{flex:1;padding:.625rem .875rem;background:var(--brand-surface-elevated, #252540);border:1px solid var(--brand-border, #2d2d44);border-radius:6px;color:var(--brand-text-primary, #f0f0f0);font-size:.85rem;font-family:monospace}.share-link-box input:focus{outline:none;border-color:var(--brand-primary, #10b981)}.share-link-box button{display:flex;align-items:center;gap:.375rem;padding:.625rem 1rem;background:var(--brand-primary, #10b981);border:none;border-radius:6px;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.share-link-box button:hover{background:#059669}.share-link-box .btn-success{background:#22c55e}.text-muted{font-size:.8rem;color:var(--brand-text-muted, #666)}.alert{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;font-size:.85rem}.alert button{margin-left:auto;background:transparent;border:none;color:inherit;font-size:1.25rem;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.alert-danger{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171}@media(max-width:640px){.reports-header{flex-direction:column;align-items:stretch}.header-actions{justify-content:space-between}.filter-select{flex:1}.report-card{flex-direction:column;align-items:flex-start;gap:.5rem}.report-info{width:100%}.report-actions{width:100%;justify-content:flex-end}.report-meta{font-size:.7rem;gap:.5rem}}.reports-header{background:linear-gradient(145deg,var(--rt-bg-card, #1e293b) 0%,var(--rt-bg-surface, #1a2332) 100%);border:1px solid var(--rt-border, #334155);box-shadow:0 4px 15px #0000004d}.count-badge{background:linear-gradient(135deg,var(--rt-primary, #10b981) 0%,var(--rt-primary-dark, #059669) 100%);box-shadow:0 2px 8px #10b9814d}.filter-select{background:linear-gradient(145deg,var(--rt-bg-elevated, #243044) 0%,var(--rt-bg-card, #1e293b) 100%);border:1px solid var(--rt-border, #334155);color:var(--rt-text-primary, #f1f5f9);transition:all .2s ease}.filter-select:hover{border-color:var(--rt-primary, #10b981);box-shadow:0 0 10px #10b98126}.filter-select:focus{border-color:var(--rt-primary, #10b981);box-shadow:0 0 0 3px #10b98133}.report-card{background:linear-gradient(145deg,var(--rt-bg-card, #1e293b) 0%,var(--rt-bg-surface, #1a2332) 100%);border:1px solid var(--rt-border, #334155);box-shadow:0 4px 15px #0000004d;transition:all .3s ease}.report-card:hover{border-color:var(--rt-primary, #10b981);transform:translateY(-2px);box-shadow:0 8px 25px #0006,0 0 30px #10b98126}.report-icon{box-shadow:0 2px 8px #0003;transition:all .2s ease}.report-card:hover .report-icon{transform:scale(1.05)}.report-icon--green{background:linear-gradient(135deg,#10b98133,#10b9811a);box-shadow:0 0 10px #10b98126}.report-icon--blue{background:linear-gradient(135deg,#3b82f633,#3b82f61a);box-shadow:0 0 10px #3b82f626}.report-icon--purple{background:linear-gradient(135deg,#a855f733,#a855f71a);box-shadow:0 0 10px #a855f726}.report-icon--orange{background:linear-gradient(135deg,#f9731633,#f973161a);box-shadow:0 0 10px #f9731626}.report-icon--pink{background:linear-gradient(135deg,#ec489933,#ec48991a);box-shadow:0 0 10px #ec489926}.ai-badge{background:linear-gradient(135deg,var(--rt-purple, #8b5cf6) 0%,#a78bfa 100%);box-shadow:0 2px 8px #8b5cf666;text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-icon{color:var(--rt-text-secondary, #cbd5e1);transition:all .2s ease}.btn-icon:hover{background:#10b98126;border-color:#10b9814d;color:var(--rt-primary, #10b981);box-shadow:0 0 10px #10b98133}.btn-icon--warning:hover{background:#f9731626;border-color:#f973164d;color:var(--rt-warning, #f59e0b);box-shadow:0 0 10px #f9731633}.reports-empty{color:var(--rt-text-secondary, #cbd5e1)}.reports-empty svg{color:var(--rt-text-muted, #64748b);filter:drop-shadow(0 0 8px rgba(100,116,139,.3))}.reports-empty h5{color:var(--rt-primary, #10b981);text-shadow:0 0 15px rgba(16,185,129,.3)}.modal-overlay{background:#0f172acc;backdrop-filter:blur(8px)}.modal-content{background:linear-gradient(145deg,var(--rt-bg-card, #1e293b) 0%,var(--rt-bg-surface, #1a2332) 100%);border:1px solid var(--rt-border, #334155);box-shadow:0 20px 60px #00000080,0 0 40px #10b9811a}.modal-header{border-bottom:1px solid var(--rt-border, #334155)}.share-link-box input{background:linear-gradient(145deg,var(--rt-bg-elevated, #243044) 0%,var(--rt-bg-card, #1e293b) 100%);border:1px solid var(--rt-border, #334155);color:var(--rt-text-primary, #f1f5f9)}.share-link-box input:focus{border-color:var(--rt-primary, #10b981);box-shadow:0 0 0 3px #10b98133}.share-link-box button{background:linear-gradient(135deg,var(--rt-primary, #10b981) 0%,var(--rt-primary-dark, #059669) 100%);box-shadow:0 2px 10px #10b9814d}.share-link-box button:hover{transform:translateY(-1px);box-shadow:0 4px 15px #10b98166}.reports-loading svg{color:var(--rt-primary, #10b981);filter:drop-shadow(0 0 10px rgba(16,185,129,.5))}