.homepage-v0{min-height:100vh;background:#000;color:#fff;overflow-x:hidden}.hero-section{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-background-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-neural-visual{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.8}.hero-gradient-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,transparent 50%,rgba(0,0,0,.8) 100%);background-size:200% 200%;animation:gradient-shift 10s ease infinite}.hero-orb-layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;z-index:1;pointer-events:none}.hero-gradient-orb{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#06b6d44d,#8b5cf61a,#10b9814d);background-size:200% 200%;animation:gradient-shift 10s ease infinite}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);animation:orb-pulse 8s ease-in-out infinite}.hero-orb.orb-1{top:25%;left:25%;width:800px;height:800px;background:#06b6d466}.hero-orb.orb-2{bottom:25%;right:25%;width:700px;height:700px;background:#10b98166}.hero-orb.orb-3{top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;background:#22d3ee4d;animation:intense-float 15s ease-in-out infinite}.hero-orb.orb-4{top:33%;right:33%;width:600px;height:600px;background:#8b5cf633}.hero-content-wrapper{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:0 1.5rem;text-align:center}.hero-badge{display:inline-block;padding:.5rem 1rem;border:1px solid rgba(6,182,212,.3);border-radius:9999px;font-size:.875rem;color:#06b6d4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d;margin-bottom:1.5rem;animation:fade-in .6s ease-out forwards}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:300;margin-bottom:1.5rem;letter-spacing:-.02em;line-height:1.1;animation:slide-in-up .5s ease-out forwards}.hero-title-gradient{display:block;margin-top:.5rem;background:linear-gradient(to right,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1.25rem,2vw,1.5rem);color:#9ca3af;margin-bottom:3rem;max-width:48rem;margin-left:auto;margin-right:auto;font-weight:300;line-height:1.5;animation:slide-in-up .5s ease-out forwards;animation-delay:.1s;opacity:0;animation-fill-mode:forwards}.hero-cta-buttons{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center;animation:slide-in-up .5s ease-out forwards;animation-delay:.2s;opacity:0;animation-fill-mode:forwards}@media (min-width: 640px){.hero-cta-buttons{flex-direction:row}}.btn-hero-primary{display:inline-flex;align-items:center;gap:.5rem;padding:1.5rem 2rem;background:#fff;color:#000;border:none;border-radius:.5rem;font-size:1.125rem;font-weight:500;text-decoration:none;transition:all .5s cubic-bezier(.4,0,.2,1);cursor:pointer}.btn-hero-primary:hover{background:#e5e7eb;box-shadow:0 0 40px #06b6d480,0 0 80px #06b6d433;transform:translateY(-2px)}.btn-hero-primary .btn-arrow{transition:transform .3s}.btn-hero-primary:hover .btn-arrow{transform:translate(4px)}.btn-hero-secondary{display:inline-flex;align-items:center;padding:1.5rem 2rem;background:transparent;color:#fff;border:1px solid #374151;border-radius:.5rem;font-size:1.125rem;font-weight:500;text-decoration:none;transition:all .3s;cursor:pointer}.btn-hero-secondary:hover{background:#ffffff1a}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:10;animation:bounce 2s infinite}.scroll-mouse{width:1.5rem;height:2.5rem;border:2px solid #374151;border-radius:9999px;display:flex;justify-content:center;padding-top:.5rem}.scroll-dot{width:.25rem;height:.5rem;background:#6b7280;border-radius:9999px;animation:pulse 2s infinite}.intelligence-section{padding:8rem 1.5rem;background:linear-gradient(to bottom,#000,#030712);position:relative;overflow:hidden}.intelligence-background{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.05}.intelligence-background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#06b6d4 0%,transparent 50%,#10b981 100%);animation:slow-spin 60s linear infinite;transform-origin:center}.intelligence-content{max-width:1280px;margin:0 auto;position:relative;z-index:10}.intelligence-title{font-size:clamp(2.5rem,5vw,3rem);font-weight:300;text-align:center;margin-bottom:5rem;line-height:1.2}.intelligence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}@media (min-width: 768px){.intelligence-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.intelligence-grid{grid-template-columns:repeat(3,1fr)}}.animated-grid-item{position:relative;aspect-ratio:4/3;background:#111827;border-radius:.5rem;overflow:hidden;border:1px solid #1f2937;transition:all .5s}.animated-grid-item:hover{border-color:#06b6d480;box-shadow:0 0 40px #06b6d480,0 0 80px #06b6d433;transform:translateY(-2px)}.animated-visual-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.6;transition:opacity .7s}.animated-grid-item:hover .animated-visual-bg{opacity:.9}.grid-item-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);transition:opacity .5s}.grid-item-title{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:opacity .5s;z-index:2}.grid-item-title h3{font-size:1.5rem;font-weight:300;text-align:center;padding:0 1.5rem;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.5)}.comparison-section{padding:8rem 1.5rem;background:#030712}.comparison-content{max-width:1280px;margin:0 auto}.comparison-title{font-size:clamp(2.5rem,5vw,3rem);font-weight:300;text-align:center;margin-bottom:5rem;line-height:1.2;animation:slide-in-up .5s ease-out forwards}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}@media (min-width: 768px){.comparison-grid{grid-template-columns:repeat(3,1fr)}}.comparison-card{position:relative;padding:2rem;background:#11182780;border:1px solid #1f2937;border-radius:.5rem;transition:all .5s}.comparison-card-negative:hover{border-color:#ef44444d}.comparison-card-positive{background:linear-gradient(to bottom,#06b6d41a,#10b9811a);border-color:#06b6d480;box-shadow:0 0 20px #06b6d433}.comparison-card-positive:hover{border-color:#06b6d4}.comparison-icon{width:3rem;height:3rem;margin-bottom:1.5rem}.comparison-card-negative .comparison-icon{color:#f87171}.comparison-card-positive .comparison-icon{color:#06b6d4}.comparison-card-title{font-size:1.5rem;font-weight:300;margin-bottom:1rem;color:#fff}.comparison-card-title-positive{color:#06b6d4}.comparison-card-text{color:#9ca3af;line-height:1.6;margin-bottom:1rem}.comparison-card-subtext{color:#6b7280;font-size:.875rem;line-height:1.6}.how-it-works-section{padding:8rem 1.5rem;background:#000}.how-it-works-content{max-width:1280px;margin:0 auto}.how-it-works-title{font-size:clamp(2.5rem,5vw,3rem);font-weight:300;text-align:center;margin-bottom:5rem;line-height:1.2;animation:slide-in-up .5s ease-out forwards}.how-it-works-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;position:relative}@media (min-width: 768px){.how-it-works-steps{grid-template-columns:repeat(4,1fr)}}.how-it-works-connector{display:none}@media (min-width: 768px){.how-it-works-connector{display:block;position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(to right,transparent 0%,rgba(6,182,212,.5) 50%,transparent 100%);transform:translateY(-50%);animation:shimmer 2s infinite linear}}.how-it-works-step{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:10;animation:scale-in .4s ease-out forwards}.how-it-works-icon{width:6rem;height:6rem;margin-bottom:1.5rem;padding:1.5rem;background:#111827;border:1px solid #1f2937;border-radius:50%;color:#06b6d4;transition:all .5s;animation:pulse-glow 2s ease-in-out infinite}.how-it-works-step:hover .how-it-works-icon{border-color:#06b6d4;box-shadow:0 0 20px #06b6d480;transform:scale(1.1)}.how-it-works-step-title{font-size:1.5rem;font-weight:300;margin-bottom:.75rem;color:#fff;transition:color .3s}.how-it-works-step:hover .how-it-works-step-title{color:#06b6d4}.how-it-works-step-description{font-size:.875rem;color:#9ca3af;line-height:1.6;max-width:12rem}.access-section{padding:8rem 1.5rem;background:linear-gradient(to bottom,#000,#030712)}.access-content{max-width:64rem;margin:0 auto;text-align:center}.access-badge{display:inline-block;padding:.75rem 1.5rem;border:1px solid rgba(6,182,212,.3);border-radius:9999px;font-size:.875rem;color:#06b6d4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000004d;margin-bottom:2rem;animation:fade-in .6s ease-out forwards}.access-title{font-size:clamp(2.5rem,6vw,3.75rem);font-weight:300;margin-bottom:2rem;line-height:1.1;animation:slide-in-up .5s ease-out forwards}.access-title-gradient{display:block;margin-top:.5rem;background:linear-gradient(to right,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.access-subtitle{font-size:1.25rem;color:#9ca3af;margin-bottom:1.5rem;max-width:42rem;margin-left:auto;margin-right:auto;font-weight:300;line-height:1.6;animation:slide-in-up .5s ease-out forwards;animation-delay:.3s;opacity:0;animation-fill-mode:forwards}.access-subtitle-secondary{font-size:1rem;color:#6b7280;margin-bottom:3rem;max-width:42rem;margin-left:auto;margin-right:auto;font-weight:300;line-height:1.6;animation:slide-in-up .5s ease-out forwards;animation-delay:.35s;opacity:0;animation-fill-mode:forwards}.btn-access{display:inline-flex;align-items:center;gap:.5rem;padding:1.5rem 3rem;background:#fff;color:#000;border:none;border-radius:.5rem;font-size:1.125rem;font-weight:500;text-decoration:none;transition:all .5s cubic-bezier(.4,0,.2,1);cursor:pointer;animation:slide-in-up .5s ease-out forwards;animation-delay:.4s;opacity:0;animation-fill-mode:forwards}.btn-access:hover{background:#e5e7eb;box-shadow:0 0 40px #06b6d480,0 0 80px #06b6d433;transform:translateY(-2px)}.btn-access .btn-arrow{transition:transform .3s}.btn-access:hover .btn-arrow{transform:translate(4px)}.access-note{margin-top:1.5rem;font-size:.875rem;color:#6b7280;animation:slide-in-up .5s ease-out forwards;animation-delay:.5s;opacity:0;animation-fill-mode:forwards}.homepage-footer{border-top:1px solid #111827;padding:3rem 1.5rem;background:#000}.footer-content{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;justify-content:space-between;align-items:center}@media (min-width: 768px){.footer-content{flex-direction:row}}.footer-logo{font-size:1.5rem;font-weight:300;animation:slide-in-up .5s ease-out forwards}.footer-links{display:flex;gap:2rem;font-size:.875rem;color:#6b7280;animation:slide-in-up .5s ease-out forwards}.footer-link{color:#6b7280;text-decoration:none;background:none;border:none;cursor:pointer;transition:color .3s}.footer-link:hover{color:#06b6d4}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.dashboard-layout{min-height:100vh;background:#000;color:#fff;display:flex}.dashboard-mobile-menu-btn{position:fixed;top:1rem;left:1rem;z-index:50;padding:.5rem;background:#111827;border:1px solid #1f2937;border-radius:.5rem;color:#fff;cursor:pointer;transition:background-color .3s;display:block}.dashboard-mobile-menu-btn:hover{background:#1f2937}@media (min-width: 1024px){.dashboard-mobile-menu-btn{display:none}}.dashboard-sidebar{position:fixed;left:0;top:0;height:100%;width:5rem;background:#030712;border-right:1px solid #111827;z-index:40;display:flex;flex-direction:column;align-items:center;padding:1rem 0;gap:.75rem;transition:transform .3s;transform:translate(-100%);overflow:hidden}@media (min-width: 1024px){.dashboard-sidebar{transform:translate(0)}}.dashboard-sidebar.sidebar-open{transform:translate(0)}.dashboard-logo{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;flex-shrink:0}.dashboard-logo-icon{width:2.5rem;height:2.5rem;background:linear-gradient(135deg,#ec4899,#a855f7);border-radius:.5rem;display:flex;align-items:center;justify-content:center;transition:transform .3s;box-shadow:0 0 20px #ec489980}.dashboard-logo:hover .dashboard-logo-icon{transform:scale(1.1)}.dashboard-logo-icon span{font-size:1.25rem;font-weight:700;color:#fff}.dashboard-nav{flex:1;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;overflow-x:hidden;min-height:0;width:100%;padding:0 .5rem}.dashboard-nav::-webkit-scrollbar{width:4px}.dashboard-nav::-webkit-scrollbar-track{background:transparent}.dashboard-nav::-webkit-scrollbar-thumb{background:#374151;border-radius:2px}.dashboard-nav::-webkit-scrollbar-thumb:hover{background:#4b5563}.dashboard-nav-item{position:relative;display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:.5rem;transition:all .3s;color:#6b7280;text-decoration:none}.dashboard-nav-item:hover{color:#fff;background:#111827}.dashboard-nav-item.nav-item-active{color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dashboard-nav-icon{width:1.5rem;height:1.5rem}.dashboard-nav-tooltip{position:absolute;left:calc(100% + 1rem);padding:.5rem .75rem;background:#111827;border:1px solid #1f2937;border-radius:.5rem;font-size:.875rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s}.dashboard-nav-item:hover .dashboard-nav-tooltip{opacity:1}.dashboard-nav-tooltip-arrow{position:absolute;left:0;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:.5rem;height:.5rem;background:#111827;border-left:1px solid #1f2937;border-bottom:1px solid #1f2937}.dashboard-demo-toggle{margin-top:auto;margin-bottom:.5rem;padding:0 .5rem;flex-shrink:0}.demo-toggle-btn{width:100%;padding:.5rem;background:#111827;border:1px solid #1f2937;border-radius:.5rem;color:#6b7280;cursor:pointer;transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.75rem}.demo-toggle-btn:hover{background:#1f2937;border-color:#374151;color:#9ca3af}.demo-toggle-btn.demo-active{background:linear-gradient(135deg,#ec489933,#8b5cf633);border-color:#ec489980;color:#ec4899}.demo-toggle-btn.demo-active:hover{border-color:#ec4899b3;color:#f472b6}.demo-toggle-icon{font-size:1.25rem;line-height:1}.demo-toggle-label{font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.dashboard-user-avatar{width:3rem;height:3rem;background:linear-gradient(135deg,#1f2937,#111827);border:1px solid #1f2937;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:500;cursor:pointer;transition:border-color .3s;flex-shrink:0;margin-bottom:.5rem}.dashboard-user-avatar:hover{border-color:#06b6d480}.dashboard-main{flex:1;min-height:100vh;padding-left:0}@media (min-width: 1024px){.dashboard-main{padding-left:5rem}}.dashboard-main-content{max-width:1600px;margin:0 auto;padding:2rem 1.5rem;position:relative;z-index:10;background:transparent;color:#fff}@media (min-width: 1024px){.dashboard-main-content{padding:3rem}}.dashboard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:30}@media (min-width: 1024px){.dashboard-overlay{display:none}}.card{background:#111827b3;border:1px solid #111827;border-radius:.625rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .5s;overflow:hidden}.card:hover{border-color:#374151}.health-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}@media (min-width: 768px){.health-overview-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.health-overview-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1280px){.health-overview-grid{grid-template-columns:repeat(5,1fr)}}.health-overview-card{position:relative;background:#111827b3!important;border-color:#111827!important;transition:all .5s;overflow:hidden;animation:scale-in .4s ease-out forwards}.health-overview-card:hover{border-color:#374151!important;transform:scale(1.05)}.health-overview-card.glow-emerald:hover{box-shadow:0 0 40px #10b98180}.health-overview-card.glow-blue:hover{box-shadow:0 0 40px #3b82f680}.health-overview-card.glow-violet:hover{box-shadow:0 0 40px #8b5cf680}.health-overview-card.glow-orange:hover{box-shadow:0 0 40px #f9731680}.health-overview-gradient{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.4;transition:opacity .5s;background-size:200% 200%;animation:gradient-shift 10s ease infinite}.health-overview-card:hover .health-overview-gradient{opacity:.7}.health-overview-gradient.from-emerald-500\/20{background:linear-gradient(135deg,#10b98133,#14b8a633,#06b6d433)}.health-overview-gradient.from-blue-500\/20{background:linear-gradient(135deg,#3b82f633,#6366f133,#8b5cf633)}.health-overview-gradient.from-violet-500\/20{background:linear-gradient(135deg,#8b5cf633,#a755f733,#ec489933)}.health-overview-gradient.from-orange-500\/20{background:linear-gradient(135deg,#f9731633,#f59e0b33,#eab30833)}.health-overview-hover-border{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .5s}.health-overview-card:hover .health-overview-hover-border{opacity:1}.health-overview-dashed-border{position:absolute;top:.5rem;right:.5rem;bottom:.5rem;left:.5rem;border:2px dashed;border-radius:.5rem;animation:slow-spin 60s linear infinite}.health-overview-content{position:relative;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.health-overview-header{display:flex;align-items:center;justify-content:space-between}.health-overview-icon{width:3rem;height:3rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;transition:all .5s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;animation:pulse-glow 2s ease-in-out infinite}.health-overview-card:hover .health-overview-icon{transform:scale(1.25) rotate(12deg)}.health-overview-icon-svg{width:1.5rem;height:1.5rem}.health-overview-icon.bg-emerald-500\/30{background:#10b9814d}.health-overview-icon.bg-blue-500\/30{background:#3b82f64d}.health-overview-icon.bg-violet-500\/30{background:#8b5cf64d}.health-overview-icon.bg-orange-500\/30{background:#f973164d}.health-overview-icon.text-emerald-300{color:#6ee7b7}.health-overview-icon.text-blue-300{color:#93c5fd}.health-overview-icon.text-violet-300{color:#c4b5fd}.health-overview-icon.text-orange-300{color:#fdba74}.health-overview-label{font-size:.75rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.health-overview-value-section{display:flex;flex-direction:column;gap:.25rem}.health-overview-value{font-size:1.875rem;font-weight:300;color:#fff}.health-overview-change{font-size:.875rem;color:#9ca3af}.health-overview-description{font-size:.875rem;color:#d1d5db;line-height:1.6}.health-overview-progress-bar{height:.25rem;background:#1f293780;border-radius:9999px;overflow:hidden}.health-overview-progress{height:100%;border-radius:9999px;animation:expand-width 1s ease-out forwards}.health-overview-progress.from-emerald-500\/60{background:linear-gradient(to right,#10b98199,#14b8a699,#06b6d499)}.health-overview-progress.from-blue-500\/60{background:linear-gradient(to right,#3b82f699,#6366f199,#8b5cf699)}.health-overview-progress.from-violet-500\/60{background:linear-gradient(to right,#8b5cf699,#a755f799,#ec489999)}.health-overview-progress.from-orange-500\/60{background:linear-gradient(to right,#f9731699,#f59e0b99,#eab30899)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab3;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-card{width:min(560px,90vw);background:#0f172a;border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:1.5rem;color:#e2e8f0;box-shadow:0 20px 50px #00000080;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.2rem}.modal-close{background:transparent;border:none;color:#cbd5f5;font-size:1.5rem;cursor:pointer}.modal-body{margin-top:1rem;color:#cbd5f5;font-size:.95rem;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.modal-primary,.modal-secondary{border:none;border-radius:8px;padding:.5rem 1rem;cursor:pointer;font-size:.9rem}.modal-primary{background:#0ea5e9;color:#0f172a;font-weight:600}.modal-secondary{background:transparent;border:1px solid rgba(148,163,184,.3);color:#cbd5f5}.connected-feeds-card{background:#0f172ab3!important;border:1px solid rgba(148,163,184,.2)!important;padding:2rem!important}.connected-feeds-header h2{margin:0;color:#f8fafc;font-size:1.4rem}.connected-feeds-header p{margin-top:.4rem;color:#94a3b8;font-size:.9rem}.feeds-grid{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.feed-row{display:flex;justify-content:space-between;gap:1.5rem;background:#0f172a99;border:1px solid rgba(148,163,184,.15);border-radius:12px;padding:1rem 1.25rem}.feed-main{flex:1}.feed-title{display:flex;align-items:center;gap:.75rem;font-weight:600;color:#e2e8f0}.feed-status{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;padding:.2rem .5rem;border-radius:999px}.feed-status-connected{background:#22c55e33;color:#4ade80}.feed-status-synced{background:#3b82f633;color:#93c5fd}.feed-status-uploaded{background:#a855f733;color:#d8b4fe}.feed-status-recommended{background:#f9731633;color:#fdba74}.feed-status-disconnected{background:#94a3b826;color:#cbd5f5}.feed-meta{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:1rem;color:#94a3b8;font-size:.85rem}.feed-cta{display:flex;align-items:center;gap:.5rem}.feed-button,.feed-button-secondary{border:none;border-radius:8px;padding:.5rem .9rem;font-size:.85rem;cursor:pointer}.feed-button{background:#0ea5e9;color:#0f172a;font-weight:600}.feed-button.secondary,.feed-button-secondary{background:transparent;color:#cbd5f5;border:1px solid rgba(148,163,184,.3)}.feed-button.subtle{background:#94a3b826;color:#e2e8f0}.recommendations{margin-top:2rem}.recommendations h3{margin-bottom:.75rem;color:#f1f5f9}.recommendations-list{display:grid;gap:.75rem}.recommendation{padding:.85rem 1rem;border-radius:10px;border:1px solid rgba(148,163,184,.15);background:#0f172a99}.recommendation-title{font-weight:600;color:#e2e8f0}.recommendation-detail{margin-top:.35rem;color:#94a3b8;font-size:.85rem}.recommendation.critical{border-color:#ef444459}.recommendation.high{border-color:#f9731659}.recommendation.medium{border-color:#3b82f659}@media (max-width: 900px){.feed-row{flex-direction:column;align-items:flex-start}.feed-cta{width:100%;justify-content:flex-start}}.modal-feed-options{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}.modal-feed-option{border:1px solid rgba(148,163,184,.35);background:#0f172a99;color:#e2e8f0;padding:.4rem .8rem;border-radius:8px;font-size:.85rem}.modal-feed-option.selected{border-color:#0ea5e9cc;color:#bae6fd}.modal-upload{margin-top:1rem}.modal-upload-label{display:flex;flex-direction:column;gap:.5rem;color:#cbd5f5;font-size:.9rem}.modal-upload-label input{border-radius:8px;border:1px solid rgba(148,163,184,.35);padding:.4rem .6rem;color:#e2e8f0;background:#0f172a99}.modal-upload-filename{margin-top:.5rem;color:#94a3b8;font-size:.85rem}.modal-order{margin-top:1rem;color:#cbd5f5;font-size:.9rem}.dashboard-page{position:relative;min-height:100vh;width:100%;background:#000}.dashboard-background{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0;background:#000}.dashboard-background-orbs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.dashboard-orb{position:absolute;border-radius:50%;filter:blur(80px);animation:orb-pulse 8s ease-in-out infinite;z-index:0}.dashboard-orb.orb-1{top:25%;right:25%;width:600px;height:600px;background:linear-gradient(135deg,rgba(236,72,153,.3) 0%,rgba(139,92,246,.2) 50%,transparent 100%)}.dashboard-orb.orb-2{bottom:33%;left:33%;width:500px;height:500px;background:linear-gradient(135deg,rgba(59,130,246,.3) 0%,rgba(6,182,212,.2) 50%,transparent 100%)}.dashboard-orb.orb-3{top:50%;left:50%;width:700px;height:700px;background:linear-gradient(135deg,rgba(139,92,246,.25) 0%,rgba(217,70,239,.15) 50%,transparent 100%)}.dashboard-particles{position:absolute;top:0;right:0;bottom:0;left:0}.dashboard-particle{position:absolute;width:4px;height:4px;background:#06b6d466;border-radius:50%;animation:particle 8s linear infinite}.dashboard-light-streak{position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(to right,transparent 0%,rgba(236,72,153,.5) 50%,transparent 100%);animation:light-streak 6s ease-in-out infinite}.dashboard-light-streak.streak-2{top:33%;background:linear-gradient(to right,transparent 0%,rgba(59,130,246,.5) 50%,transparent 100%)}.dashboard-light-streak.streak-3{top:66%;background:linear-gradient(to right,transparent 0%,rgba(139,92,246,.5) 50%,transparent 100%)}.dashboard-content-wrapper{position:relative;z-index:10;width:100%;min-height:100vh;background:transparent}.dashboard-content{position:relative;z-index:10;display:flex;flex-direction:column;gap:2rem;color:#fff!important;background:transparent;width:100%}.dashboard-header{display:flex;flex-direction:column;gap:.5rem;animation:slide-in-up .5s ease-out forwards}.dashboard-title{font-size:2.25rem;font-weight:300;color:#fff;margin:0}.dashboard-subtitle{color:#9ca3af;margin:0}.dashboard-updated{color:#6b7280;font-size:.875rem;margin:0}.dashboard-chart-section{animation:slide-up-reveal .8s ease-out forwards;animation-delay:.2s;opacity:0;animation-fill-mode:forwards}.dashboard-chart-title{font-size:1.5rem;font-weight:300;color:#fff;margin-bottom:1.5rem}.dashboard-chart-container{background:#111827b3;border:1px solid #111827;border-radius:.625rem;padding:1.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .5s}.dashboard-chart-container:hover{border-color:#374151}.dashboard-no-data{color:#9ca3af;text-align:center;padding:3rem;background:#111827b3;border:1px solid #111827;border-radius:.625rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dashboard-charts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;margin-top:1.5rem}.dashboard-chart-card{background:#111827b3;border:1px solid #111827;border-radius:.625rem;padding:1.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease}.dashboard-chart-card:hover{border-color:#374151;transform:translateY(-2px);box-shadow:0 10px 25px #0000004d}.dashboard-chart-card-title{font-size:1.125rem;font-weight:500;color:#fff;margin:0 0 1rem;text-transform:capitalize}.dashboard-chart-card .dashboard-chart-container{background:transparent;border:none;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.dashboard-chart-card .dashboard-chart-container:hover{border-color:transparent}@media (max-width: 768px){.dashboard-charts-grid{grid-template-columns:1fr}}.connect-section{margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(148,163,184,.2)}.connect-section h4{margin:0 0 .4rem;color:#e2e8f0}.connect-section p{margin:0 0 .75rem;color:#94a3b8;font-size:.9rem}.connect-list{display:grid;gap:.5rem}.connect-item{display:flex;justify-content:space-between;align-items:center;gap:.75rem;background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:8px;padding:.5rem .75rem;color:#cbd5f5;font-size:.9rem}.connect-item a{color:#7dd3fc;text-decoration:none}.connect-links{display:flex;gap:1rem;margin-top:.5rem}.connect-links a{color:#7dd3fc;text-decoration:none}.connect-qr{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#0f172a99;border:1px solid rgba(148,163,184,.2);padding:.5rem;border-radius:10px}.connect-qr img{width:140px;height:140px;border-radius:8px;background:#0f172a}.connect-note{color:#94a3b8;font-size:.8rem}.connect-input{width:100%;border-radius:8px;border:1px solid rgba(148,163,184,.3);padding:.6rem .75rem;background:#0f172a99;color:#e2e8f0}.connect-subtext{margin-top:.5rem;color:#94a3b8;font-size:.85rem}.biomarkers h1{margin-bottom:2rem;color:#333}.header-actions{display:flex;gap:1rem}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-secondary{background:#f0f0f0;color:#333}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:.5rem;color:#666;font-weight:500}.form-group input{padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem}.charts-section{display:flex;flex-direction:column;gap:2rem}.chart-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 10px #0000001a}.chart-card h3{margin-bottom:1.5rem;color:#333}.liquid-biopsy{padding:2rem;color:#f9fafb}.connect-panel{background:#0f172ab3;border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:1.5rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}.connect-panel h2{margin:0;color:#f8fafc}.connect-panel p{margin-top:.4rem;color:#cbd5f5}.connect-button{border:none;border-radius:8px;padding:.6rem 1rem;background:#0ea5e9;color:#0f172a;cursor:pointer;font-weight:600}.connect-button.secondary{background:transparent;color:#e2e8f0;border:1px solid rgba(148,163,184,.35)}.liquid-biopsy .page-subtitle{color:#cbd5f5;margin-top:.5rem}.diagnostic-banner{background:#ef44441f;border:1px solid rgba(239,68,68,.4);color:#fee2e2;padding:1rem 1.5rem;border-radius:12px;display:flex;gap:.75rem;align-items:center;margin-bottom:1.5rem}.liquid-form{background:#0f172aa6;border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid rgba(148,163,184,.2)}.charts-section{display:grid;gap:1.5rem}.chart-card{background:#0f172a99;border-radius:16px;padding:1.5rem;border:1px solid rgba(148,163,184,.2)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chart-subtitle{color:#94a3b8;font-size:.9rem}.records-table{margin-top:2rem;display:flex;flex-direction:column;gap:1rem}.table-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem;background:#0f172a99;padding:1rem;border-radius:16px;border:1px solid rgba(148,163,184,.2)}.table-header{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}.table-cell{font-size:.95rem;color:#e2e8f0}@media (max-width: 900px){.table-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.wearables h1{margin-bottom:2rem;color:#333}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.device-sync{display:flex;gap:.5rem;flex-wrap:wrap}.btn-sync{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.btn-sync:hover{background:#5568d3;transform:translateY(-2px)}.filter-section{margin-bottom:2rem;display:flex;align-items:center;gap:1rem}.filter-section label{font-weight:500;color:#333}.filter-section select{padding:.5rem 1rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.metric-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 10px #0000001a}.metric-card h3{margin-bottom:1.5rem;color:#333}.imaging h1{margin-bottom:2rem;color:#333}.form-group select,.form-group input[type=file]{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem}.form-group select:disabled,.form-group input[type=file]:disabled{opacity:.6;cursor:not-allowed}.upload-message{padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem;font-weight:500}.upload-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.upload-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.imaging-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.imaging-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 10px #0000001a}.imaging-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.imaging-header h3{color:#333;margin:0}.timestamp{color:#999;font-size:.9rem}.imaging-preview{margin-bottom:1rem}.placeholder-image{width:100%;height:200px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700}.prediction-info{padding-top:1rem;border-top:1px solid #e0e0e0}.prediction-info h4{margin-bottom:.5rem;color:#333}.prediction-info p{margin:.25rem 0;color:#666;font-size:.9rem}.insights-page{position:relative;min-height:100vh;display:flex;flex-direction:column;gap:2rem}.insights-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem;animation:slide-in-up .5s ease-out forwards}@media (min-width: 768px){.insights-header{flex-direction:row;justify-content:space-between;align-items:flex-start}}.insights-tier-banner{background:#0f172ab3;border:1px solid rgba(59,130,246,.35);border-radius:14px;padding:1rem 1.5rem;margin-bottom:2rem}.insights-tier-banner .tier-badge{font-weight:600;color:#93c5fd;margin-bottom:.25rem}.insights-tier-banner .tier-mode{font-size:.95rem;color:#e2e8f0;margin-bottom:.5rem}.insights-tier-banner .tier-message{color:#cbd5f5;margin:0}.tier-override-toggle{margin-top:.75rem;display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:#94a3b8}.tier-override-toggle input{accent-color:#38bdf8}.insights-title{font-size:2.25rem;font-weight:300;color:#fff;margin:0}.insights-subtitle{color:#9ca3af;margin:.25rem 0 0;font-size:.875rem}.insights-actions{display:flex;gap:1rem;margin-top:1rem}@media (min-width: 768px){.insights-actions{margin-top:0}}.btn-insights-primary,.btn-insights-secondary{padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s;border:none}.btn-insights-primary{background:#06b6d4;color:#000}.btn-insights-primary:hover:not(:disabled){background:#0891b2;box-shadow:0 0 20px #06b6d480}.btn-insights-primary:disabled{opacity:.5;cursor:not-allowed}.btn-insights-secondary{background:transparent;color:#9ca3af;border:1px solid #374151}.btn-insights-secondary:hover{background:#ffffff0d;border-color:#4b5563;color:#fff}.prediction-card{background:#111827b3;border:1px solid #111827;border-radius:.625rem;padding:2rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .5s;animation:slide-up-reveal .8s ease-out forwards}.prediction-card:hover{border-color:#374151}.prediction-card h2{font-size:1.5rem;font-weight:300;color:#fff;margin-bottom:1.5rem}.risk-score{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem}.score-circle{width:120px;height:120px;border-radius:50%;border:4px solid;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600;transition:all .3s}.risk-summary{color:#d1d5db;text-align:center;max-width:600px;line-height:1.6}.top-risks{margin-top:2rem}.top-risks h3{font-size:1.125rem;font-weight:500;color:#fff;margin-bottom:1rem}.top-risks ul{list-style:none;padding:0;margin:0}.top-risks li{padding:.75rem;background:#1f293780;border-radius:.5rem;margin-bottom:.5rem;color:#d1d5db}.top-risks li strong{color:#06b6d4}.recommendations-card{background:#111827b3;border:1px solid #111827;border-radius:.625rem;padding:2rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:slide-up-reveal .8s ease-out forwards;animation-delay:.1s;opacity:0;animation-fill-mode:forwards}.recommendations-card h2{font-size:1.5rem;font-weight:300;color:#fff;margin-bottom:1rem}.recommendations-intro{color:#9ca3af;margin-bottom:2rem;line-height:1.6}.recommendations-list{display:flex;flex-direction:column;gap:1.5rem}.recommendation-item{padding:1.5rem;background:#1f293780;border:1px solid #374151;border-radius:.5rem;transition:all .3s}.recommendation-item:hover{border-color:#06b6d4;background:#1f2937b3}.recommendation-header{margin-bottom:1rem}.recommendation-title-section{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.recommendation-title-section h3{font-size:1.125rem;font-weight:500;color:#fff;margin:0}.recommendation-category{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.recommendation-category.biomarkers{background:#3b82f633;color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.recommendation-category.wearables{background:#10b98133;color:#6ee7b7;border:1px solid rgba(16,185,129,.3)}.recommendation-category.lifestyle{background:#8b5cf633;color:#c4b5fd;border:1px solid rgba(139,92,246,.3)}.urgency-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.urgency-badge.urgency-high{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.urgency-badge.urgency-medium{background:#f9731633;color:#fdba74;border:1px solid rgba(249,115,22,.3)}.urgency-badge.urgency-low{background:#3b82f633;color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.recommendation-description{color:#d1d5db;line-height:1.6;margin-bottom:1rem}.action-items{margin-top:1rem}.action-items h4{font-size:.875rem;font-weight:600;color:#9ca3af;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.action-items ul{list-style:none;padding:0;margin:0}.action-items li{padding:.5rem 0 .5rem 1.5rem;color:#d1d5db;position:relative}.action-items li:before{content:"→";position:absolute;left:0;color:#06b6d4}.feature-analysis-card{background:#111827b3;border:1px solid #111827;border-radius:.625rem;padding:2rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:slide-up-reveal .8s ease-out forwards}.feature-analysis-card h2{font-size:1.5rem;font-weight:300;color:#fff;margin-bottom:1.5rem}.feature-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-item{padding:1rem;background:#1f293780;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem}.stat-label{font-size:.875rem;color:#9ca3af}.stat-value{font-size:1.5rem;font-weight:600;color:#06b6d4}.correlation-heatmap{margin-bottom:2rem}.correlation-heatmap h3{font-size:1.125rem;font-weight:500;color:#fff;margin-bottom:1rem}.heatmap-container{overflow-x:auto;background:#1f293780;border-radius:.5rem;padding:1rem}.correlation-table{width:100%;border-collapse:collapse;font-size:.75rem}.correlation-table th,.correlation-table td{padding:.5rem;text-align:center;border:1px solid #374151}.correlation-table th{background:#111827cc;color:#d1d5db;font-weight:500;position:sticky;top:0;z-index:10}.correlation-cell{font-weight:600;transition:transform .2s}.correlation-cell:hover{transform:scale(1.1);z-index:5;position:relative}.heatmap-legend{display:flex;align-items:center;gap:1rem;margin-top:1rem;font-size:.875rem;color:#9ca3af}.legend-gradient{flex:1;height:1rem;background:linear-gradient(to right,#e74c3c,#f1c40f,#27ae60);border-radius:.25rem}.feature-values{margin-top:2rem}.feature-values h3{font-size:1.125rem;font-weight:500;color:#fff;margin-bottom:1rem}.feature-list{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.feature-item{display:flex;justify-content:space-between;padding:.75rem;background:#1f293780;border-radius:.5rem}.feature-name{color:#d1d5db;font-size:.875rem}.feature-value{font-weight:600;font-size:.875rem}.insights-list{animation:slide-up-reveal .8s ease-out forwards;animation-delay:.2s;opacity:0;animation-fill-mode:forwards}.insights-list h2{font-size:1.5rem;font-weight:300;color:#fff;margin-bottom:1.5rem}.insight-card{background:#111827b3;border:1px solid #111827;border-radius:.625rem;padding:1.5rem;margin-bottom:1rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s}.insight-card:hover{border-color:#374151}.insight-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.insight-icon{font-size:1.5rem}.insight-meta{flex:1;display:flex;flex-direction:column;gap:.25rem}.insight-type{font-size:.875rem;font-weight:600;color:#06b6d4;text-transform:capitalize}.insight-date{font-size:.75rem;color:#6b7280}.insight-risk{font-size:.875rem;font-weight:600}.insight-text{color:#d1d5db;line-height:1.6;margin-bottom:1rem}.insight-details{margin-top:1rem;padding-top:1rem;border-top:1px solid #374151}.insight-details strong{color:#fff;font-size:.875rem;display:block;margin-bottom:.5rem}.insight-details ul{list-style:none;padding:0;margin:0}.insight-details li{padding:.5rem;background:#1f293780;border-radius:.25rem;margin-bottom:.5rem;color:#9ca3af;font-size:.875rem}.no-data{text-align:center;padding:3rem;color:#9ca3af;background:#111827b3;border:1px solid #111827;border-radius:.625rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.ehr h1{margin-bottom:2rem;color:#333}.connect-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}.connect-panel h2{margin:0;color:#111827}.connect-panel p{margin-top:.4rem;color:#6b7280}.connect-actions{display:flex;gap:.75rem;flex-wrap:wrap}.connect-button{border:none;border-radius:8px;padding:.6rem 1rem;background:#667eea;color:#fff;cursor:pointer}.connect-button.secondary{background:transparent;color:#4b5563;border:1px solid #d1d5db}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.upload-form{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem}.upload-form h2{margin-bottom:1.5rem;color:#333}.form-group label{display:block;margin-bottom:.5rem;color:#666;font-weight:500}.form-group input[type=file],.form-group textarea{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;font-family:inherit}.form-group textarea{resize:vertical;min-height:100px}.form-group small{display:block;margin-top:.5rem;color:#999;font-size:.9rem}.ehr-list{display:flex;flex-direction:column;gap:1.5rem}.ehr-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 10px #0000001a}.ehr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.ehr-header h3{margin:0;color:#333}.ehr-date{color:#999;font-size:.9rem}.ehr-notes{margin-bottom:1.5rem;padding:1rem;background:#f9f9f9;border-radius:6px}.ehr-notes strong{display:block;margin-bottom:.5rem;color:#333}.ehr-notes p{margin:0;color:#666;line-height:1.6}.ehr-fields{margin-bottom:1.5rem}.ehr-fields h4{margin-bottom:1rem;color:#333}.fields-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.field-item{display:flex;flex-direction:column;padding:.75rem;background:#f9f9f9;border-radius:6px}.field-label{font-size:.85rem;color:#666;margin-bottom:.25rem;font-weight:600}.field-value{color:#333;font-size:1rem}.raw-text{margin-top:1rem;padding:1rem;background:#f5f5f5;border-radius:6px}.raw-text summary{cursor:pointer;color:#667eea;font-weight:500;margin-bottom:.5rem}.raw-text pre{margin:0;padding:1rem;background:#fff;border-radius:4px;overflow-x:auto;font-size:.85rem;color:#666;max-height:300px;overflow-y:auto}.ehr-pdf{margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0}.ehr-pdf a{color:#667eea;text-decoration:none;font-weight:500}.ehr-pdf a:hover{text-decoration:underline}.no-data{text-align:center;padding:3rem;background:#fff;border-radius:12px;color:#999}.biomarker-timeline{height:100%;display:flex;flex-direction:column}.timeline-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#fafafa}.no-biomarkers{text-align:center;padding:2rem;color:#9ca3af}.biomarker-list{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;flex:1}.biomarker-card{background:#1f293799;border-radius:8px;padding:1rem;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s}.biomarker-card:hover{background:#1f2937cc;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.biomarker-card.abnormal{border-color:#ef4444;background:#ef44441a}.biomarker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.biomarker-metrics{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.metric-row{display:flex;justify-content:space-between;font-size:.875rem}.metric-label{color:#9ca3af}.metric-value{color:#fafafa;font-weight:500}.metric-value.trend{font-weight:600}.metric-value.high-deviation{color:#ef4444;font-weight:600}.biomarker-chart{margin-top:.5rem;height:150px}.graph-view{height:100%;display:flex;flex-direction:column}.graph-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.graph-title{font-size:1.25rem;font-weight:600;color:#fafafa;margin:0;flex:1 1 180px;line-height:1.3}.graph-filters{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.filter-toggle{display:flex;align-items:center;gap:.5rem;color:#9ca3af;font-size:.875rem;cursor:pointer;line-height:1.3;white-space:normal}.filter-toggle input[type=checkbox]{cursor:pointer}.reset-view-btn{background:#3b82f633;border:1px solid #3b82f6;color:#3b82f6;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s}.reset-view-btn:hover{background:#3b82f64d}.graph-container{flex:1;overflow:hidden;background:#0000004d;border-radius:8px;position:relative;min-height:500px}.graph-svg{width:100%;height:100%}.node-circle{transition:all .2s}.node-circle:hover{stroke-width:3;filter:brightness(1.2)}.node-label{pointer-events:none;-webkit-user-select:none;user-select:none}.graph-empty{text-align:center;padding:2rem;color:#9ca3af}.graph-legend{display:flex;gap:1.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#9ca3af}.legend-color{width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.2)}.provenance-panel{height:100%;display:flex;flex-direction:column}.provenance-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#fafafa}.provenance-empty,.provenance-loading{text-align:center;padding:2rem;color:#9ca3af}.provenance-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.provenance-section{background:#1f293799;border-radius:8px;padding:1rem;border:1px solid rgba(255,255,255,.1)}.section-title{font-size:1rem;font-weight:600;color:#fafafa;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.signal-info{display:flex;flex-direction:column;gap:.5rem}.info-row{display:flex;justify-content:space-between;font-size:.875rem}.info-label{color:#9ca3af}.info-value{color:#fafafa;font-weight:500}.contributing-list{display:flex;flex-direction:column;gap:1rem}.contributing-item{background:#0000004d;border-radius:6px;padding:.75rem;border:1px solid rgba(255,255,255,.05)}.contrib-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.contrib-name{font-weight:600;color:#fafafa;font-size:.9rem}.confidence-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;color:#fff}.contrib-details{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem}.detail-row{display:flex;justify-content:space-between;color:#9ca3af}.detail-row span:last-child{color:#fafafa;font-weight:500}.detail-row .trend.improving{color:#10b981}.detail-row .trend.declining{color:#ef4444}.detail-row .abnormal{color:#ef4444;font-weight:600}.detail-row .normal{color:#10b981}.paths-list{display:flex;flex-direction:column;gap:.75rem}.path-item{background:#0000004d;border-radius:6px;padding:.75rem;border-left:3px solid #3b82f6}.path-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.path-type{font-weight:600;color:#3b82f6;text-transform:uppercase;font-size:.8rem}.evidence-badge{padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;color:#fff}.path-details{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem}.path-nodes{display:flex;align-items:center;gap:.5rem;color:#9ca3af}.path-node{color:#fafafa;font-weight:500}.path-arrow{color:#3b82f6;font-weight:600}.path-strength,.path-confidence{color:#9ca3af;font-size:.75rem}.evidence-chain{display:flex;flex-direction:column;gap:.5rem}.evidence-step{background:#0000004d;border-radius:6px;border:1px solid rgba(255,255,255,.05);overflow:hidden}.step-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem;cursor:pointer;transition:background .2s}.step-header:hover{background:#ffffff0d}.step-number{font-weight:600;color:#3b82f6;font-size:.85rem}.step-entity{color:#fafafa;font-weight:500;flex:1;margin-left:1rem}.step-toggle{color:#9ca3af;font-size:1.2rem;font-weight:600}.step-details{padding:.75rem;padding-top:0;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:.5rem;font-size:.8rem}.temporal-evidence{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.05)}.temporal-evidence strong{color:#fafafa;display:block;margin-bottom:.25rem}.temporal-details{display:flex;flex-direction:column;gap:.25rem;color:#9ca3af;font-size:.75rem;margin-left:.5rem}.overall-confidence{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#3b82f61a;border-radius:6px;border:1px solid rgba(59,130,246,.3)}.knowledge-graph-page{padding:2.5rem;min-height:100vh;background:#0a0a0a;color:#fafafa}.kg-header{margin-bottom:2rem}.kg-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#3b82f6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.kg-header p{color:#9ca3af;font-size:.95rem}.kg-tier-banner{background:#0f172ab3;border:1px solid rgba(59,130,246,.35);border-radius:14px;padding:1rem 1.5rem;margin-bottom:2rem}.kg-tier-banner .tier-badge{font-weight:600;color:#93c5fd;margin-bottom:.25rem}.kg-tier-banner .tier-mode{font-size:.95rem;color:#e2e8f0;margin-bottom:.5rem}.kg-tier-banner .tier-message{color:#cbd5f5;margin:0}.kg-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;height:auto;align-items:start}.kg-left-panel,.kg-center-panel,.kg-right-panel{background:#111827cc;border-radius:12px;padding:1.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);overflow-y:auto;min-height:600px}.kg-center-panel{min-height:600px}@media (max-width: 1400px){.kg-layout{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1200px){.kg-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto;height:auto}.kg-left-panel,.kg-center-panel,.kg-right-panel{height:auto;min-height:400px}}.simulation-panel{height:100%;display:flex;flex-direction:column;gap:1.5rem}.panel-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#fafafa}.panel-section{background:#1f293799;border-radius:8px;padding:1rem;border:1px solid rgba(255,255,255,.1)}.intervention-select{width:100%;padding:.5rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fafafa;font-size:.875rem;margin-bottom:.5rem}.intervention-preview{background:#0003;border-radius:6px;padding:.75rem;margin-bottom:.5rem;font-size:.8rem}.preview-description{color:#9ca3af;margin-bottom:.25rem}.preview-targets{color:#6b7280;font-size:.75rem}.form-group{margin-bottom:.75rem}.form-group label{display:block;font-size:.8rem;color:#9ca3af;margin-bottom:.25rem;font-weight:500}.form-group input,.form-group select{width:100%;padding:.5rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fafafa;font-size:.875rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#8b5cf6}.add-btn,.remove-btn{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.add-btn{background:#8b5cf633;border:1px solid #8b5cf6;color:#8b5cf6;width:100%}.remove-btn{background:#ef444433;border:1px solid #ef4444;color:#ef4444;padding:.25rem .5rem;font-size:1rem;line-height:1}.intervention-item{display:flex;justify-content:space-between;align-items:center;background:#0000004d;border-radius:6px;padding:.75rem;border:1px solid rgba(255,255,255,.05)}.intervention-info{display:flex;flex-direction:column;gap:.25rem}.intervention-info strong{color:#fafafa;font-size:.875rem}.simulate-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:auto}.simulate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.simulation-graph{background:#1f293799;border-radius:8px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.graph-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.graph-title{font-size:1.1rem;font-weight:600;color:#fafafa;margin:0}.trajectories-list{display:flex;flex-direction:column;gap:1.5rem}.trajectory-card{background:#0000004d;border-radius:8px;padding:1rem;border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s}.trajectory-card:hover{border-color:#8b5cf6;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf633}.trajectory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.trajectory-summary{display:flex;gap:1rem;font-size:.875rem}.summary-item{color:#9ca3af}.summary-item.change{font-weight:600}.trajectory-chart{height:200px;margin-bottom:.5rem}.downstream-effects{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;gap:.5rem}.downstream-item{display:flex;justify-content:space-between;font-size:.8rem}.downstream-label{color:#9ca3af}.downstream-value{color:#fafafa;font-weight:500}.simulation-results-table{background:#1f293799;border-radius:8px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.table-title{font-size:1.1rem;font-weight:600;color:#fafafa;margin:0 0 1rem}.table-container{overflow-x:auto}.results-table{width:100%;border-collapse:collapse}.results-table thead{background:#0000004d}.results-table th{padding:.75rem;text-align:left;font-size:.875rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.1)}.results-table td{padding:.75rem;font-size:.875rem;color:#fafafa;border-bottom:1px solid rgba(255,255,255,.05)}.table-row{cursor:pointer;transition:background .2s}.table-row:hover{background:#8b5cf61a}.biomarker-cell strong{color:#fafafa;font-weight:600}.change-cell{font-weight:600;display:flex;align-items:center;gap:.25rem}.change-icon{font-size:1rem}.derived-signals{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.signals-title{font-size:.9rem;font-weight:600;color:#9ca3af;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.signal-item{background:#0000004d;border-radius:6px;padding:.75rem;border:1px solid rgba(255,255,255,.05)}.signal-header{display:flex;gap:.5rem;margin-bottom:.5rem}.signal-type{color:#9ca3af;font-size:.8rem;text-transform:capitalize}.signal-entity{color:#fafafa;font-weight:500;font-size:.8rem}.signal-delta strong{font-size:1rem}.simulation-page{padding:2rem;min-height:100vh;background:#0a0a0a;color:#fafafa}.sim-header{margin-bottom:2rem}.sim-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sim-header p{color:#9ca3af;font-size:.95rem}.sim-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem;height:auto;align-items:start}.sim-left-panel,.sim-center-panel,.sim-right-panel{background:#111827cc;border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);overflow-y:auto;min-height:520px}.sim-center-panel{display:flex;flex-direction:column;gap:1.5rem}.sim-error{background:#ef44441a;border:1px solid #ef4444;color:#ef4444;padding:1rem;border-radius:8px;margin-bottom:1rem}.sim-empty{text-align:center;padding:3rem;color:#9ca3af}@media (max-width: 1400px){.sim-layout{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1200px){.sim-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto;height:auto}.sim-left-panel,.sim-center-panel,.sim-right-panel{height:auto;min-height:400px}}.narrative-panel{height:100%;display:flex;flex-direction:column}.no-narratives{text-align:center;padding:2rem;color:#9ca3af}.narratives-list{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;flex:1}.narrative-item{background:#1f293799;border-radius:8px;padding:1rem;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s}.narrative-item:hover{background:#1f2937cc;border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b33}.narrative-item.selected{border-color:#f59e0b;background:#f59e0b1a}.narrative-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.narrative-id{font-size:.9rem;font-weight:600;color:#fafafa;margin:0}.interventions-badge{background:#8b5cf633;border:1px solid #8b5cf6;color:#8b5cf6;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.narrative-preview{color:#9ca3af;font-size:.875rem;margin:.5rem 0;line-height:1.4}.narrative-meta{display:flex;gap:.5rem;margin-top:.5rem}.narrative-summary{background:#1f293799;border-radius:8px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.summary-title{font-size:1.1rem;font-weight:600;color:#fafafa;margin:0 0 1rem}.summary-content{display:flex;flex-direction:column;gap:1.5rem}.summary-text{color:#fafafa;font-size:1rem;line-height:1.6;margin:0}.interventions-section,.key-insights,.risk-section{padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.section-title{font-size:.9rem;font-weight:600;color:#9ca3af;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.interventions-list{display:flex;flex-wrap:wrap;gap:.5rem}.intervention-tag{background:#8b5cf633;border:1px solid #8b5cf6;color:#8b5cf6;padding:.5rem .75rem;border-radius:6px;font-size:.875rem;font-weight:500}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.insight-card{background:#0000004d;border-radius:6px;padding:1rem;border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s}.insight-card:hover{border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b33}.insight-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.biomarker-name{font-weight:600;color:#fafafa;font-size:.9rem}.trend-indicator{font-size:1.2rem;font-weight:600}.insight-change{margin-bottom:.5rem}.change-value{font-size:1.25rem;font-weight:700}.abnormal-badge{background:#ef4444;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.risk-list{display:flex;flex-direction:column;gap:.75rem}.risk-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.risk-values{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#9ca3af}.confidence-section{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f59e0b1a;border-radius:6px;border:1px solid rgba(245,158,11,.3)}.narrative-details{background:#1f293799;border-radius:8px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.details-title{font-size:1.1rem;font-weight:600;color:#fafafa;margin:0 0 1.5rem}.details-section{margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1.5rem}.details-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.biomarkers-table{margin-top:1rem;overflow-x:auto}.biomarkers-table table{width:100%;border-collapse:collapse}.biomarkers-table th{padding:.75rem;text-align:left;font-size:.8rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.1)}.biomarkers-table td{padding:.75rem;font-size:.875rem;color:#fafafa;border-bottom:1px solid rgba(255,255,255,.05)}.biomarker-row{cursor:pointer;transition:background .2s}.biomarker-row:hover{background:#f59e0b1a}.trend-badge{font-weight:600;display:flex;align-items:center;gap:.25rem}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.status-badge.abnormal{background:#ef444433;color:#ef4444;border:1px solid #ef4444}.status-badge.normal{background:#10b98133;color:#10b981;border:1px solid #10b981}.change-badge{font-weight:600;font-size:.9rem}.signals-list{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.signal-item:hover{border-color:#f59e0b;transform:translateY(-2px)}.signal-delta{font-size:.875rem;color:#9ca3af}.signal-delta strong{font-size:1rem;color:#fafafa}.risk-list{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.risk-item{background:#0000004d;border-radius:6px;padding:1rem;border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s}.risk-item:hover{border-color:#f59e0b;transform:translateY(-2px)}.risk-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.disease-name{font-weight:600;color:#fafafa;font-size:.9rem}.risk-delta{font-size:1.1rem;font-weight:700}.risk-progression{display:flex;flex-direction:column;gap:.5rem}.risk-bar{height:8px;background:#ffffff1a;border-radius:4px;position:relative;overflow:hidden}.risk-bar-baseline{position:absolute;height:100%;background:#6b7280;border-radius:4px}.risk-bar-simulated{position:absolute;height:100%;border-radius:4px;opacity:.7}.risk-values{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#9ca3af}.narratives-page{padding:2rem;min-height:100vh;background:#0a0a0a;color:#fafafa}.narr-header{margin-bottom:2rem}.narr-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.narr-header p{color:#9ca3af;font-size:.95rem}.narr-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem;height:auto;align-items:start}.narr-left-panel,.narr-center-panel,.narr-right-panel{background:#111827cc;border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);overflow-y:auto;min-height:520px}.narr-center-panel{display:flex;flex-direction:column;gap:1.5rem}.narr-empty{text-align:center;padding:3rem;color:#9ca3af}@media (max-width: 1400px){.narr-layout{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1200px){.narr-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto;height:auto}.narr-left-panel,.narr-center-panel,.narr-right-panel{height:auto;min-height:400px}}.conflict-list-panel{height:100%;display:flex;flex-direction:column}.no-conflicts{text-align:center;padding:2rem;color:#9ca3af}.conflicts-list{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;flex:1}.conflict-item{background:#1f293799;border-radius:8px;padding:1rem;border:1px solid rgba(255,255,255,.1);border-left:4px solid;cursor:pointer;transition:all .2s}.conflict-item:hover{background:#1f2937cc;transform:translateY(-2px);box-shadow:0 4px 12px #ef444433}.conflict-item.selected{border-color:#ef4444}.conflict-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.conflict-type{font-size:.85rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.severity-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:capitalize;border:1px solid}.conflict-description{color:#fafafa;font-size:.875rem;margin:.5rem 0;line-height:1.4}.conflict-entities{display:flex;flex-direction:column;gap:.25rem;margin:.75rem 0;font-size:.8rem}.entity-group{display:flex;gap:.5rem}.entity-label{color:#9ca3af;font-weight:500}.entity-values{color:#fafafa}.conflict-meta{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.05)}.confidence-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.evidence-level{color:#9ca3af;font-size:.75rem;text-transform:capitalize}.conflict-details-panel{height:100%;display:flex;flex-direction:column}.details-title{font-size:1.25rem;font-weight:600;color:#fafafa;margin:0}.severity-indicator{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;text-transform:capitalize;border:1px solid}.details-section{background:#1f293799;border-radius:8px;padding:1rem;border:1px solid rgba(255,255,255,.1)}.conflict-description-full{color:#fafafa;font-size:1rem;line-height:1.6;margin:0}.section-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:.5rem 0;transition:background .2s;border-radius:4px}.section-header:hover{background:#ffffff0d}.section-title{font-size:.9rem;font-weight:600;color:#9ca3af;margin:0;text-transform:uppercase;letter-spacing:.05em}.section-toggle{color:#9ca3af;font-size:1.2rem;font-weight:600}.entities-list{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.entity-category{display:flex;flex-direction:column;gap:.5rem}.category-title{font-size:.85rem;font-weight:600;color:#9ca3af;margin:0;text-transform:uppercase;letter-spacing:.05em}.entity-items{display:flex;flex-wrap:wrap;gap:.5rem}.entity-tag{padding:.5rem .75rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.entity-tag.biomarker{background:#3b82f633;border:1px solid #3b82f6;color:#3b82f6}.entity-tag.biomarker:hover{background:#3b82f64d}.entity-tag.organ{background:#10b98133;border:1px solid #10b981;color:#10b981}.entity-tag.organ:hover{background:#10b9814d}.entity-tag.intervention{background:#8b5cf633;border:1px solid #8b5cf6;color:#8b5cf6}.temporal-evidence{margin-top:1rem;display:flex;flex-direction:column;gap:1rem}.evidence-group{background:#0000004d;border-radius:6px;padding:1rem}.evidence-title{font-size:.85rem;font-weight:600;color:#fafafa;margin:0 0 .5rem}.evidence-list{margin:0;padding-left:1.5rem;color:#9ca3af;font-size:.875rem;line-height:1.6}.rules-list{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.rule-item{background:#0000004d;border-radius:6px;padding:1rem;border-left:3px solid #8b5cf6}.rule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.rule-id{font-weight:600;color:#fafafa;font-size:.875rem}.rule-type{color:#9ca3af;font-size:.75rem;text-transform:capitalize}.rule-description{color:#9ca3af;font-size:.875rem;margin:0;line-height:1.5}.provenance-chain{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.provenance-step{display:flex;gap:1rem;background:#0000004d;border-radius:6px;padding:1rem;border-left:3px solid #3b82f6}.step-number{width:2rem;height:2rem;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.step-content{flex:1}.step-description{color:#fafafa;font-size:.875rem;margin-bottom:.5rem}.step-confidence{color:#9ca3af;font-size:.75rem}.confidence-summary{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3)}.confidence-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.confidence-label{font-weight:600;color:#9ca3af}.confidence-value{font-size:1.25rem;font-weight:700}.evidence-level-value{color:#fafafa;font-weight:500;text-transform:capitalize}.conflict-simulation-panel{display:flex;flex-direction:column;gap:1rem}.form-section{display:flex;flex-direction:column;gap:.75rem}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-group label{font-size:.8rem;color:#9ca3af;font-weight:500}.form-group input{padding:.5rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fafafa;font-size:.875rem}.form-group input:focus{outline:none;border-color:#8b5cf6}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.add-btn{padding:.5rem 1rem;background:#8b5cf633;border:1px solid #8b5cf6;color:#8b5cf6;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.add-btn:hover:not(:disabled){background:#8b5cf64d}.add-btn:disabled{opacity:.5;cursor:not-allowed}.interventions-section{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.section-title{font-size:.85rem;font-weight:600;color:#9ca3af;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}.interventions-list{display:flex;flex-direction:column;gap:.5rem}.intervention-item{display:flex;justify-content:space-between;align-items:center;background:#0000004d;border-radius:6px;padding:.75rem;border:1px solid rgba(255,255,255,.05);font-size:.875rem;color:#fafafa}.remove-btn{background:#ef444433;border:1px solid #ef4444;color:#ef4444;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:1rem;line-height:1}.remove-btn:hover{background:#ef44444d}.simulate-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:1rem}.simulate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.conflicts-page{padding:2rem;min-height:100vh;background:#0a0a0a;color:#fafafa}.conflicts-header{margin-bottom:2rem}.conflicts-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.conflicts-header p{color:#9ca3af;font-size:.95rem}.conflicts-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:#111827cc;border-radius:8px;border:1px solid rgba(255,255,255,.1);flex-wrap:wrap;gap:.75rem}.filters{display:flex;gap:1rem;flex-wrap:wrap}.filter-select{padding:.5rem 1rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fafafa;font-size:.875rem;cursor:pointer}.filter-select:focus{outline:none;border-color:#ef4444}.conflicts-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem;height:auto;align-items:start}.conflicts-left-panel,.conflicts-center-panel,.conflicts-right-panel{background:#111827cc;border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);overflow-y:auto;min-height:520px}.conflicts-empty{text-align:center;padding:3rem;color:#9ca3af}@media (max-width: 1400px){.conflicts-layout{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1200px){.conflicts-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto;height:auto}.conflicts-left-panel,.conflicts-center-panel,.conflicts-right-panel{height:auto;min-height:400px}}.intervention-ranking-panel{height:100%;display:flex;flex-direction:column}.no-interventions{text-align:center;padding:2rem;color:#9ca3af}.interventions-list{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;flex:1}.intervention-item{background:#1f293799;border-radius:8px;padding:1rem;border:1px solid rgba(255,255,255,.1);border-left:4px solid;cursor:pointer;transition:all .2s}.intervention-item:hover{background:#1f2937cc;transform:translateY(-2px);box-shadow:0 4px 12px #10b98133}.intervention-item.selected{border-color:#10b981}.intervention-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.rank-badge{width:2rem;height:2rem;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.intervention-info{flex:1}.intervention-name{font-size:1rem;font-weight:600;color:#fafafa;margin:0 0 .25rem}.intervention-type{color:#9ca3af;font-size:.75rem;text-transform:capitalize}.rank-score-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.5rem;background:#0000004d;border-radius:6px}.score-label{color:#9ca3af;font-size:.8rem;font-weight:500}.score-value{padding:.25rem .75rem;border-radius:4px;font-size:1rem;font-weight:700;border:1px solid}.impact-summary{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem;font-size:.8rem}.impact-item{display:flex;justify-content:space-between}.impact-label{color:#9ca3af}.impact-value{color:#fafafa;font-weight:500}.conflict-risk-section{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.05)}.conflict-label{color:#9ca3af;font-size:.8rem}.conflict-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:capitalize;border:1px solid}.intervention-impact-details{height:100%;display:flex;flex-direction:column}.no-details{text-align:center;padding:3rem;color:#9ca3af}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.details-title{font-size:1.5rem;font-weight:600;color:#fafafa;margin:0}.header-badges{display:flex;gap:.75rem}.rank-badge-large{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;border:1px solid}.confidence-badge{padding:.5rem 1rem;background:#f59e0b33;border:1px solid #f59e0b;color:#f59e0b;border-radius:6px;font-size:.875rem;font-weight:600}.details-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.impact-section{background:#1f293799;border-radius:8px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.section-title{font-size:1rem;font-weight:600;color:#fafafa;margin:0 0 1rem}.biomarker-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.biomarker-card{background:#0000004d;border-radius:8px;padding:1rem;border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s}.biomarker-card:hover{border-color:#10b981;transform:translateY(-2px);box-shadow:0 4px 12px #10b98133}.biomarker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.biomarker-name{font-size:1rem;font-weight:600;color:#fafafa;margin:0}.change-badge{font-size:1.1rem;font-weight:700}.biomarker-chart{height:150px;margin-bottom:.5rem}.biomarker-confidence{font-size:.75rem;color:#9ca3af;text-align:center}.signals-list{display:flex;flex-direction:column;gap:.75rem}.signal-item{background:#0000004d;border-radius:6px;padding:1rem;border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s}.signal-item:hover{border-color:#10b981;transform:translateY(-2px)}.signal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.signal-name{font-weight:600;color:#fafafa;font-size:.9rem}.signal-type{color:#9ca3af;font-size:.75rem;text-transform:capitalize}.signal-impact{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.direction-icon{font-size:1.2rem;font-weight:600}.delta-value{font-size:1.1rem;font-weight:700}.confidence-value{color:#9ca3af;font-size:.8rem}.risk-chart{height:200px}.conflict-risk-display{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#0000004d;border-radius:6px}.conflict-label{font-weight:600;color:#9ca3af}.conflict-indicator{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;text-transform:capitalize;border:1px solid}.toggle-label{display:flex;align-items:center;gap:.5rem;color:#9ca3af;font-size:.875rem;cursor:pointer}.toggle-label input[type=checkbox]{cursor:pointer}.causal-paths{margin-top:1rem;padding:1rem;background:#0000004d;border-radius:6px}.paths-note{color:#9ca3af;font-size:.875rem;margin:0;line-height:1.5}.ranking-simulation-panel{display:flex;flex-direction:column;gap:1rem}.panel-title{font-size:1rem;font-weight:600;color:#fafafa;margin:0 0 1rem}.interventions-selection{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto;margin-bottom:1rem}.intervention-checkbox{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#0000004d;border-radius:6px;border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s}.intervention-checkbox:hover{background:#00000080;border-color:#ffffff1a}.intervention-checkbox.selected{border-color:#10b981;background:#10b9811a}.intervention-checkbox input[type=checkbox]{cursor:pointer;width:1.25rem;height:1.25rem}.checkbox-content{flex:1;display:flex;justify-content:space-between;align-items:center}.checkbox-name{font-weight:500;color:#fafafa;font-size:.875rem}.checkbox-score{color:#9ca3af;font-size:.75rem}.simulate-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.simulate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.simulate-btn:disabled{opacity:.5;cursor:not-allowed}.simulation-result{margin-top:1rem;padding:1rem;background:#10b9811a;border-radius:8px;border:1px solid rgba(16,185,129,.3)}.result-title{font-size:.9rem;font-weight:600;color:#fafafa;margin:0 0 1rem}.result-summary{display:flex;flex-direction:column;gap:.75rem}.result-item{display:flex;justify-content:space-between;align-items:center}.result-label{color:#9ca3af;font-size:.875rem}.result-value{color:#fafafa;font-weight:600;font-size:1rem}.result-conflicts{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.conflicts-list{display:flex;flex-direction:column;gap:.5rem}.conflict-tag{padding:.5rem;background:#ef444433;border:1px solid #ef4444;color:#ef4444;border-radius:4px;font-size:.8rem}.intervention-ranking-page{padding:2rem;min-height:100vh;background:#0a0a0a;color:#fafafa}.ranking-header{margin-bottom:2rem}.ranking-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ranking-header p{color:#9ca3af;font-size:.95rem}.ranking-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:#111827cc;border-radius:8px;border:1px solid rgba(255,255,255,.1);flex-wrap:wrap;gap:.75rem}.filters{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.filter-select,.filter-input{padding:.5rem 1rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fafafa;font-size:.875rem;cursor:pointer}.filter-select:focus,.filter-input:focus{outline:none;border-color:#10b981}.filter-input{width:120px}.simulate-btn{padding:.5rem 1rem;background:#8b5cf633;border:1px solid #8b5cf6;color:#8b5cf6;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.simulate-btn:hover{background:#8b5cf64d}.simulation-panel-wrapper{margin-bottom:1.5rem;background:#111827cc;border-radius:8px;padding:1rem;border:1px solid rgba(255,255,255,.1)}.ranking-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem;height:auto;align-items:start}.ranking-left-panel,.ranking-center-panel,.ranking-right-panel{background:#111827cc;border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);overflow-y:auto;min-height:520px}.ranking-empty{text-align:center;padding:3rem;color:#9ca3af}@media (max-width: 1400px){.ranking-layout{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1200px){.ranking-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto;height:auto}.ranking-left-panel,.ranking-center-panel,.ranking-right-panel{height:auto;min-height:400px}}.pipeline-status-panel{height:100%;display:flex;flex-direction:column}.panel-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#fafafa}.no-status{text-align:center;padding:2rem;color:#9ca3af}.status-content{flex:1;display:flex;flex-direction:column;gap:1.5rem}.status-section{background:#1f293799;border-radius:8px;padding:1rem;border:1px solid rgba(255,255,255,.1)}.status-indicator{display:flex;align-items:center;gap:.75rem}.status-dot{width:12px;height:12px;border-radius:50%;animation:pulse 2s infinite}.status-dot.active{background:#10b981;box-shadow:0 0 8px #10b98199}.status-dot.inactive{background:#6b7280}.status-text{color:#fafafa;font-weight:500;font-size:.9rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.section-title{font-size:.9rem;font-weight:600;color:#9ca3af;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.timestamp-display{color:#fafafa;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.next-retraining{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem}.next-label{color:#9ca3af}.next-value{color:#3b82f6;font-weight:500}.models-list{display:flex;flex-wrap:wrap;gap:.5rem}.model-badge{padding:.5rem .75rem;background:#3b82f633;border:1px solid #3b82f6;color:#3b82f6;border-radius:6px;font-size:.8rem;font-weight:500;text-transform:capitalize}.metrics-list{display:flex;flex-direction:column;gap:.75rem}.metric-row{display:flex;flex-direction:column;gap:.25rem}.metric-label{color:#9ca3af;font-size:.8rem;text-transform:capitalize}.metric-bar-container{display:flex;align-items:center;gap:.5rem;width:100%}.metric-bar{flex:1;height:8px;border-radius:4px;transition:width .3s}.metric-value{font-weight:600;font-size:.875rem;min-width:40px;text-align:right}.retraining-progress{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#3b82f6;font-weight:500}.progress-spinner{width:16px;height:16px;border:2px solid rgba(59,130,246,.3);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.retraining-trigger-panel{background:#1f293799;border-radius:8px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.trigger-content{display:flex;flex-direction:column;gap:1rem}.trigger-description{color:#9ca3af;font-size:.875rem;margin:0}.components-selection{display:flex;flex-direction:column;gap:.5rem}.component-checkbox{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#0000004d;border-radius:6px;border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s}.component-checkbox:hover:not(:has(input:disabled)){background:#00000080;border-color:#ffffff1a}.component-checkbox.selected{border-color:#06b6d4;background:#06b6d41a}.component-checkbox input[type=checkbox]{cursor:pointer;width:1.25rem;height:1.25rem}.component-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.trigger-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#06b6d4,#3b82f6);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.trigger-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #06b6d466}.trigger-btn:disabled{opacity:.5;cursor:not-allowed}.progress-indicator{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#06b6d41a;border:1px solid rgba(6,182,212,.3);border-radius:6px;color:#06b6d4;font-weight:500}.spinner{width:16px;height:16px;border:2px solid rgba(6,182,212,.3);border-top-color:#06b6d4;border-radius:50%;animation:spin 1s linear infinite}.retraining-logs-panel{background:#1f293799;border-radius:8px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);flex:1;display:flex;flex-direction:column}.panel-title{font-size:1.1rem;font-weight:600;color:#fafafa;margin:0 0 1rem}.no-logs{text-align:center;padding:2rem;color:#9ca3af}.logs-list{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;flex:1}.log-item{background:#0000004d;border-radius:8px;padding:1rem;border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s}.log-item:hover{background:#00000080;border-color:#06b6d4;transform:translateY(-2px);box-shadow:0 4px 12px #06b6d433}.log-item.selected{border-color:#06b6d4;background:#06b6d41a}.log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.log-timestamp{color:#fafafa;font-size:.875rem;font-weight:500}.trigger-type-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:capitalize;border:1px solid}.log-components{display:flex;gap:.5rem;margin-bottom:.75rem;font-size:.8rem}.components-label{color:#9ca3af;font-weight:500}.components-value{color:#fafafa;text-transform:capitalize}.log-metrics{display:flex;gap:1rem;margin-bottom:.5rem;font-size:.8rem}.metric-preview{display:flex;gap:.25rem}.metric-key{color:#9ca3af;text-transform:capitalize}.metric-val{color:#06b6d4;font-weight:600}.log-confidence{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.05);font-size:.8rem}.confidence-label{color:#9ca3af}.confidence-value{color:#fafafa;font-weight:600}.pipeline-page{padding:2.5rem;min-height:100vh;background:#0a0a0a;color:#fafafa}.pipeline-header{margin-bottom:2rem}.pipeline-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#06b6d4,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pipeline-header p{color:#9ca3af;font-size:.95rem}.pipeline-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;height:auto;align-items:start}.pipeline-left-panel,.pipeline-center-panel,.pipeline-right-panel{background:#111827cc;border-radius:12px;padding:1.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);overflow-y:auto;min-height:600px}.pipeline-center-panel{display:flex;flex-direction:column;gap:1.5rem}.loading,.error{text-align:center;padding:2rem;color:#fafafa}.error{color:#ef4444}.log-details{height:100%;display:flex;flex-direction:column}.details-title{font-size:1.1rem;font-weight:600;color:#fafafa;margin:0 0 1rem}.log-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.detail-row{display:flex;justify-content:space-between;padding:.75rem;background:#1f293799;border-radius:6px}.detail-label{color:#9ca3af;font-weight:500}.detail-value{color:#fafafa;font-weight:500}.metrics-section,.provenance-section{padding:1rem;background:#1f293799;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.metrics-title,.provenance-title{font-size:.9rem;font-weight:600;color:#9ca3af;margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.metric-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.metric-item:last-child{border-bottom:none}.metric-label{color:#9ca3af;font-size:.875rem;text-transform:capitalize}.metric-value{color:#fafafa;font-weight:600}.provenance-step{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}.step-number{width:1.5rem;height:1.5rem;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;flex-shrink:0}.step-description{color:#fafafa;font-size:.875rem}@media (max-width: 1400px){.pipeline-layout{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1200px){.pipeline-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto;height:auto}.pipeline-left-panel,.pipeline-center-panel,.pipeline-right-panel{height:auto;min-height:400px}}.data-sources-page{padding:2rem;color:#f8fafc}.data-sources-header{margin-bottom:2rem}.data-sources-header h1{margin:0;font-size:2rem}.data-sources-header p{margin-top:.5rem;color:#94a3b8}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-card{background:#fff;padding:3rem;border-radius:12px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px}.login-card h1{text-align:center;color:#667eea;margin-bottom:.5rem}.subtitle{text-align:center;color:#666;margin-bottom:2rem}.auth-tabs{display:flex;gap:.5rem;margin-bottom:2rem}.auth-tabs button{flex:1;padding:.75rem;border:2px solid #e0e0e0;background:#fff;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .2s}.auth-tabs button.active{background:#667eea;color:#fff;border-color:#667eea}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}.form-group input{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#667eea}.error-message{background:#fee;color:#c33;padding:.75rem;border-radius:6px;margin-bottom:1rem;text-align:center}.submit-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s}.submit-btn:hover:not(:disabled){transform:translateY(-2px)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.demo-divider{display:flex;align-items:center;gap:.75rem;margin:1.5rem 0 1rem;color:#999;font-size:.9rem}.demo-divider:before,.demo-divider:after{content:"";flex:1;height:1px;background:#e6e6e6}.demo-btn{width:100%;padding:.75rem;background:#f3f4f6;color:#374151;border:2px solid #e5e7eb;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,border-color .2s,background .2s}.demo-btn:hover{transform:translateY(-2px);border-color:#d1d5db;background:#eef2f7}.navbar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 0;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000;transition:all .3s ease}.navbar-homepage{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 4px 20px #0000001a}.navbar-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.navbar-brand{font-size:1.5rem;font-weight:700;text-decoration:none;color:#fff}.navbar-user{display:flex;align-items:center;margin-left:1rem;margin-right:2rem}.user-name{color:#fff;font-weight:500;padding:.5rem 1rem;background:#ffffff1a;border-radius:20px;font-size:.9rem}.navbar-links{display:flex;gap:2rem;align-items:center}.navbar-dropdown{position:relative}.navbar-dropdown-toggle{background:transparent;border:none;cursor:pointer}.navbar-dropdown-menu{position:absolute;right:0;top:120%;min-width:200px;background:#111827;border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:0 12px 30px #0000004d;padding:.5rem;z-index:1100}.navbar-dropdown-item{display:block;padding:.5rem .75rem;border-radius:8px;color:#e5e7eb;text-decoration:none;font-size:.9rem}.navbar-dropdown-item:hover{background:#ffffff1a}.navbar-link{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;font-weight:500}.navbar-link:hover{background-color:#ffffff26;transform:translateY(-2px)}.navbar-link.active{background-color:#ffffff40;font-weight:600}.navbar-demo{background:transparent;border:1px solid rgba(255,255,255,.5);cursor:pointer;font-family:inherit}.navbar-demo:hover:not(:disabled){background:#ffffff1a;border-color:#fffc}.navbar-demo:disabled{opacity:.7;cursor:not-allowed}.navbar-cta{background:#fff3;border:1px solid rgba(255,255,255,.3);padding:.5rem 1.5rem;font-weight:600}.navbar-cta:hover{background:#ffffff4d;border-color:#ffffff80}.logout-btn{background:#fff3;border:none;cursor:pointer;font-size:1rem;color:#fff}.logout-btn:hover{background:#ffffff4d}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;min-height:100vh;color:#fafafa}.app{min-height:100vh;display:flex;flex-direction:column;background:#0a0a0a}.main-content{flex:1;padding:3rem 2rem;max-width:1600px;margin:0 auto;width:100%;position:relative}.main-content-homepage{padding:0;max-width:100%}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.5rem;color:#fff;font-weight:500}.loading:after{content:"";width:40px;height:40px;border:4px solid rgba(6,182,212,.2);border-top-color:#06b6d4;border-radius:50%;animation:spin .8s linear infinite;margin-left:1rem}@keyframes spin{to{transform:rotate(360deg)}}.demo-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:linear-gradient(135deg,#ec489933,#8b5cf633);border:1px solid rgba(236,72,153,.5);border-radius:.5rem;font-size:.75rem;font-weight:500;color:#ec4899;text-transform:uppercase;letter-spacing:.05em;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}*{margin:0;padding:0;box-sizing:border-box}:root{--background: #0a0a0a;--foreground: #fafafa;--card: #111827;--card-foreground: #fafafa;--border: #374151;--input: #374151;--primary: #06b6d4;--primary-foreground: #0a0a0a;--secondary: #1f2937;--secondary-foreground: #fafafa;--muted: #1f2937;--muted-foreground: #9ca3af;--accent: #1f2937;--accent-foreground: #fafafa;--destructive: #ef4444;--destructive-foreground: #fafafa;--radius: .625rem;--chart-1: #ec4899;--chart-2: #a855f7;--chart-3: #f97316;--chart-4: #3b82f6;--chart-5: #10b981}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);color:var(--foreground)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #06b6d44d}50%{box-shadow:0 0 40px #06b6d499}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slow-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes intense-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}@keyframes orb-pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes slide-up-reveal{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes expand-width{0%{width:0}to{width:100%}}@keyframes particle{0%{transform:translateY(0) translate(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(20px) scale(.5);opacity:0}}@keyframes light-streak{0%{transform:translate(-100%);opacity:0}50%{opacity:1}to{transform:translate(200%);opacity:0}}.animate-float{animation:float 6s ease-in-out infinite}.animate-glow{animation:glow 3s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-slide-in-left{animation:slide-in-left .5s ease-out forwards}.animate-slide-in-up{animation:slide-in-up .5s ease-out forwards}.animate-fade-in{animation:fade-in .6s ease-out forwards}.animate-scale-in{animation:scale-in .4s ease-out forwards}.animate-shimmer{animation:shimmer 2s infinite linear;background:linear-gradient(to right,transparent 0%,rgba(6,182,212,.1) 50%,transparent 100%);background-size:1000px 100%}.animate-slow-spin{animation:slow-spin 60s linear infinite}.animate-intense-float{animation:intense-float 15s ease-in-out infinite}.animate-orb-pulse{animation:orb-pulse 8s ease-in-out infinite}.animate-slide-up-reveal{animation:slide-up-reveal .8s ease-out forwards}.animate-particle{animation:particle 8s linear infinite}.animate-light-streak{animation:light-streak 6s ease-in-out infinite}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.glass{background:#111827b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05)}*{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.hover-glow{transition:all .5s cubic-bezier(.4,0,.2,1)}.hover-glow:hover{box-shadow:0 0 40px #06b6d480,0 0 80px #06b6d433;transform:translateY(-2px)}.animate-gradient{background-size:200% 200%;animation:gradient-shift 10s ease infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#111827}::-webkit-scrollbar-thumb{background:#374151;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4b5563}