*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-light:#3b82f6;--secondary-light:#94a3b8;--secondary-dark:#475569;--accent-purple:#8b5cf6;--accent-blue:#3b82f6;--accent-cyan:#06b6d4;--accent-green:#10b981;--accent-orange:#f59e0b;--accent-pink:#ec4899;--accent-indigo:#6366f1;--accent-teal:#14b8a6;--steel-blue:#1e40af;--concrete-gray:#6b7280;--construction-orange:#f97316;--alert-red:#ef4444;--success-green:#22c55e;--warning-yellow:#eab308;--bg-quaternary:#e2e8f0;--bg-light:#fefefe;--bg-white:#fff;--bg-gray-50:#f9fafb;--bg-gray-100:#f3f4f6;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-muted:#94a3b8;--text-light:#cbd5e1;--glass-bg-strong:#ffffffe6;--glass-bg-subtle:#fff9;--glass-border:#3b82f626;--glass-border-light:#3b82f61a;--glass-shadow-strong:0 16px 40px #00000026;--glass-shadow-subtle:0 4px 16px #0000000d;--gradient-primary:linear-gradient(135deg,var(--primary),var(--accent-blue));--gradient-hero:linear-gradient(135deg,#fff,#f8fafc 50%,#f1f5f9);--gradient-infra:linear-gradient(135deg,var(--steel-blue),var(--accent-cyan));--gradient-feature:linear-gradient(135deg,#3b82f61a,#8b5cf60d);--gradient-card:linear-gradient(135deg,#ffffffe6,#f8fafccc);--animation-duration-fast:0.2s;--animation-duration-normal:0.3s;--animation-duration-slow:0.5s;--animation-duration-extra-slow:0.8s;--animation-easing:cubic-bezier(0.4,0,0.2,1);--animation-easing-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--animation-easing-smooth:cubic-bezier(0.25,0.46,0.45,0.94);--float-distance:20px;--float-duration:6s;--pulse-scale:1.05;--hover-scale:1.02;--hover-lift:-8px;--gradient-ai:linear-gradient(135deg,var(--accent-purple),var(--accent-pink));--gradient-overlay:linear-gradient(135deg,#3b82f61a,#8b5cf61a);--border-radius:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-2xl:24px;--border-radius-full:9999px;--transition-fast:0.15s ease;--transition-medium:0.3s ease;--transition-slow:0.5s ease;--transition-bounce:0.3s cubic-bezier(0.68,-0.55,0.265,1.55)}@keyframes subtleGlow{0%,to{box-shadow:0 2px 8px #3b82f61a}50%{box-shadow:0 4px 16px #3b82f633}}.subtle-accent{color:#60a5fa;color:var(--accent-blue);font-weight:600;opacity:.8}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background:var(--bg-primary);color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;position:relative}body:before{background:radial-gradient(circle at 20% 80%,#3b82f614 0,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf60f 0,#0000 50%),radial-gradient(circle at 40% 40%,#10b9810a 0,#0000 50%),linear-gradient(135deg,#fff,#f8fafccc);z-index:-2}body:after,body:before{content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%}body:after{background:url('data:image/svg+xml;charset=utf-8,<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" fill="url(%23smallGrid)"/></svg>');opacity:.3;z-index:-1}@keyframes gradientShift{0%,to{background:radial-gradient(circle at 20% 20%,#00d4ff1a 0,#0000 40%),radial-gradient(circle at 80% 80%,#8b5cf61a 0,#0000 40%)}33%{background:radial-gradient(circle at 60% 30%,#00d4ff26 0,#0000 45%),radial-gradient(circle at 40% 70%,#8b5cf626 0,#0000 45%)}66%{background:radial-gradient(circle at 80% 60%,#00d4ff1f 0,#0000 42%),radial-gradient(circle at 20% 40%,#8b5cf61f 0,#0000 42%)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}:root{--accent-blue:#60a5fa;--accent-indigo:#818cf8;--accent-cyan:#22d3ee;--accent-azure:#38bdf8;--success:#22c55e;--info:#3b82f6;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--glass-bg:#fffc;--glass-border:#ffffff4d;--glass-shadow:0 8px 32px #0000001a;--gradient-blue:linear-gradient(135deg,#60a5fa,#3b82f6);--gradient-indigo:linear-gradient(135deg,#818cf8,#6366f1);--gradient-cyan:linear-gradient(135deg,#22d3ee,#0ea5e9);--gradient-azure:linear-gradient(135deg,#38bdf8,#0284c7);--border-radius-sm:0.25rem;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-glass:0 8px 32px #3b82f61a;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto;--transition-slow:0.3s ease-in-out;--transition-medium:0.2s ease-in-out;--transition-fast:0.1s ease-in-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}:root{--primary:#3b82f6;--primary-dark:#1d4ed8;--primary-light:#60a5fa;--secondary:#64748b;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#0ea5e9;--light:#f8fafc;--dark:#1e293b;--darker:#0f172a;--accent:#8b5cf6;--accent-primary:#3b82f6;--accent-secondary:#1d4ed8;--glass:#ffffff1a;--glass-border:#fff3;--nav-active-bg:#3b82f61a;--card-bg:#ffffff0d;--shadow-glass-hover:0 12px 40px #00000026;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-size-7xl:4.5rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--primary-gradient:linear-gradient(135deg,#3b82f6,#1d4ed8 50%,#1e40af);--success-gradient:linear-gradient(135deg,#10b981,#059669);--warning-gradient:linear-gradient(135deg,#f59e0b,#d97706);--danger-gradient:linear-gradient(135deg,#ef4444,#dc2626);--info-gradient:linear-gradient(135deg,#0ea5e9,#0284c7);--accent-gradient:linear-gradient(135deg,#8b5cf6,#7c3aed);--glass-gradient:linear-gradient(135deg,#ffffff1a,#ffffff0d);--hero-gradient:linear-gradient(135deg,#1e293be6,#0f172af2);--background-gradient:linear-gradient(180deg,#f8fafc,#e2e8f0 50%,#cbd5e1);--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--shadow-2xl:0 25px 50px #00000040;--shadow-glow:0 0 30px #3b82f64d;--shadow-glass:0 8px 32px #0000001a;--border-radius-sm:0.375rem;--border-radius:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--border-radius-2xl:1.5rem;--border-glass:1px solid var(--glass-border)}body{background:linear-gradient(180deg,#f8fafc,#e2e8f0 50%,#cbd5e1);background:var(--background-gradient);background-attachment:fixed;color:#1e293b;color:var(--dark);font-family:Inter,system-ui,-apple-system,sans-serif;margin:0;overflow-x:hidden;padding:0}h1,h2,h3,h4,h5,h6{color:#000!important}.app-container{background:#fff;background:var(--bg-primary);color:#0f172a;color:var(--text-primary);flex-direction:column;position:relative}.app-container,.hero-section{display:flex;min-height:100vh}.hero-section{align-items:center;animation:fadeInScale 1s ease-out;background:linear-gradient(135deg,#3b82f6f2,#6366f1f2 25%,#8b5cf6f2 50%,#a855f7f2 75%,#8b5cf6f2),linear-gradient(45deg,#ffffff14 25%,#0000 0),linear-gradient(-45deg,#ffffff0f 25%,#0000 0),linear-gradient(45deg,#0000 75%,#ffffff14 0),linear-gradient(-45deg,#0000 75%,#ffffff0f 0),radial-gradient(circle at 30% 20%,#ffffff26 0,#0000 50%),radial-gradient(circle at 70% 80%,#8b5cf61f 0,#0000 50%),radial-gradient(circle at 50% 50%,#10b98114 0,#0000 50%);background-position:50%,0 0,0 0,10px 10px,10px 10px,50%,50%;background-size:cover,30px 30px,30px 30px,20px 20px,20px 20px,100% 100%,100% 100%;color:#fff;justify-content:center}.hero-overlay{animation:gradientShift 8s ease-in-out infinite;background:radial-gradient(circle at 20% 20%,#ffffff14 0,#0000 40%),radial-gradient(circle at 80% 80%,#8b5cf61a 0,#0000 40%),linear-gradient(135deg,#ffffff0d,#ffffff05);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.hero-content{grid-gap:4rem;align-items:center;animation:fadeInUp 1s ease-out;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:2rem}@media (max-width:768px){.hero-content{gap:1.5rem;grid-template-columns:1fr;padding:1rem}.hero-section{min-height:auto;padding:1rem}.floating-elements{align-items:center;display:flex;flex-direction:column;gap:.8rem;height:auto!important;margin-top:1rem;position:relative!important;width:100%}.card-1,.card-2,.card-3{animation:none!important;margin:0!important;max-width:300px;position:static!important;transform:none!important;width:90%}}.hero-text{animation:slideInLeft 1s ease-out .2s both}.hero-title{align-items:center;animation:fadeInUp 1s ease-out .2s both;color:#fff!important;display:flex;filter:drop-shadow(0 0 15px rgba(255,255,255,.5));font-size:4.5rem;font-weight:900;gap:1rem;letter-spacing:-2px;margin-bottom:.5rem;position:relative;text-shadow:-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000,3px 3px 0 #000,-3px 0 0 #000,3px 0 0 #000,0 -3px 0 #000,0 3px 0 #000;word-break:break-word}@media (max-width:1024px){.hero-title{font-size:3.5rem}}@media (max-width:768px){.hero-title{font-size:2.5rem;gap:.75rem;margin-bottom:1rem}}@media (max-width:480px){.hero-title{font-size:1.8rem;gap:.5rem;margin-bottom:.75rem}}@keyframes whiteGlow{0%,to{filter:drop-shadow(0 0 20px rgba(255,255,255,.6)) drop-shadow(0 0 30px rgba(59,130,246,.3))}50%{filter:drop-shadow(0 0 30px rgba(255,255,255,.9)) drop-shadow(0 0 50px rgba(59,130,246,.5))}}.hero-title:after{animation:gradientShift 8s ease-in-out infinite;background:linear-gradient(135deg,#60a5fa,#8b5cf6,#22d3ee);background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple),var(--accent-cyan));background-size:200% 200%;border-radius:2px;bottom:-4px;content:"";height:4px;left:0;position:absolute;width:100%}.hero-icon{color:#fff;filter:drop-shadow(0 0 15px rgba(255,255,255,.4));transition:all .3s ease}.hero-icon:hover{filter:drop-shadow(0 0 20px rgba(255,255,255,.6));transform:scale(1.05)}.hero-subtitle{color:#fff!important;font-size:1.5rem;font-weight:300;letter-spacing:.5px;line-height:1.6;margin-bottom:2rem;opacity:1;text-shadow:0 2px 10px #0006}.infravision-title{color:#fff!important;font-weight:900;text-shadow:0 4px 20px #3b82f680,0 0 40px #8b5cf64d}.white-text-subtitle{color:#fff!important;text-shadow:0 2px 10px #0006}.hero-features{grid-gap:1.5rem;display:grid;gap:1.5rem}.hero-feature{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);background:var(--glass-gradient);border:1px solid #fff3;border:var(--border-glass);border-radius:.75rem;border-radius:var(--border-radius-lg);display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.hero-feature:hover{box-shadow:0 0 30px #3b82f64d;box-shadow:var(--shadow-glow);transform:translateY(-2px)}.hero-feature h3{color:#fff!important;font-size:1.1rem;font-weight:700;margin-bottom:.25rem;text-shadow:0 2px 8px #0000004d}.hero-feature p{color:#fff!important;font-size:.9rem;opacity:1;text-shadow:0 1px 4px #0003}.feature-icon{color:#60a5fa;color:var(--primary-light);flex-shrink:0}.hero-visual{flex:1 1;min-height:400px;position:relative}.floating-elements{height:100%;position:absolute;right:0;top:0;width:100%;z-index:5}.floating-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);background:var(--glass-gradient);border:1px solid #fff3;border:var(--border-glass);border-radius:1rem;border-radius:var(--border-radius-xl);box-shadow:0 8px 32px #0000001a;box-shadow:var(--shadow-glass);color:#fff!important;display:flex;flex-direction:column;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;min-width:180px;padding:2.5rem 2rem;position:absolute;text-align:center;text-shadow:0 2px 8px #0000004d;transition:all .3s ease}.floating-card:before{background:linear-gradient(90deg,#0000,#2563eb1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.floating-card:hover:before{left:100%}.floating-card:hover{box-shadow:0 0 30px #3b82f64d;box-shadow:var(--shadow-glow);transform:scale(1.05) translateY(-4px)}.floating-card svg{color:#60a5fa;color:var(--primary-light);height:28px;margin-bottom:.25rem;width:28px}.floating-card span{font-size:.8rem;line-height:1.2}@media (max-width:768px){.floating-elements{animation:none!important;display:flex;flex-direction:column;gap:1rem;height:auto!important}.card-1,.card-2,.card-3,.card-4{animation:none!important;bottom:auto!important;left:auto!important;margin:0;position:static!important;right:auto!important;top:auto!important;width:100%}}.card-1{right:5%;top:55%;transform:translateY(-130%) scale(.9)}.card-2{right:18%;top:55%;transform:translateY(-50%) scale(.9)}.card-3{right:5%;top:55%;transform:translateY(30%) scale(.9)}.card-1,.card-2,.card-3{animation:float-base 8s ease-in-out infinite;position:absolute}@keyframes float-base{0%,to{margin-top:0}50%{margin-top:-20px}}@media (max-width:768px){.card-1,.card-2,.card-3{animation:none!important;margin:1rem auto;position:static!important;transform:none!important}.floating-elements{align-items:center;display:flex;flex-direction:column;gap:1rem;height:auto!important;position:relative!important;width:100%}}.card-4{animation:float-slow 7.5s ease-in-out infinite;bottom:15%;right:12%}.logo-badge-static{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffffa,#f8fafcf2);border:4px solid #000;border-radius:16px;box-shadow:0 12px 40px #00000040,0 0 30px #2563eb33;display:flex;font-weight:800;height:110px;justify-content:center;overflow:hidden;padding:1rem;position:absolute;right:1rem;text-align:center;top:1rem;transition:all .3s ease;width:110px;z-index:15}.logo-badge-static:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.logo-badge-static:hover:before{left:100%}.logo-badge-static:hover{border-color:#2563eb80;box-shadow:0 16px 50px #0000004d,0 0 40px #2563eb59;transform:scale(1.08)}.logo-badge-static svg{height:95%;object-fit:contain;width:95%}@media (max-width:768px){.logo-badge-static{border-radius:12px;bottom:1rem;box-shadow:0 8px 25px #0003,0 0 20px #2563eb26;height:75px;padding:.5rem;right:1rem;width:75px}}.logo-badge{display:none}.dashboard-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#f8fafc,#e2e8f0 50%,#cbd5e1);background:var(--background-gradient);border-radius:1.5rem 1.5rem 0 0;border-radius:var(--border-radius-2xl) var(--border-radius-2xl) 0 0;box-shadow:0 25px 50px #00000040;box-shadow:var(--shadow-2xl);margin-top:0;min-height:calc(100vh - 100px);padding:2rem;position:relative}.nav-tabs-container{margin-bottom:2rem;position:relative}.nav-tabs{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);background:var(--glass-gradient);border:1px solid #fff3;border:var(--border-glass);box-shadow:0 8px 32px #0000001a;box-shadow:var(--shadow-glass);flex-wrap:wrap;gap:1rem;justify-content:center;padding:1.5rem}.nav-tab,.nav-tabs{border-radius:1rem;border-radius:var(--border-radius-xl)}.nav-tab{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1.5px solid #2563eb1a;box-shadow:0 4px 12px #2563eb0d;color:#475569;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-weight:600;gap:.75rem;min-width:160px;padding:1.75rem 2.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-tab:before{background:linear-gradient(90deg,#0000,#06b6d426,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.nav-tab:hover:before{left:100%}.nav-tab:hover{background:#f8fafce6;border-color:#2563eb40;box-shadow:0 12px 30px #2563eb1f,0 0 20px #06b6d414;color:#2563eb;transform:translateY(-4px) scale(1.02)}.nav-tab.active{animation:navGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#2563eb,#1e40af);border-color:#ffffff4d;box-shadow:0 15px 35px #2563eb4d,0 0 30px #06b6d433,inset 0 1px 0 #fff3;transform:translateY(-2px)}@keyframes navGlow{0%,to{box-shadow:0 15px 35px #2563eb4d,0 0 30px #06b6d433,inset 0 1px 0 #fff3}50%{box-shadow:0 18px 40px #2563eb66,0 0 40px #06b6d44d,inset 0 1px 0 #ffffff4d}}.nav-tab.active svg{filter:drop-shadow(0 0 8px rgba(255,255,255,.8))}.nav-label{font-size:.9rem;font-weight:600}.nav-desc{font-size:.75rem;line-height:1.2;opacity:.8;text-align:center}.nav-tab svg{filter:drop-shadow(0 0 5px rgba(59,130,246,.3));transition:all .3s ease}.content-frame,.main-content-frame{position:relative}.content-frame{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);background:var(--glass-gradient);border:1px solid #fff3;border:var(--border-glass);border-radius:1.5rem;border-radius:var(--border-radius-2xl);box-shadow:0 8px 32px #0000001a;box-shadow:var(--shadow-glass);min-height:600px;overflow:hidden;padding:2rem}.content-frame:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8 50%,#1e40af);background:var(--primary-gradient);border-radius:1.5rem 1.5rem 0 0;border-radius:var(--border-radius-2xl) var(--border-radius-2xl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.nav-toggle{background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--border-radius);color:#0f172a;color:var(--text-primary);cursor:pointer;display:none;font-size:1.25rem;padding:.25rem .5rem;transition:all .3s ease}.nav-toggle:hover{background:var(--surface-hover);transform:scale(1.05)}.nav-label{display:inline-block;font-weight:500}.header-actions{align-items:center;display:flex;gap:.5rem}.brand h1{color:#fff!important;font-size:1.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}.nav-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--border-radius-lg);gap:.25rem;margin:0;padding:.5rem}.nav-item,.nav-tabs,.nav-tabs.open{display:flex}.nav-item{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--border-radius);color:#475569;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;gap:.5rem;overflow:hidden;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-item:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.nav-item:hover:before{left:100%}.nav-item:hover{background:#3b82f614;box-shadow:0 4px 12px #3b82f626;color:#60a5fa;color:var(--accent-blue);transform:translateY(-2px)}.nav-item.active{background:linear-gradient(135deg,#60a5fa,#8b5cf6);background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));box-shadow:0 6px 20px #3b82f64d;color:#fff;transform:translateY(-1px)}.nav-item.active:hover{box-shadow:0 8px 25px #3b82f666;transform:translateY(-3px)}.nav-item svg{height:18px;transition:all .3s ease;width:18px}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--surface-primary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-soft);position:sticky;top:0;z-index:100}.header-content{align-items:center;justify-content:space-between;padding:1rem 2rem}.brand{flex-shrink:0}.main-content{flex:1 1}.content-area,.main-content{margin:0 auto;max-width:1400px;padding:2rem;width:100%}.content-area{position:relative;z-index:1}.page-header{margin-bottom:2rem;text-align:center}.page-header h1{align-items:center;color:#000;display:flex;font-size:2.5rem;font-weight:700;gap:1rem;justify-content:center;margin-bottom:.5rem}.page-header p{color:#64748b;color:var(--secondary);font-size:1.1rem;margin:0 auto;max-width:600px}.card{animation:fadeInScale .6s ease-out;background:linear-gradient(135deg,#fffffff2,#f8fafccc);border:1.5px solid #fff3;border:1.5px solid var(--glass-border);box-shadow:0 10px 30px #3b82f614,0 4px 15px #3b82f60a,inset 0 1px 1px #fffc;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:before{animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(90deg,#2563eb,#06b6d4,#2563eb);background-size:200% 100%;height:4px}.card:after{background:radial-gradient(circle at 20% 20%,#2563eb08 0,#0000 50%);border-radius:1rem;border-radius:var(--border-radius-xl);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.card:hover{border-color:#3b82f64d;box-shadow:0 20px 40px #3b82f626,0 8px 25px #3b82f614,inset 0 1px 1px #ffffffe6;transform:translateY(-8px) scale(1.02)}.card-header{margin-bottom:1.5rem;padding-bottom:1rem;position:relative}.card-header h2,.card-header h3{align-items:center;color:#000;display:flex;font-weight:700;gap:.75rem;margin:0}.card-body{color:#1e293b;color:var(--dark);padding-top:.5rem}.upload-zone{background:linear-gradient(135deg,#f8fafccc,#f1f5f999);border:2.5px dashed #2563eb4d;border-radius:1rem;border-radius:var(--border-radius-xl);box-shadow:0 8px 20px #2563eb14,inset 0 1px 2px #fffc;cursor:pointer;overflow:hidden;padding:3rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.upload-zone:before{background:radial-gradient(circle at 20% 50%,#2563eb0a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.upload-zone:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0cc);border-color:#2563eb;box-shadow:0 12px 30px #2563eb26,inset 0 1px 2px #ffffffe6;transform:scale(1.01)}.results-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.result-card{box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem}.analysis-section,.result-card{background:#fff;border-radius:.5rem;border-radius:var(--border-radius)}.analysis-section{margin-top:1.5rem;overflow:hidden}.analysis-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8 50%,#1e40af);background:var(--primary-gradient);color:#fff;padding:1rem 1.5rem}.analysis-content{padding:1.5rem}.image-preview{max-width:100%}.btn,.image-preview{border-radius:.5rem;border-radius:var(--border-radius)}.btn{border:none;cursor:pointer;padding:.5rem 1rem;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#2563eb,#1e40af);border:1.5px solid #2563eb4d;box-shadow:0 8px 20px #2563eb4d,inset 0 1px 0 #fff3;letter-spacing:.5px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);transition:left .5s}.btn-primary:hover{background:linear-gradient(135deg,#1e40af,#1d4ed8);border-color:#2563eb99;box-shadow:0 15px 35px #2563eb66,0 0 25px #06b6d433,inset 0 1px 0 #ffffff4d;transform:translateY(-3px)}.btn-primary:active{box-shadow:0 5px 15px #2563eb33,inset 0 2px 4px #0000001a;transform:translateY(-1px) scale(.98)}.btn-secondary{background:#64748b;background:var(--secondary)}.form-group{margin-bottom:1.5rem}.form-label{color:#000;display:block;font-size:.9rem;font-weight:600;letter-spacing:.3px;margin-bottom:.75rem}.form-control{background:#fffffff2;border:1.5px solid #2563eb26;border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 4px 12px #2563eb0a,inset 0 1px 2px #2563eb0d;color:#000;font-size:1rem;padding:.875rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-control:focus{background:#fff;border-color:#2563eb;box-shadow:0 6px 20px #2563eb1f,inset 0 1px 2px #2563eb14,0 0 0 3px #2563eb1a;transform:translateY(-2px)}.form-control::placeholder{color:#64748b99;font-weight:400}.progress{background:#e5e7eb;border-radius:1rem;height:.5rem;overflow:hidden}.progress-bar-container{background:linear-gradient(90deg,#f0f4f8,#e2e8f0);border:1px solid #2563eb1a;border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:inset 0 2px 4px #0000000d;height:28px;overflow:hidden;position:relative}.progress-bar{animation:progressGradient 2s ease infinite;background:linear-gradient(90deg,#2563eb,#06b6d4 50%,#2563eb);background-size:200% 100%;box-shadow:0 0 10px #2563eb80,inset 0 1px 1px #ffffff4d;height:100%;position:relative;transition:width .4s cubic-bezier(.4,0,.2,1)}.progress-bar:after{animation:shimmer 2s ease infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes progressGradient{0%{background-position:0}50%{background-position:100%}to{background-position:0}}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.visualization{background:linear-gradient(135deg,#fffffff2,#f8fafcd9);border:1.5px solid #2563eb1f;border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 8px 20px #2563eb1a,0 2px 8px #2563eb0d,inset 0 1px 1px #fffc;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.visualization:before{animation:gradientShift 3s ease infinite;background:linear-gradient(90deg,#2563eb,#06b6d4,#2563eb);content:"";height:3px;left:0;position:absolute;right:0;top:0}.visualization:hover{border-color:#2563eb40;box-shadow:0 12px 30px #2563eb26,0 4px 12px #2563eb14,inset 0 1px 1px #ffffffe6}.chart-container{background:linear-gradient(135deg,#f0f4f880,#e2e8f080);border-radius:.75rem;border-radius:var(--border-radius-lg);height:400px;width:100%}.processed-images-container{padding:2rem 0}.main-image-container{min-height:400px;position:relative}.main-image-card{height:100%}.main-preview-image{max-height:600px;object-fit:contain;width:100%}.image-type-button{background:linear-gradient(135deg,#fffc,#f8fafcb3);border:1.5px solid #2563eb26;border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 4px 12px #2563eb14;cursor:pointer;overflow:hidden;padding:1.25rem;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.image-type-button:before{background:linear-gradient(90deg,#0000,#2563eb,#0000);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.image-type-button:hover:before{opacity:1}.image-type-button:hover{background:linear-gradient(135deg,#fffffff2,#f8fafcd9);border-color:#2563eb4d;box-shadow:0 12px 30px #2563eb26;transform:translateY(-4px)}.no-image-placeholder{align-items:center;background:#f8fafc;background:var(--light);border-radius:.5rem;border-radius:var(--border-radius);color:#64748b;color:var(--secondary);display:flex;flex-direction:column;height:400px;justify-content:center}.no-image-placeholder i{font-size:3rem;margin-bottom:1rem}.environmental-impact-container{padding:2rem 0}.impact-summary-card{background:#fff;border-radius:.75rem;border-radius:var(--border-radius-lg);margin-bottom:2rem}.impact-metric{padding:1.5rem;text-align:center}.impact-metric i{font-size:2rem;margin-bottom:.5rem}.chart-card{position:relative}.chart-card:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.environmental-chart{height:100%;object-fit:contain;width:100%}.chart-selector{background:#fff}.chart-selector,.chart-selector-item{border-radius:.5rem;border-radius:var(--border-radius);padding:1rem}.chart-selector-item{margin-bottom:.5rem;transition:all .3s ease}.chart-selector-item:hover{background:#f8fafc;background:var(--light)}.chart-selector-item.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8 50%,#1e40af);background:var(--primary-gradient);color:#fff}.recommendations-list{padding-left:1.5rem}.recommendations-list li{margin-bottom:.75rem}.realtime-monitoring-container,.video-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;padding:2rem 0}.stream-card{background:#fff;border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);overflow:hidden}.stream-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.stream-header h3{color:#1e293b;color:var(--dark);font-size:1.2rem;margin:0}.stream-controls{gap:1rem}.btn-danger svg,.btn-primary svg,.btn-secondary svg{margin-right:.5rem;vertical-align:middle}.stream-content{align-items:center;aspect-ratio:16/9;background:#1e293b;background:var(--dark);display:flex;justify-content:center;overflow:hidden}.results-card{background:#fff;border-radius:.5rem;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);padding:1.5rem}.results-card h3{color:#1e293b;color:var(--dark);font-size:1.1rem;margin:0 0 1rem}.analysis-metrics{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:1.5rem}.metric{text-align:center}.metric h4{color:#64748b;color:var(--secondary);font-size:.875rem;margin:0}.metric p{color:#1e293b;color:var(--dark);font-size:1.25rem;font-weight:600;margin:.5rem 0 0}.detection-card{background:#fff;border-radius:.5rem;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);padding:1rem;transition:transform .2s ease-in-out}.detection-card:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md)}.detection-card h4{color:#1e293b;color:var(--dark);font-size:1rem;margin:0 0 .5rem}.detection-card p{color:#64748b;color:var(--secondary);font-size:.875rem;margin:.25rem 0}.stream-container{aspect-ratio:16/9;background:#1e293b;background:var(--dark);border-radius:.5rem .5rem 0 0;border-radius:var(--border-radius) var(--border-radius) 0 0;overflow:hidden;position:relative}.stream-feed{height:100%;object-fit:cover;width:100%}.stream-placeholder{color:#f8fafc;color:var(--light);gap:1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.stream-placeholder svg{height:48px;width:48px}.stream-controls{align-items:center;background:#fff;border-radius:0 0 .5rem .5rem;border-radius:0 0 var(--border-radius) var(--border-radius);border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1rem}.metrics-grid{grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.5rem}.metric-card{background:linear-gradient(135deg,#fffffff2,#f8fafcd9);border:1.5px solid #2563eb14;box-shadow:0 8px 20px #2563eb0a,0 2px 8px #2563eb05,inset 0 1px 1px #fffc;gap:1rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.metric-card:before{background:linear-gradient(90deg,#0000,#2563eb1a,#0000)}.metric-card:hover{background:linear-gradient(135deg,#fff,#f8fafcf2);border-color:#2563eb40;box-shadow:0 12px 30px #2563eb26,0 4px 12px #2563eb14,inset 0 1px 1px #ffffffe6;transform:translateY(-4px) scale(1.02)}.metric-icon{border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 4px 12px #2563eb40;overflow:hidden;position:relative}.metric-icon:after{animation:shine 3s infinite;background:radial-gradient(circle,#ffffff4d 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes shine{0%{transform:translate(0)}50%{transform:translate(10px,10px)}to{transform:translate(0)}}.metric-title{color:#475569;color:var(--text-secondary);font-weight:600;letter-spacing:.3px;text-transform:uppercase}.metric-value{-webkit-text-fill-color:initial;-webkit-background-clip:unset;background-clip:initial;background:none;color:#000}.metric-subtitle{color:#000;font-size:.75rem;font-weight:500;margin-top:.25rem}.monitoring-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin-top:2rem}.chart-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;background:var(--glass-bg);border:1px solid var(--glass-border);padding:1.5rem}.chart-card .card-header{margin-bottom:1.5rem}.chart-card .card-header h3{align-items:center;color:#1e293b;color:var(--dark);display:flex;font-size:1.1rem;gap:.75rem;margin:0}.chart-card .card-body{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:300px}.chart-placeholder{background:#ffffff80;height:100%;width:100%}.chart-card h3{color:#1e293b;color:var(--dark);font-size:1.1rem;margin:0 0 1rem}.alerts-card{background:linear-gradient(135deg,#fffffff2,#f8fafcd9);border:1.5px solid #2563eb1f;border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 8px 20px #2563eb1a,0 2px 8px #2563eb0d,inset 0 1px 1px #fffc;display:flex;flex-direction:column;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.alerts-card:before{animation:gradientShift 3s ease infinite;background:linear-gradient(90deg,#2563eb,#06b6d4,#2563eb);content:"";height:3px;left:0;position:absolute;right:0;top:0}.alerts-card:hover{border-color:#2563eb40;box-shadow:0 12px 30px #2563eb26,0 4px 12px #2563eb14,inset 0 1px 1px #ffffffe6}.alerts-card h3{align-items:center;color:#2563eb;display:flex;font-size:1.25rem;font-weight:800;gap:.75rem;letter-spacing:.3px;margin:0 0 1.5rem;text-transform:uppercase}.alerts-list{flex:1 1;overflow-y:auto;padding-right:.5rem}.filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.time-range-selector{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;border-radius:var(--border-radius);color:#64748b;color:var(--secondary);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease-in-out}.filter-btn:hover{border-color:#3b82f6;border-color:var(--primary);color:#3b82f6;color:var(--primary)}.filter-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8 50%,#1e40af);background:var(--primary-gradient);border-color:#0000;color:#fff}.charts-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));width:100%}.loading-state{background:linear-gradient(135deg,#ffffff80,#f8fafc4d);border:1px solid #2563eb14;border-radius:.75rem;border-radius:var(--border-radius-lg);color:#475569;color:var(--text-secondary);min-height:300px}.spinner{animation:spin 1.5s linear infinite;border-right:3px solid #2563eb1a;border-top:3px solid #2563eb1a;border-color:#2563eb #06b6d4 #2563eb1a #2563eb1a;border-radius:50%;border-style:solid;border-width:3px;box-shadow:0 0 20px #2563eb4d;height:50px;margin-bottom:1.5rem;width:50px}.summary-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:2rem}.summary-card{background:linear-gradient(135deg,#fffffff2,#f8fafcd9);border:1.5px solid #2563eb1f;border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 8px 20px #2563eb1a,0 2px 8px #2563eb0d,inset 0 1px 1px #fffc;overflow:hidden;padding:1.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.summary-card:before{animation:gradientShift 3s ease infinite;background:linear-gradient(90deg,#2563eb,#06b6d4,#2563eb);content:"";height:3px;left:0;position:absolute;right:0;top:0}.summary-card:hover{background:linear-gradient(135deg,#fff,#f8fafcf2);border-color:#2563eb4d;box-shadow:0 16px 40px #2563eb33,0 4px 12px #06b6d41a,inset 0 1px 1px #ffffffe6;transform:translateY(-6px) scale(1.02)}.summary-card h3{color:#2563eb;font-size:1.25rem;font-weight:800;letter-spacing:.3px;margin:0 0 1.25rem;text-transform:uppercase}.summary-card ul{list-style:none;margin:0;padding-left:1.5rem}.summary-card li{color:#475569;color:var(--text-secondary);font-size:.9rem;font-weight:500;line-height:1.6;margin-bottom:.75rem;padding-left:1rem;position:relative}.summary-card li:before{color:#06b6d4;content:"→";font-weight:700;left:0;position:absolute}.alert-item{background:linear-gradient(135deg,#fffffff2,#f8fafcd9);border:1.5px solid #e5e7eb;border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 4px 12px #0000000d,inset 0 1px 1px #fffc;margin-bottom:1rem;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.alert-item:before{background:linear-gradient(180deg,#0000,#2563eb,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.alert-item:hover:before{opacity:1}.alert-item:hover{border-color:#2563eb40;box-shadow:0 8px 24px #2563eb26,inset 0 1px 1px #fffc;transform:translateY(-4px)}.alert-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.alert-time{color:#475569;color:var(--text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.1px}.alert-severity{border:1px solid;border-radius:999px;box-shadow:0 2px 8px #0000001a;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.35rem .65rem}.alert-message{color:var(--text-dark);font-size:.875rem;line-height:1.5;margin:0}.severity-critical{background:linear-gradient(135deg,#ef4444f2,#dc2626f2);border-color:#dc2626;box-shadow:0 4px 12px #ef44444d;color:#fff}.severity-warning{background:linear-gradient(135deg,#fb923cf2,#ea580cf2);border-color:#ea580c;box-shadow:0 4px 12px #fb923c4d;color:#fff}.severity-info{background:linear-gradient(135deg,#3b82f6f2,#2563ebf2);border-color:#2563eb;box-shadow:0 4px 12px #2563eb4d;color:#fff}.alert-critical{background:linear-gradient(135deg,#ef444414,#dc26260d);border-color:#ef44444d}.alert-warning{border-color:#f59e0b;border-color:var(--warning)}.alert-info{border-color:#0ea5e9;border-color:var(--info)}.no-alerts{color:#64748b;color:var(--secondary);font-size:.875rem;margin:2rem 0;text-align:center}.image-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:1.5rem 0}.image-grid-item{background:#fff;border:1.5px solid #2563eb1f;border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 8px 20px #2563eb1a,0 2px 8px #2563eb0d,inset 0 1px 1px #fffc;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.image-grid-item:before{animation:gradientShift 3s ease infinite;background:linear-gradient(90deg,#2563eb,#06b6d4,#2563eb);content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:1}.image-grid-item:hover{background:linear-gradient(135deg,#fff,#f8fafcf2);border-color:#2563eb4d;box-shadow:0 16px 40px #2563eb33,0 4px 12px #06b6d41a,inset 0 1px 1px #ffffffe6;transform:translateY(-8px) scale(1.02)}.image-grid-image-container{align-items:center;background:linear-gradient(135deg,#f0f4f8,#e2e8f0);display:flex;flex:1 1;justify-content:center;min-height:320px;overflow:auto;padding:1rem;position:relative;width:100%}.image-grid-item img{height:auto;max-height:100%;object-fit:contain;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}.image-grid-item:hover img{filter:brightness(1.1);transform:scale(1.08)}.image-grid-title{background:#fff;border-top:1px solid #2563eb1a;color:#000;font-size:.875rem;font-weight:700;letter-spacing:.2px;overflow:hidden;padding:1rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.chart-placeholder{background:#f8fafc;background:var(--light);color:#64748b;color:var(--secondary);font-size:.875rem;justify-content:center;min-height:200px;padding:2rem;text-align:center}.chart-placeholder,.metrics-card{align-items:center;border-radius:.5rem;border-radius:var(--border-radius);display:flex}.metrics-card{background:#fff;box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);gap:1rem;padding:1.5rem}.environmental-page{background:linear-gradient(135deg,#f8fafc,#fff);background:linear-gradient(135deg,var(--bg-secondary),var(--bg-primary));min-height:100vh}.environmental-content{display:flex;flex-direction:column;gap:2rem;margin:2rem auto 0;max-width:1400px;padding:0 2rem;position:relative;z-index:1}.metrics-frame{background:linear-gradient(135deg,#ffffff80,#f8fafc4d);border:1px solid #2563eb14;border-radius:.75rem;border-radius:var(--border-radius-lg);overflow:hidden;padding:2.5rem;position:relative}.metrics-frame:before{background:linear-gradient(45deg,#2563eb05 25%,#0000 0),linear-gradient(-45deg,#2563eb05 25%,#0000 0),linear-gradient(45deg,#0000 75%,#2563eb05 0),linear-gradient(-45deg,#0000 75%,#2563eb05 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.metrics-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{background:#ffffff80;border-radius:.5rem;border-radius:var(--border-radius);transition:.2s ease-in-out;transition:var(--transition-medium)}.metric-card:hover{background:#fffc;transform:translateY(-2px)}.metric-icon{border-radius:.5rem;border-radius:var(--border-radius);height:40px;width:40px}.bg-blue{background:linear-gradient(135deg,#60a5fa,#3b82f6);background:var(--gradient-blue)}.bg-azure{background:linear-gradient(135deg,#38bdf8,#0284c7);background:var(--gradient-azure)}.bg-indigo{background:linear-gradient(135deg,#818cf8,#6366f1);background:var(--gradient-indigo)}.bg-cyan{background:linear-gradient(135deg,#22d3ee,#0ea5e9);background:var(--gradient-cyan)}.metric-content{min-width:0}.metric-title{font-size:.75rem;font-weight:500;line-height:1.2;margin-bottom:.2rem}.metric-value{color:#1d4ed8;color:var(--primary-dark);font-size:1.1rem;line-height:1.2}.metric-subtitle{color:#64748b;color:var(--secondary);font-size:.65rem;line-height:1.2;margin-top:.2rem}.recommendations-section{padding:2rem}.recommendations-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1.5rem}.recommendation-card{align-items:flex-start;animation:fadeInUp .5s ease-out forwards;display:flex;gap:1rem;opacity:0;padding:1.25rem;transform:translateY(20px);transition:.2s ease-in-out;transition:var(--transition-medium)}.recommendation-card:hover{transform:translateY(-2px) translateX(5px)}.recommendation-card:first-child{animation-delay:.1s}.recommendation-card:nth-child(2){animation-delay:.2s}.recommendation-card:nth-child(3){animation-delay:.3s}.recommendation-card:nth-child(4){animation-delay:.4s}.recommendation-icon{box-shadow:0 4px 12px #3b82f633;font-size:1.5rem;height:40px;min-width:40px}.recommendation-text{color:#64748b;color:var(--secondary);font-size:.95rem;line-height:1.5}.charts-frame{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.chart-panel{background:linear-gradient(135deg,#ffffff80,#f8fafc4d);border:1px solid #2563eb14;border-radius:.75rem;border-radius:var(--border-radius-lg);min-height:400px;padding:2rem}.chart-panel:before{animation:gradientShift 3s ease infinite;background:linear-gradient(90deg,#2563eb,#06b6d4,#2563eb);height:2px}.panel-header{border-bottom:1px solid #2563eb1a;margin-bottom:1.5rem}.panel-header:after{background:linear-gradient(90deg,#2563eb,#06b6d4);border-radius:1px;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:40px}.panel-header h3{align-items:center;color:#2563eb;display:flex;font-size:1.25rem;font-weight:800;gap:.75rem;letter-spacing:.2px;margin:0;text-transform:uppercase}.panel-body{flex-direction:column}.chart-container{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#111827f2,#1f2937e6);border:1px solid #3b82f633;border-radius:20px;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003,inset 0 1px 0 #ffffff1a;color:#e5e7eb;display:flex;flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.9rem;justify-content:center;overflow:hidden;padding:1.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.chart-container:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease-in-out;width:100%;z-index:1}.chart-container:hover:before{left:100%}.chart-container:hover{border-color:#3b82f666;box-shadow:0 32px 64px -12px #3b82f640,0 20px 25px -5px #0006,0 10px 10px -5px #0000004d,inset 0 1px 0 #fff3;transform:translateY(-4px) scale(1.01)}.chart-container.with-gradient{background:linear-gradient(135deg,#3b82f61a,#8b5cf614 50%,#10b9810f)}.metric-icon{border-radius:.375rem;border-radius:var(--border-radius-sm);height:48px;width:48px}.metric-details{flex:1 1}.metric-title{color:#64748b;color:var(--secondary);font-size:.875rem;margin-bottom:.25rem}.metric-value{font-size:1.25rem;font-weight:600}.material-analysis-section{padding:2rem}.material-metrics{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.sustainability-score{padding:2rem}.score-display{gap:2rem}.score-circle,.score-display{align-items:center;display:flex;justify-content:center}.score-circle{background:conic-gradient(#3b82f6 0 78%,#e5e7eb 78% 100%);background:conic-gradient(var(--primary) 0 78%,#e5e7eb 78% 100%);border-radius:50%;flex-direction:column;height:120px;position:relative;width:120px}.score-circle:before{background:#fff;border-radius:50%;content:"";height:90px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:90px}.score-value{color:#3b82f6;color:var(--primary);font-size:2rem;font-weight:700}.score-label,.score-value{position:relative;z-index:1}.score-label{color:#64748b;color:var(--secondary);font-size:.875rem}.score-description{background:linear-gradient(135deg,#fff9,#f8fafc66);border:1px solid #2563eb14;border-radius:.75rem;border-radius:var(--border-radius-lg);flex:1 1;padding:1rem;transition:all .3s ease}.score-description:hover{background:linear-gradient(135deg,#fffc,#f8fafc99);border-color:#2563eb26}.score-description h3{color:#2563eb;font-size:1rem;font-weight:700;margin:0 0 .5rem}.score-description p{color:#475569;color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0}.alerts-section{padding:2rem}.alerts-list{display:flex;flex-direction:column;gap:1rem}.alert-card{align-items:center;border-left:4px solid;border-radius:.5rem;border-radius:var(--border-radius);display:flex;gap:1rem;padding:1rem}.alert-card.warning{background:#f59e0b1a;border-left-color:#f59e0b;border-left-color:var(--warning)}.alert-card.success{background:#10b9811a;border-left-color:#10b981;border-left-color:var(--success)}.alert-content{flex:1 1}.alert-message{color:#1e293b;color:var(--dark);font-weight:500;margin-bottom:.25rem}.alert-severity{font-size:.75rem;font-weight:600;text-transform:uppercase}.alert-card.warning .alert-severity{color:#f59e0b;color:var(--warning)}.alert-card.success .alert-severity{color:#10b981;color:var(--success)}.trend{align-items:center;display:flex;font-size:.75rem;font-weight:600;gap:.25rem;margin-top:.5rem}.trend.positive{color:#ef4444;color:var(--danger)}.trend.negative{color:#10b981;color:var(--success)}.bg-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8 50%,#1e40af);background:var(--primary-gradient)}.bg-success{background:var(--success-gradient)}.bg-warning{background:var(--warning-gradient)}.bg-danger{background:var(--danger-gradient)}.bg-info{background:linear-gradient(135deg,#0ea5e9,#0284c7);background:var(--info-gradient)}.detection-history{max-height:300px;overflow-y:auto}.glass-panel{background:#fffc;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:1rem;border-radius:var(--border-radius-xl);box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #ffffff1a;box-shadow:var(--glass-shadow),inset 0 1px 0 #ffffff1a;overflow:hidden;position:relative;transition:all .2s ease-in-out;transition:all var(--transition-medium)}.glass-panel:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.glass-panel:hover{border-color:#3b82f64d;box-shadow:0 16px 50px #3b82f626,inset 0 1px 0 #fff3;transform:translateY(-4px)}.metric-card{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:1px solid #fff3;border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 8px 25px #00000014,inset 0 1px 0 #fff6;display:flex;gap:.75rem;overflow:hidden;padding:1rem;position:relative;transition:all .2s ease-in-out;transition:all var(--transition-medium)}.metric-card:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.metric-card:hover:before{left:100%}.metric-card:hover{border-color:#3b82f64d;box-shadow:0 12px 35px #0000001f,0 0 25px #3b82f61a,inset 0 1px 0 #ffffff80;transform:translateY(-3px) scale(1.02)}.nav-tab{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#fffc,#fff9);border:1px solid #ffffff4d;border-radius:.75rem;border-radius:var(--border-radius-lg);overflow:hidden;position:relative}.nav-tab,.nav-tab:after{transition:all .2s ease-in-out;transition:all var(--transition-medium)}.nav-tab:after{background:linear-gradient(135deg,#3b82f6,#1d4ed8 50%,#1e40af);background:var(--primary-gradient);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:0}.nav-tab.active:after,.nav-tab:hover:after{width:100%}.nav-tab.active{animation:pulse-glow 2s infinite;background:linear-gradient(135deg,#3b82f6,#1d4ed8 50%,#1e40af);background:var(--primary-gradient);box-shadow:0 8px 25px #3b82f64d,inset 0 1px 0 #fff3;color:#fff}@keyframes pulse-glow{0%,to{box-shadow:0 8px 25px #3b82f64d,inset 0 1px 0 #fff3}50%{box-shadow:0 12px 35px #3b82f680,inset 0 1px 0 #ffffff4d}}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#ffffffd9);border:1px solid #ffffff4d;border-radius:1rem;border-radius:var(--border-radius-xl);box-shadow:0 10px 30px #00000014,inset 0 1px 0 #fff6;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative;transition:all .2s ease-in-out;transition:all var(--transition-medium)}.card:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8 50%,#1e40af);background:var(--primary-gradient);border-radius:1rem 1rem 0 0;border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.card:hover{border-color:#3b82f666;box-shadow:0 20px 50px #0000001f,0 0 30px #3b82f61a,inset 0 1px 0 #ffffff80;transform:translateY(-5px) scale(1.01)}.btn-primary{background:linear-gradient(135deg,#3b82f6,#60a5fa);background:linear-gradient(135deg,var(--primary),var(--accent-blue));border:1px solid #00d4ff4d;border-radius:1rem;border-radius:var(--border-radius-xl);box-shadow:0 8px 25px #00d4ff66,inset 0 1px 0 #fff3;font-weight:700;letter-spacing:1px;overflow:hidden;padding:1rem 2.5rem;position:relative;text-transform:uppercase;transition:all .2s ease-in-out;transition:all var(--transition-medium)}.btn-primary:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{border-color:#00d4ff99;box-shadow:0 15px 35px #00d4ff99,0 0 40px #8b5cf64d,inset 0 1px 0 #ffffff4d;transform:translateY(-2px) scale(1.05)}.btn-primary:active{transform:translateY(-1px) scale(1.02)}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:.75rem;border-radius:var(--border-radius-lg);color:#fff;padding:1rem 2rem;transition:all .2s ease-in-out;transition:all var(--transition-medium)}.btn-secondary:hover{background:#fff3;border-color:#00d4ff80;box-shadow:0 8px 25px #00d4ff33;transform:translateY(-2px)}.loading-state{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border-radius:1rem;border-radius:var(--border-radius-xl);color:#64748b;color:var(--secondary)}.pulse-loader{animation:pulse-scale 1.5s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#1d4ed8 50%,#1e40af);background:var(--primary-gradient);margin-bottom:1.5rem;position:relative}.pulse-loader:before{animation:pulse-ring 1.5s ease-in-out infinite;border:2px solid #3b82f6;border:2px solid var(--primary);border-radius:50%;bottom:-10px;content:"";left:-10px;opacity:.3;position:absolute;right:-10px;top:-10px}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes pulse-ring{0%{opacity:.7;transform:scale(.8)}to{opacity:0;transform:scale(1.2)}}.status-bar{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#000c,#000000e6);color:#fff;font-size:.875rem;justify-content:space-between;overflow:hidden;padding:1rem 2rem;position:relative}.status-bar:before{background:linear-gradient(90deg,#0000,#3b82f699,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.status-item{opacity:.9;transition:opacity .1s ease-in-out;transition:opacity var(--transition-fast)}.status-item:hover{opacity:1}.status-icon.connected{animation:pulse 2s infinite;color:var(--success)}.status-icon.disconnected{color:var(--danger)}.status-icon.alert{animation:blink 1s infinite;color:var(--warning)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.5}}.hero-section{background-attachment:fixed;background-image:linear-gradient(135deg,#0f172af2,#1e293be6),url(https://images.unsplash.com/photo-1518005068251-37900150dfca?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80);background-position:50%;background-size:cover;overflow:hidden;position:relative}.hero-section:before{background:radial-gradient(circle at 30% 20%,#3b82f633 0,#0000 50%),radial-gradient(circle at 70% 80%,#8b5cf633 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.hero-content{position:relative;z-index:2}.app-footer{background:linear-gradient(135deg,#0f172af2,#1e293be6);color:#fff;margin-top:auto;padding:3rem 2rem 1rem}.app-footer:before{background:linear-gradient(90deg,#0000,#3b82f699,#0000);height:1px}.footer-content{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto}.footer-section h4{color:#fff!important;font-size:1.25rem;font-weight:600}.tech-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8 50%,#1e40af);background:var(--primary-gradient);border-radius:.5rem;border-radius:var(--border-radius);color:#fff;display:inline-block;font-size:.75rem;font-weight:500;margin:.25rem .25rem .25rem 0;padding:.25rem .75rem;transition:all .1s ease-in-out;transition:all var(--transition-fast)}.tech-badge:hover{box-shadow:0 4px 12px #3b82f64d}.social-link{color:#fffc;display:inline-block;margin-right:1rem;position:relative;transition:all .1s ease-in-out;transition:all var(--transition-fast)}.social-link:hover{color:#60a5fa;color:var(--primary-light);transform:translateY(-2px)}.social-link:after{background:#60a5fa;background:var(--primary-light);bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .2s ease-in-out;transition:width var(--transition-medium);width:0}.social-link:hover:after{width:100%}.form-control{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:.5rem;border-radius:var(--border-radius);font-size:.95rem;padding:.75rem;transition:all .2s ease-in-out;transition:all var(--transition-medium)}.form-control:focus{background:#fffffff2;border-color:#3b82f6;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #3b82f626;outline:none}.progress-bar-wrapper{background:#fff3;position:relative}.progress-bar-fill{overflow:hidden;position:relative;transition:width .5s ease}.progress-bar-fill:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@media (max-width:768px){.hero-content{gap:2rem;grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.nav-tabs{flex-direction:column;gap:.5rem}.nav-tab{text-align:center}.metrics-grid{grid-template-columns:1fr}.dashboard-container{margin-top:0;min-height:auto;padding:1rem}.card,.nav-tabs-container{margin-bottom:1rem}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.card{padding:1.5rem}.status-bar{flex-direction:column;gap:1rem;text-align:center}}.analytics-page .glass-header{background:linear-gradient(135deg,#818cf8,#6366f1);background:var(--gradient-indigo)}.header-main{margin-bottom:1.5rem}.header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.header-content{display:flex;flex-direction:column;gap:1rem;max-width:1400px;width:100%}@media (min-width:768px){.header-content{align-items:center;flex-direction:row;justify-content:space-between}.header-controls{margin-top:0}}.glass-controls{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:.75rem;border-radius:var(--border-radius-lg);display:flex;gap:.5rem;padding:.5rem}.time-btn{background:#0000;border:none;border-radius:.5rem;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:.1s ease-in-out;transition:var(--transition-fast)}.time-btn:hover{background:#ffffff1a}.time-btn.active{background:#fff;color:#1d4ed8;color:var(--primary-dark)}.btn-glass{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border:1px solid #ffffff4d;border-radius:.75rem;border-radius:var(--border-radius-lg);color:#fff;cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1.25rem;transition:.2s ease-in-out;transition:var(--transition-medium)}.btn-glass:hover{background:#ffffff4d;transform:translateY(-2px)}.analytics-content{display:flex;flex-direction:column;gap:2rem;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:1400px;padding:0 1rem;position:relative;z-index:1}.pulse-loader{background:linear-gradient(135deg,#60a5fa,#3b82f6);background:var(--gradient-blue);height:50px;width:50px}.insights-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:2rem;width:100%}.findings-list{display:flex;flex-direction:column;gap:1rem}.finding-item{align-items:flex-start;background:#ffffff80;border-radius:.5rem;border-radius:var(--border-radius);display:flex;gap:1rem;padding:1rem;transition:.2s ease-in-out;transition:var(--transition-medium)}.finding-item:hover{background:#fffc;transform:translateX(5px)}.finding-number{align-items:center;background:linear-gradient(135deg,#818cf8,#6366f1);background:var(--gradient-indigo);border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:24px;justify-content:center;width:24px}.finding-content{color:#64748b;color:var(--secondary);line-height:1.5}.recommendations-list{display:flex;flex-direction:column;gap:1rem}.recommendation-item{align-items:flex-start;background:#ffffff80;border-radius:.5rem;border-radius:var(--border-radius);display:flex;gap:1rem;padding:1rem;transition:.2s ease-in-out;transition:var(--transition-medium)}.recommendation-item:hover{background:#fffc;transform:translateX(5px)}.recommendation-icon{align-items:center;background:linear-gradient(135deg,#60a5fa,#3b82f6);background:var(--gradient-blue);border-radius:.5rem;border-radius:var(--border-radius);color:#fff;display:flex;font-size:1.25rem;height:32px;justify-content:center;width:32px}.recommendation-content{color:#64748b;color:var(--secondary);line-height:1.5}@media (max-width:768px){.glass-header{padding:1.5rem;text-align:center}.header-controls{align-items:stretch;flex-direction:column}.charts-frame,.metrics-grid{grid-template-columns:1fr}.chart-panel{min-height:350px}.recommendation-card{flex-direction:column;text-align:center}.recommendation-icon{margin:0 auto}.insights-grid{grid-template-columns:1fr}.finding-item,.recommendation-item{align-items:center;flex-direction:column;text-align:center}.finding-number,.recommendation-icon{margin-bottom:.5rem}}.alert{align-items:center;border-radius:.5rem;border-radius:var(--border-radius);display:flex;font-weight:500;gap:.5rem;margin-bottom:1rem;padding:1rem 1.5rem}.alert-error{background:#ef44441a;border:1px solid #ef444433;color:#ef4444;color:var(--danger)}.alert-success{background:#10b9811a;border:1px solid #10b98133;color:#10b981;color:var(--success)}.alert-warning{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b;color:var(--warning)}.alert-info{background:#0ea5e91a;border:1px solid #0ea5e933;color:#0ea5e9;color:var(--info)}.progress-container{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);padding:2rem;text-align:center}.progress-bar-wrapper{background:#e5e7eb;border-radius:4px;height:8px;margin-bottom:1rem;overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(135deg,#3b82f6,#1d4ed8 50%,#1e40af);background:var(--primary-gradient);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:#64748b;color:var(--secondary);font-size:.875rem}.preview-image{border:1px solid #e5e7eb;border-radius:.5rem;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);max-height:600px;object-fit:contain;width:100%}.badge{border:1px solid;border-radius:999px;box-shadow:0 2px 8px #0000001a;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:.4rem .75rem;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.badge:before{animation:badgeShine 3s infinite;background:radial-gradient(circle,#fff3 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;width:200%}.badge:hover:before{opacity:1}@keyframes badgeShine{0%{transform:translate(0)}50%{transform:translate(5px,5px)}to{transform:translate(0)}}.bg-success{background:linear-gradient(135deg,#10b981,#059669);border-color:#047857;box-shadow:0 4px 12px #10b9814d;color:#fff}.bg-warning{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#b45309;box-shadow:0 4px 12px #f59e0b4d;color:#fff}.bg-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#991b1b;box-shadow:0 4px 12px #ef44444d;color:#fff}.bg-info{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#1e40af}.bg-info,.bg-primary{box-shadow:0 4px 12px #2563eb4d;color:#fff}.bg-primary{background:linear-gradient(135deg,#2563eb,#1e40af);border-color:#1e3a8a}.bg-secondary{background:linear-gradient(135deg,#64748b,#475569);border-color:#334155;box-shadow:0 4px 12px #64748b4d;color:#fff}.probability-item{margin-bottom:1rem}.probability-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.probability-label{color:#1e293b;color:var(--dark);font-weight:600}.probability-value{color:#64748b;color:var(--secondary)}.probability-bar-container{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden;width:100%}.probability-bar{background:#3b82f6;background:var(--primary);border-radius:4px;height:100%;transition:width .3s ease}.crack-item{align-items:center;background:#f8fafc;background:var(--light);border:1px solid #e5e7eb;border-radius:.5rem;border-radius:var(--border-radius);display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.crack-item span{color:#1e293b;color:var(--dark);font-weight:600}.section-title{align-items:center;color:#000;display:flex;font-size:1.5rem;font-weight:800;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;position:relative}.section-title:before{background:linear-gradient(90deg,#2563eb,#06b6d4);border-radius:2px;bottom:0;box-shadow:0 0 12px #2563eb66;content:"";height:4px;left:0;position:absolute;width:60px}.section-title:after{background:linear-gradient(90deg,#2563eb33,#0000);bottom:0;content:"";height:1px;left:70px;position:absolute;right:0}.upload-area-large{background:#f8fafc;background:var(--light);border:2px dashed #e5e7eb;border-radius:.5rem;border-radius:var(--border-radius);cursor:pointer;padding:3rem;text-align:center;transition:all .3s ease}.upload-area-large:hover{background:#3b82f60d;border-color:#3b82f6;border-color:var(--primary)}.spinning{animation:spin 1s linear infinite}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;color:var(--secondary);cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;margin-left:auto;padding:0;transition:all .2s ease;width:24px}.close-btn:hover{background:#0000001a;color:#1e293b;color:var(--dark)}.material-color-section{background:#fffc;border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:.5rem;border-radius:var(--border-radius);padding:1.5rem}.color-display{align-items:center;background:#f8fafc;background:var(--bg-secondary);border-radius:.5rem;border-radius:var(--border-radius);display:flex;gap:1rem;padding:1rem}.color-swatch{border:3px solid #fff3;border:3px solid var(--glass-border);border-radius:50%;box-shadow:0 4px 12px #0000001a;height:60px;width:60px}.color-info{flex:1 1}.bar-chart-container{display:flex;flex-direction:column;gap:1rem}.bar-chart-item{background:#fff9;border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:.5rem;border-radius:var(--border-radius);padding:1rem;transition:.2s ease-in-out;transition:var(--transition-medium)}.bar-chart-item:hover{background:#ffffffe6;transform:translateY(-2px)}.bar-chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.bar-chart-label{color:#1e293b;color:var(--dark);font-size:1rem;font-weight:600}.bar-chart-value{color:#64748b;color:var(--secondary);font-size:.875rem;font-weight:500}.bar-chart-bar-container{background:#0000001a;border-radius:7px;height:14px;overflow:hidden;position:relative;width:100%}.bar-chart-bar{border-radius:7px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.properties-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.property-item{background:#ffffffb3;border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:.5rem;border-radius:var(--border-radius);padding:1rem;transition:.2s ease-in-out;transition:var(--transition-medium)}.property-item:hover{background:#ffffffe6;transform:translateY(-1px)}.settings-section{background:linear-gradient(135deg,#fffffff2,#f8fafcd9);border:1.5px solid #2563eb1f;border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 8px 20px #2563eb1a,0 2px 8px #2563eb0d,inset 0 1px 1px #fffc;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-section:before{animation:gradientShift 3s ease infinite;background:linear-gradient(90deg,#2563eb,#06b6d4,#2563eb);content:"";height:3px;left:0;position:absolute;right:0;top:0}.settings-section:hover{box-shadow:0 12px 30px #2563eb26,0 4px 12px #2563eb14,inset 0 1px 1px #ffffffe6}.settings-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.setting-item{background:linear-gradient(135deg,#fffc,#f8fafc99);border:1px solid #2563eb1a;border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 4px 12px #2563eb0d;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.setting-item:hover{background:linear-gradient(135deg,#fffffff2,#f8fafccc);border-color:#2563eb33;box-shadow:0 8px 24px #2563eb1f;transform:translateY(-2px)}.setting-item label{color:#1e293b;color:var(--dark);display:block;font-size:.95rem;font-weight:600;margin-bottom:.75rem}.setting-item input[type=range]{appearance:none;background:#fff3;background:var(--glass-border);border-radius:3px;height:6px;margin-bottom:.5rem;outline:none;width:100%}.setting-item input[type=range]::-webkit-slider-thumb{appearance:none;background:#3b82f6;background:var(--primary);border-radius:50%;box-shadow:0 2px 6px #3b82f64d;cursor:pointer;height:20px;width:20px}.setting-item input[type=range]::-moz-range-thumb{background:#3b82f6;background:var(--primary);border:none;border-radius:50%;box-shadow:0 2px 6px #3b82f64d;cursor:pointer;height:20px;width:20px}.app-footer{background:linear-gradient(135deg,#fff,#f8fafc 50%,#f1f5f9);border-top:2px solid #2563eb;box-shadow:0 -4px 20px #2563eb1a;margin-top:4rem;overflow:hidden;padding:3rem 0 1.5rem;position:relative}.app-footer:before{background:linear-gradient(90deg,#0000,#2563eb,#06b6d4,#2563eb,#0000);box-shadow:0 0 20px #2563eb80;height:3px;top:0}.app-footer:after,.app-footer:before{content:"";left:0;position:absolute;right:0}.app-footer:after{background:linear-gradient(90deg,#0000,#2563eb33,#0000);bottom:0;height:1px}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto 2rem;max-width:1400px;padding:0 2rem}.footer-section h4{color:#2563eb;font-size:1.1rem;font-weight:800;letter-spacing:.3px;margin-bottom:1rem;padding-bottom:.75rem;position:relative;text-transform:uppercase}.footer-section h4:after{background:linear-gradient(90deg,#2563eb,#06b6d4);border-radius:1px;bottom:0;content:"";height:2px;left:0;position:absolute;width:40px}.footer-section p{color:#64748b;font-weight:500;line-height:1.7;margin-bottom:1rem}.footer-links{display:flex;flex-direction:column;gap:.75rem}.footer-links a{color:#64748b;font-size:.9rem;font-weight:500;padding-left:.5rem;position:relative;text-decoration:none;transition:all .3s ease}.footer-links a:before{color:#06b6d4;content:"→";left:-1rem;opacity:0;position:absolute;transition:all .3s ease}.footer-links a:hover{color:#2563eb;padding-left:1rem}.footer-links a:hover:before{left:0;opacity:1}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem}.tech-badge{background:linear-gradient(135deg,#2563eb26,#06b6d414);border:1.5px solid #2563eb40;border-radius:999px;box-shadow:0 2px 8px #2563eb1a;color:#2563eb;font-size:.8rem;font-weight:700;letter-spacing:.2px;padding:.4rem .9rem;text-transform:uppercase;transition:all .3s ease}.tech-badge:hover{background:linear-gradient(135deg,#2563eb40,#06b6d426);border-color:#2563eb66;box-shadow:0 4px 12px #2563eb33;transform:translateY(-2px)}.social-links{display:flex;gap:1rem}.social-link{background:#3b82f61a;border:1px solid #3b82f633;border-radius:.5rem;border-radius:var(--border-radius);color:#3b82f6;color:var(--primary);font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:.1s ease-in-out;transition:var(--transition-fast)}.social-link:hover{background:#3b82f6;background:var(--primary);color:#fff;transform:translateY(-1px)}.footer-bottom{background:linear-gradient(180deg,#2563eb05,#0000);border-top:2px solid #2563eb33;margin:2rem 2rem 0;overflow:hidden;padding-bottom:1.5rem;padding-top:2.5rem;position:relative;text-align:center}.footer-bottom:before{background:linear-gradient(90deg,#0000,#2563eb33,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.footer-bottom p{color:#475569;font-size:.95rem;font-weight:600;letter-spacing:.3px;margin:.75rem 0 1rem;position:relative;z-index:1}.sdg-badges{flex-wrap:wrap;gap:1.5rem;margin:1.5rem 0;z-index:2}.sdg-badge,.sdg-badges{align-items:center;display:flex;justify-content:center;position:relative}.sdg-badge{background:linear-gradient(135deg,#2563eb1a,#06b6d414);border:2px solid #2563eb4d;border-radius:8px;box-shadow:0 4px 15px #2563eb26;cursor:pointer;height:70px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);width:70px}.sdg-badge:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.sdg-badge:hover:before{left:100%}.sdg-badge:hover{background:linear-gradient(135deg,#2563eb33,#06b6d426);border-color:#2563eb99;box-shadow:0 12px 35px #2563eb4d,0 0 30px #06b6d433;transform:translateY(-8px) scale(1.1)}.sdg-badge svg{height:100%;object-fit:contain;padding:4px;width:100%}.sdg-badge span{bottom:-25px;color:#2563eb;font-size:.65rem;font-weight:700;opacity:0;position:absolute;transition:all .3s ease;white-space:nowrap}.sdg-badge:hover span{bottom:-45px;opacity:1}@media (max-width:768px){.app-footer{padding:2rem 0 1rem}.footer-content{gap:1.5rem;grid-template-columns:1fr;padding:0 1rem}.footer-section{text-align:center}.social-links,.tech-stack{justify-content:center}.footer-bottom p{font-size:.8rem}}.video-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin-top:2rem}.video-preview-section{text-align:center}.processing-section{padding:2rem;text-align:center}.video-results{margin-top:2rem}.frame-grid{margin-top:1rem}.frame-card{transition:.2s ease-in-out;transition:var(--transition-medium)}.frame-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.results-sidebar{display:flex;flex-direction:column;gap:1rem}.detection-card{transition:.2s ease-in-out;transition:var(--transition-medium)}.detection-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stream-placeholder{align-items:center;background:#f8fafc;background:var(--light);border:2px dashed #e5e7eb;border-radius:.5rem;border-radius:var(--border-radius);color:#64748b;color:var(--secondary);display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.stream-placeholder svg{margin-bottom:1rem;opacity:.5}.stream-content{position:relative}@media (max-width:768px){.frame-grid,.video-grid{grid-template-columns:1fr}}.status-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-top:1px solid #ffffff1a;bottom:0;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;left:0;padding:.75rem 2rem;position:absolute;right:0}.status-item{align-items:center;color:#ffffffe6;display:flex;font-size:.9rem;gap:.5rem}.status-icon{transition:all .3s ease}.status-icon.connected{color:#10b981}.status-icon.disconnected{color:#ef4444}.status-icon.alert{animation:pulse 2s infinite;color:#f59e0b}.status-text{font-weight:500}.professional-analytics-dashboard{display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;gap:2rem;padding:0}.executive-summary{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:1px solid #e2e8f080;border-radius:20px;box-shadow:0 8px 32px #00000014,0 4px 16px #0000000a;margin-bottom:1rem;padding:2rem}.summary-header h2{color:#1e293b;letter-spacing:-.025em}.summary-header p{color:#64748b;font-weight:500}.kpi-card{background:linear-gradient(135deg,#ffffffe6,#f8fafcb3);border:1px solid #e2e8f099;box-shadow:0 4px 16px #0000000f,0 2px 8px #0000000a;gap:1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.kpi-card:before{background:var(--accent-color);height:4px;transition:height .3s ease}.kpi-card:hover{box-shadow:0 8px 24px #0000001f,0 4px 12px #0000000f;transform:translateY(-2px)}.kpi-card:hover:before{height:6px}.kpi-card.primary{--accent-color:#10b981}.kpi-card.warning{--accent-color:#f59e0b}.kpi-card.success{--accent-color:#3b82f6}.kpi-card.info{--accent-color:#8b5cf6}.kpi-icon{background:linear-gradient(135deg,var(--accent-color),rgba(var(--accent-color),.8));border-radius:14px;box-shadow:0 4px 12px rgba(var(--accent-color),.3);height:56px;width:56px}.kpi-content{display:flex;flex-direction:column;gap:.25rem}.kpi-value{color:#1e293b;font-size:2rem;letter-spacing:-.025em}.kpi-label{color:#64748b}.kpi-unit{color:#94a3b8}.kpi-trend{border-radius:8px;letter-spacing:.05em;white-space:nowrap}.kpi-trend.positive{background:#10b9811a}.kpi-trend.negative{background:#ef44441a}.kpi-trend.neutral{background:#64748b1a;color:#64748b}.chart-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:1px solid #e2e8f080;box-shadow:0 8px 32px #00000014,0 4px 16px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1)}.chart-panel:hover{box-shadow:0 12px 40px #0000001f,0 6px 20px #0000000f;transform:translateY(-2px)}@media (max-width:1200px){.chart-panel.large{grid-column:span 1}}.panel-header{border-bottom:1px solid #e2e8f080;padding:1.5rem 1.5rem 1rem}.header-content h3{color:#1e293b;margin:0 0 .25rem}.control-btn,.header-content p{color:#64748b}.control-btn{background:#f8fafccc;border:1px solid #e2e8f099;letter-spacing:.05em;padding:.375rem .75rem;text-transform:uppercase}.control-btn:hover{background:#f1f5f9e6;color:#475569}.control-btn.active{box-shadow:0 2px 8px #3b82f64d}.panel-body{height:350px}.panel-body>div{height:100%}.stats-container{grid-template-columns:1fr;height:100%;overflow-y:auto}.stat-group{background:#f8fafc80;border:1px solid #e2e8f080;padding:1rem}.stat-group h4{color:#1e293b;font-size:1rem;letter-spacing:-.025em}.stat-row{border-bottom:1px solid #e2e8f04d;padding:.5rem 0}.stat-label{color:#64748b}.stat-value{color:#1e293b}.decision-reject{background:#ef44441a;border-radius:6px;color:#ef4444!important;font-size:.75rem;padding:.25rem .5rem}.ci-visualization{margin-top:1rem}.ci-bar{background:#e2e8f080;border-radius:4px;height:8px}.ci-range{background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:4px;box-shadow:0 2px 4px #3b82f64d}.ci-point{background:#ef4444;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:12px;top:-2px;width:12px}.ci-labels{color:#64748b;font-size:.75rem}.anova-table{background:linear-gradient(135deg,#fffc,#f8fafc99);border:1px solid #2563eb1a;border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 4px 12px #2563eb0d;margin-top:1.5rem;overflow:hidden}.anova-row{align-items:center;border-bottom:1px solid #2563eb14;font-size:.875rem;grid-template-columns:1fr 80px 80px 80px;padding:.75rem 1rem;transition:all .2s ease}.anova-row:hover{background:#2563eb08}.anova-row.header{background:linear-gradient(135deg,#2563eb14,#06b6d40d);border:none;border-bottom:2px solid #2563eb33;border-radius:0;color:#2563eb;font-weight:800;letter-spacing:.3px;margin-bottom:0;padding:1rem;text-transform:uppercase}.anova-row span{align-items:center;display:flex}.significant{background:#10b9811a;border-radius:4px;font-weight:600;padding:.25rem .5rem;text-align:center}.dynamic-analytics-dashboard{padding:2rem 0}.analytics-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);background:var(--glass-gradient);border:1px solid #fff3;border:var(--border-glass);border-radius:1rem;border-radius:var(--border-radius-xl);box-shadow:0 8px 32px #0000001a;box-shadow:var(--shadow-glass);display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem;padding:1rem}.nav-btn{align-items:center;background:#ffffff1a;border:none;border-radius:.75rem;border-radius:var(--border-radius-lg);color:#475569;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.nav-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.nav-btn:hover:before{left:100%}.nav-btn:hover{background:#ffffffe6;background:var(--glass-bg-strong);color:#3b82f6;color:var(--primary);transform:translateY(-2px)}.nav-btn.active{background:linear-gradient(135deg,#3b82f6,#60a5fa);background:var(--gradient-primary);box-shadow:0 8px 25px #3b82f666;color:#fff}.overview-section{padding:2rem 0}.metrics-hero{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.hero-metric{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);background:var(--glass-gradient);border:1px solid #fff3;border:var(--border-glass);border-radius:1rem;border-radius:var(--border-radius-xl);box-shadow:0 8px 32px #0000001a;box-shadow:var(--shadow-glass);display:flex;gap:1.5rem;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.hero-metric:before{content:"";height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:4px}.hero-metric.primary:before,.hero-metric:before{background:#3b82f6;background:var(--primary)}.hero-metric.warning:before{background:#f59e0b;background:var(--warning)}.hero-metric.success:before{background:#10b981;background:var(--success)}.hero-metric.info:before{background:#0ea5e9;background:var(--info)}.hero-metric:hover{box-shadow:0 12px 40px #00000026;box-shadow:var(--shadow-glass-hover);transform:translateY(-5px)}.hero-metric:hover:before{width:8px}.metric-icon{align-items:center;border-radius:50%;box-shadow:0 4px 12px #0000001a;color:#fff;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.hero-metric.primary .metric-icon{background:linear-gradient(135deg,#3b82f6,#60a5fa);background:var(--gradient-primary)}.hero-metric.warning .metric-icon{background:linear-gradient(135deg,#f59e0b,#d97706);background:var(--warning-gradient)}.hero-metric.success .metric-icon{background:linear-gradient(135deg,#10b981,#059669);background:var(--success-gradient)}.hero-metric.info .metric-icon{background:linear-gradient(135deg,#0ea5e9,#0284c7);background:var(--info-gradient)}.metric-content{flex:1 1}.metric-value{color:#1e293b;color:var(--dark);font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:.25rem}.metric-label{color:#64748b;color:var(--secondary);font-size:1rem;font-weight:500;margin-bottom:.5rem}.metric-trend{border-radius:.375rem;border-radius:var(--border-radius-sm);display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .5rem}.metric-trend.positive{background:#10b9811a;color:#10b981;color:var(--success)}.metric-trend.negative{background:#ef44441a;color:#ef4444;color:var(--danger)}.metric-trend.neutral{background:#64748b1a;color:#64748b;color:var(--secondary)}.chart-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);background:var(--glass-gradient);border:1px solid #fff3;border:var(--border-glass);border-radius:1rem;border-radius:var(--border-radius-xl);box-shadow:0 8px 32px #0000001a;box-shadow:var(--shadow-glass);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.chart-card:hover{box-shadow:0 12px 40px #00000026;box-shadow:var(--shadow-glass-hover);transform:translateY(-3px)}.chart-card.large{grid-column:span 2}.card-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:1.5rem 2rem 1rem}.card-header,.card-header h3{align-items:center;display:flex}.card-header h3{color:#1e293b;color:var(--dark);font-size:1.1rem;font-weight:600;gap:.5rem;margin:0}.time-range{background:#ffffff1a;border-radius:.375rem;border-radius:var(--border-radius-sm);color:#64748b;color:var(--secondary);cursor:pointer;font-size:.75rem;font-weight:500;padding:.25rem .75rem;transition:all .2s ease}.time-range:hover{background:#fff3;color:#3b82f6;color:var(--primary)}.time-range.active{background:#3b82f6;background:var(--primary);color:#fff}.card-body{display:flex;flex:1 1;flex-direction:column;padding:1.5rem 2rem 2rem}.metrics-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);padding:2rem 0}.metric-item{flex-direction:column;text-align:center}.metric-circle,.metric-item{align-items:center;display:flex}.metric-circle{background:conic-gradient(#3b82f6 0 var(--percentage),#0000001a var(--percentage) 100%);background:conic-gradient(var(--primary) 0 var(--percentage),#0000001a var(--percentage) 100%);border-radius:50%;color:#3b82f6;color:var(--primary);font-size:1.2rem;font-weight:700;height:80px;justify-content:center;margin-bottom:.75rem;position:relative;width:80px}.metric-circle:before{background:#fff;border-radius:50%;content:"";height:60px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px}.metric-circle span{position:relative;z-index:1}.metric-name{color:#64748b;color:var(--secondary);font-size:.875rem;font-weight:500}.risk-matrix{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.risk-item{align-items:center;border-radius:.5rem;border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.risk-item.high{background:linear-gradient(135deg,#ef44441a,#ef44440d);border-left:4px solid #ef4444;border-left:4px solid var(--danger)}.risk-item.medium{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border-left:4px solid #f59e0b;border-left:4px solid var(--warning)}.risk-item.low{background:linear-gradient(135deg,#10b9811a,#10b9810d);border-left:4px solid #10b981;border-left:4px solid var(--success)}.risk-label{color:#1e293b;color:var(--dark);font-weight:600}.risk-value{color:#3b82f6;color:var(--primary);font-size:1.5rem;font-weight:700}.section-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);background:var(--glass-gradient);border:1px solid #fff3;border:var(--border-glass);border-radius:1rem;border-radius:var(--border-radius-xl);box-shadow:0 8px 32px #0000001a;box-shadow:var(--shadow-glass);margin-bottom:3rem;padding:2rem;text-align:center}.section-header h2{align-items:center;color:#1e293b;color:var(--dark);display:flex;font-size:2rem;gap:.75rem;justify-content:center;margin-bottom:.5rem}.section-header p{color:#64748b;color:var(--secondary);font-size:1.1rem;margin:0 auto;max-width:600px}.charts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}@media (max-width:768px){.analytics-nav{flex-direction:column;gap:.5rem}.nav-btn{justify-content:center}.metrics-hero{grid-template-columns:1fr}.hero-metric{flex-direction:column;gap:1rem;text-align:center}.charts-grid{grid-template-columns:1fr}.chart-card.large{grid-column:span 1}.metrics-grid{gap:1rem;grid-template-columns:1fr}.section-header h2{flex-direction:column;font-size:1.5rem;gap:.5rem}}.chart-error{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;color:#fca5a5;flex-direction:column;font-size:.875rem;min-height:200px}.analytics-page{background:linear-gradient(135deg,#0a0e27,#1a1b3a 25%,#2d1b69 50%,#0f172a 75%,#1e293b);font-family:Inter,SF Pro Display,Segoe UI,Helvetica Neue,Arial,system-ui,sans-serif;letter-spacing:-.01em;line-height:1.6;padding:2.5rem;&:before{animation:gradient-shift 15s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#3b82f62e 0,#0000 50%),radial-gradient(circle at 80% 70%,#8b5cf626 0,#0000 50%),radial-gradient(circle at 40% 90%,#10b9811f 0,#0000 50%),radial-gradient(circle at 70% 20%,#f59e0b14 0,#0000 50%)}&:after,&:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}&:after{animation:float-particles 25s linear infinite;background-image:radial-gradient(2px 2px at 20px 30px,#ffffff26,#0000),radial-gradient(2px 2px at 40px 70px,#ffffff1a,#0000),radial-gradient(1px 1px at 90px 40px,#fff3,#0000),radial-gradient(1px 1px at 130px 80px,#ffffff14,#0000),radial-gradient(3px 3px at 200px 120px,#3b82f61a,#0000);background-repeat:repeat;background-size:200px 200px}}@keyframes gradient-shift{0%,to{opacity:1}25%{opacity:.8}50%{opacity:.9}75%{opacity:.85}}@keyframes float-particles{0%{transform:translateY(0) translateX(0) rotate(0deg)}25%{transform:translateY(-50px) translateX(25px) rotate(90deg)}50%{transform:translateY(-100px) translateX(50px) rotate(180deg)}75%{transform:translateY(-150px) translateX(75px) rotate(270deg)}to{transform:translateY(-200px) translateX(100px) rotate(1turn)}}.glass-header{background:#0f172acc;border-bottom:1px solid #ffffff1a;padding:2rem 0}.glass-header:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#3b82f61a,#93c5fd0d);bottom:0;left:0;right:0}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.header-content{margin:0 auto;max-width:1200px;padding:0 2rem;z-index:1}.header-main h1{-webkit-text-fill-color:#0000;animation:fadeInUp 1s ease-out;background:linear-gradient(135deg,#fff,#60a5fa 50%,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:2.5rem}.header-main p{animation:fadeInUp 1s ease-out .2s both;font-size:1.125rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.professional-analytics-dashboard{animation:fadeIn 1.5s ease-out;margin:0 auto;max-width:1400px;padding:2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.executive-summary{animation:slideInLeft 1s ease-out;margin-bottom:3rem}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.summary-header h2{color:#fff;font-size:2rem;gap:.75rem}.summary-header p{color:#ffffffb3}.kpi-card{animation:floatUp 2s ease-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:1.5rem;transition:all .3s ease}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.kpi-card:hover{border-color:#3b82f680;box-shadow:0 20px 40px #3b82f64d;transform:translateY(-8px)}.kpi-card:before{animation:pulse 2s ease-in-out infinite;background:linear-gradient(90deg,#3b82f6,#60a5fa,#93c5fd);height:3px}.kpi-icon{animation:rotate 4s linear infinite;background:linear-gradient(135deg,#3b82f6cc,#93c5fd99);border-radius:12px;height:60px;margin-bottom:1rem;width:60px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.kpi-value{font-size:2.5rem;font-weight:800;line-height:1;text-shadow:0 2px 4px #0000004d}.kpi-label{color:#fffc;font-size:.875rem;letter-spacing:.05em}.kpi-unit{color:#fff9;font-size:.75rem}.kpi-trend{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:20px;font-weight:600;gap:.25rem;padding:.25rem .5rem;position:absolute;right:1rem;top:1rem}.kpi-trend.positive{color:#10b981}.kpi-trend.neutral{color:#f59e0b}.kpi-trend.negative{color:#ef4444}.analytics-grid{grid-gap:2rem;gap:2rem}.chart-panel{animation:slideInUp 1s ease-out;animation-fill-mode:both;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;transition:all .3s ease}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.chart-panel:first-child{animation-delay:.1s}.chart-panel:nth-child(2){animation-delay:.2s}.chart-panel:nth-child(3){animation-delay:.3s}.chart-panel:nth-child(4){animation-delay:.4s}.chart-panel:nth-child(5){animation-delay:.5s}.chart-panel:nth-child(6){animation-delay:.6s}.chart-panel:hover{border-color:#3b82f666;box-shadow:0 15px 30px #3b82f633;transform:translateY(-5px)}.panel-header{align-items:center;background:#ffffff05;border-bottom:1px solid #ffffff1a;padding:1.5rem}.header-content h3{color:#fff;font-size:1.25rem;font-weight:700;gap:.5rem;margin:0}.header-content p{color:#fff9;font-size:.875rem;margin:.25rem 0 0}.panel-body{padding:1.5rem}.control-btn{border:1px solid #ffffff1a;border-radius:20px;font-size:.75rem;transition:all .3s ease}.control-btn.active,.control-btn:hover{background:#3b82f6cc;border-color:#3b82f6;color:#fff}.stat-group h4{color:#fff;margin-bottom:1rem}.stat-label,.stat-value{font-size:.875rem}.decision-reject{color:#ef4444}.significant{color:#10b981}.floating-element{opacity:.1;z-index:0}.floating-element-1{animation:float 6s ease-in-out infinite;right:10%;top:10%}.floating-element-2{animation:float 8s ease-in-out infinite reverse;bottom:20%;left:15%}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.analytics-page{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);color:#fff;min-height:100vh;overflow-x:hidden;padding:0;position:relative}.floating-element{filter:blur(1px);opacity:.6;position:fixed}.floating-element-1{animation:float-slow 8s ease-in-out infinite;right:5%;top:20%}.floating-element-2{animation:float-medium 6s ease-in-out infinite;bottom:30%;left:5%}.floating-element-3{animation:float-fast 10s ease-in-out infinite;right:20%;top:60%}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-15px) rotate(2deg)}66%{transform:translateY(10px) rotate(-1deg)}}@keyframes float-medium{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(3deg)}}@keyframes float-fast{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-12px) rotate(1deg)}75%{transform:translateY(12px) rotate(-2deg)}}.glass-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 15px 35px #0000001a;margin:1rem;overflow:hidden;padding:2rem;position:relative}.glass-header:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%;z-index:1}.header-content{position:relative;z-index:2}.header-main h1{align-items:center;color:#fff!important;display:flex;font-family:Inter,sans-serif;font-size:3rem;font-weight:800;gap:1rem;letter-spacing:-.02em;margin-bottom:.5rem}.header-main p{color:#fffc;font-size:1.1rem;font-weight:400;line-height:1.6;margin:0}.glow-icon{animation:iconGlow 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(59,130,246,.7))}@keyframes iconGlow{0%,to{filter:drop-shadow(0 0 20px rgba(59,130,246,.7))}50%{filter:drop-shadow(0 0 30px rgba(59,130,246,1))}}.professional-analytics-dashboard{font-family:Inter,sans-serif;padding:1rem}.executive-summary,.summary-header{margin-bottom:2rem}.summary-header{text-align:center}.summary-header h2{align-items:center;color:#fff!important;display:flex;font-size:2.5rem;font-weight:700;gap:1rem;justify-content:center;margin-bottom:.5rem}.summary-header p{color:#fffc;font-size:1.1rem;margin:0}.kpi-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.kpi-card{align-items:center;animation:fadeInUp .8s ease-out;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff1f;border:1px solid #ffffff40;border-radius:20px;box-shadow:0 8px 32px #0003,inset 0 1px 0 #fff3;display:flex;gap:2rem;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.kpi-card:before{animation:shimmer-glow 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,currentColor 50%,#0000);border-radius:20px 20px 0 0;content:"";height:5px;left:0;position:absolute;right:0;top:0}@keyframes shimmer-glow{0%,to{opacity:.6}50%{opacity:1}}.kpi-card.primary:before{background:linear-gradient(90deg,#1e3a8a,#3b82f6 25%,#60a5fa 50%,#3b82f6 75%,#1e3a8a)}.kpi-card.warning:before{background:linear-gradient(90deg,#92400e,#f59e0b 25%,#fbbf24 50%,#f59e0b 75%,#92400e)}.kpi-card.success:before{background:linear-gradient(90deg,#065f46,#10b981 25%,#34d399 50%,#10b981 75%,#065f46)}.kpi-card.info:before{background:linear-gradient(90deg,#0e7490,#06b6d4 25%,#67e8f9 50%,#06b6d4 75%,#0e7490)}.kpi-card:hover{background:#ffffff26;border-color:#fff6;box-shadow:0 25px 50px #00000059,0 0 0 1px #ffffff4d,inset 0 1px 0 #ffffff4d;transform:translateY(-12px) scale(1.03)}.kpi-card:hover .kpi-icon{background:#fff3;box-shadow:0 8px 16px #0003;transform:rotate(5deg) scale(1.1)}.kpi-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:16px;box-shadow:0 4px 16px #0000001a,inset 0 1px 0 #fff3;color:#fff;display:flex;height:72px;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);width:72px}.kpi-content{flex:1 1;min-width:0}.kpi-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:3rem;font-weight:900;letter-spacing:-.02em;line-height:.9;margin-bottom:.5rem;text-shadow:0 2px 4px #0000001a}.kpi-label{color:#ffffffe6;font-size:1rem;font-size:.85rem;font-weight:600;letter-spacing:.025em;margin-bottom:.25rem;text-transform:uppercase}.kpi-unit{color:#ffffffb3;font-size:.9rem;font-weight:500;letter-spacing:.01em}.kpi-trend{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;display:flex;font-size:.9rem;font-size:.75rem;font-weight:700;gap:.75rem;letter-spacing:.025em;padding:.5rem 1rem;text-transform:uppercase;transition:all .3s ease}.kpi-trend.positive{background:#10b98140;border:1px solid #10b9814d;box-shadow:0 2px 8px #10b98133;color:#34d399}.kpi-trend.neutral{background:#f59e0b40;border:1px solid #f59e0b4d;box-shadow:0 2px 8px #f59e0b33;color:#fbbf24}.kpi-trend.negative{background:#ef444440;border:1px solid #ef44444d;box-shadow:0 2px 8px #ef444433;color:#f87171}.analytics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.chart-panel{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#ffffff14;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #00000026,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;min-height:500px;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.chart-panel:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:20px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.chart-panel:after{animation:rotate-border 4s linear infinite;background:linear-gradient(45deg,#0000,#3b82f64d,#0000,#8b5cf64d,#0000);border-radius:22px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes rotate-border{0%{opacity:0;transform:rotate(0deg)}50%{opacity:.6}to{opacity:0;transform:rotate(1turn)}}.chart-panel.large{grid-column:span 2;min-height:600px;padding:3rem}.chart-panel:hover{background:#ffffff1f;border-color:#ffffff59;box-shadow:0 25px 60px #00000040,0 0 0 1px #ffffff4d,inset 0 1px 0 #fff3;transform:translateY(-10px) scale(1.02)}.chart-panel:hover:after{opacity:.8}.panel-header{align-items:flex-start;border-bottom:1px solid #ffffff26;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem;position:relative;z-index:1}.header-content h3{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;color:#fff!important;display:flex;font-size:1.5rem;font-weight:800;gap:1rem;letter-spacing:-.025em;margin:0 0 .75rem}.header-content h3 svg{color:#60a5fa;filter:drop-shadow(0 2px 4px rgba(96,165,250,.3))}.header-content p{color:#fffc;font-size:1rem;font-weight:500;letter-spacing:.01em;line-height:1.4;margin:0}.chart-controls{display:flex;gap:.5rem}.control-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#ffffffb3;cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.control-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.floating-element{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#3b82f626,#8b5cf61a);border:1px solid #ffffff1a;pointer-events:none;position:absolute;z-index:1}.floating-element.element-1{animation:float-complex-1 20s ease-in-out infinite;background:linear-gradient(135deg,#3b82f633,#10b98126);border-radius:50%;box-shadow:0 8px 32px #3b82f64d;height:120px;left:5%;top:10%;width:120px}.floating-element.element-2{animation:float-complex-2 25s ease-in-out infinite;background:linear-gradient(135deg,#8b5cf633,#f59e0b26);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;box-shadow:0 8px 32px #8b5cf64d;height:80px;right:8%;top:60%;width:80px}.floating-element.element-3{animation:float-complex-3 18s ease-in-out infinite;background:linear-gradient(135deg,#10b98133,#3b82f626);border-radius:20px;bottom:15%;box-shadow:0 8px 32px #10b9814d;height:100px;left:50%;transform:rotate(45deg);width:100px}.floating-element.element-4{animation:float-complex-4 22s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b40,#ef444426);border-radius:50%;box-shadow:0 8px 32px #f59e0b4d;height:60px;right:25%;top:30%;width:60px}@keyframes float-complex-1{0%,to{border-radius:50%;transform:translateX(0) translateY(0) rotate(0deg) scale(1)}25%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;transform:translateX(50px) translateY(-30px) rotate(90deg) scale(1.1)}50%{border-radius:20px;transform:translateX(100px) translateY(20px) rotate(180deg) scale(.9)}75%{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;transform:translateX(30px) translateY(50px) rotate(270deg) scale(1.05)}}@keyframes float-complex-2{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%;transform:translateX(0) translateY(0) rotate(0deg) scale(1)}20%{border-radius:50%;transform:translateX(-40px) translateY(30px) rotate(72deg) scale(1.15)}40%{border-radius:20px;transform:translateX(-80px) translateY(-20px) rotate(144deg) scale(.85)}60%{border-radius:40% 60% 60% 40%/40% 40% 60% 60%;transform:translateX(-30px) translateY(-60px) rotate(216deg) scale(1.1)}80%{border-radius:50%;transform:translateX(20px) translateY(-30px) rotate(288deg) scale(.95)}}@keyframes float-complex-3{0%,to{transform:translateX(0) translateY(0) rotate(45deg) scale(1)}33%{transform:translateX(-60px) translateY(-40px) rotate(165deg) scale(1.2)}66%{transform:translateX(40px) translateY(-80px) rotate(285deg) scale(.8)}}@keyframes float-complex-4{0%,to{opacity:.8;transform:translateX(0) translateY(0) rotate(0deg) scale(1)}25%{opacity:.6;transform:translateX(-30px) translateY(40px) rotate(90deg) scale(1.3)}50%{opacity:1;transform:translateX(50px) translateY(80px) rotate(180deg) scale(.7)}75%{opacity:.7;transform:translateX(80px) translateY(20px) rotate(270deg) scale(1.1)}}.panel-body{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:300px;padding:1rem;position:relative;z-index:2}.stats-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%}.stat-group{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1.5rem}.stat-group h4{color:#fff!important;font-size:1.1rem;font-weight:700;margin:0 0 1rem;text-align:center}.stat-row{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;font-size:.9rem;justify-content:space-between;padding:.75rem 0}.stat-row:last-child{border-bottom:none}.stat-label{color:#fffc;font-weight:500}.stat-value{color:#fff;font-weight:700}.stat-value.significant{color:#10b981}.stat-value.decision-reject{color:#ef4444}.chart-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fff9;font-size:.9rem;padding:2rem;text-align:center}.chart-error,.loading-state{align-items:center;display:flex;justify-content:center}.loading-state{color:#fffc;flex-direction:column;padding:4rem}.pulse-loader{animation:pulse 1.5s ease-in-out infinite;background:#3b82f6;border-radius:50%;height:40px;margin-bottom:1rem;width:40px}@keyframes pulse{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(1)}}.no-data-state{color:#fffc;padding:4rem 2rem;text-align:center}.no-data-state h3{color:#fff!important;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.no-data-state p{color:#fff9;line-height:1.6;margin-bottom:2rem}.analytics-page *{font-family:Inter,system-ui,-apple-system,sans-serif}.analytics-page h1,.analytics-page h2,.analytics-page h3,.analytics-page h4,.analytics-page h5,.analytics-page h6{color:#fff!important;font-weight:700;letter-spacing:-.025em}.analytics-page div,.analytics-page p,.analytics-page span{color:#ffffffe6}.glass-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:1rem;padding:2rem}.ci-visualization{margin:1rem 0}.ci-bar{background:#ffffff1a;border-radius:10px;height:20px;margin-bottom:.5rem;position:relative}.ci-range{background:linear-gradient(90deg,#3b82f6,#1e40af);border-radius:10px}.ci-point,.ci-range{height:100%;position:absolute}.ci-point{background:#fff;border-radius:2px;transform:translateX(-50%);width:4px}.ci-labels{color:#fffc;display:flex;font-size:.8rem;font-weight:600;justify-content:space-between}.anova-table{width:100%}.anova-row{grid-gap:1rem;border-bottom:1px solid #ffffff1a;display:grid;font-size:.9rem;gap:1rem;grid-template-columns:2fr 1fr 1fr 1fr;padding:.75rem 0}.anova-row.header{border-bottom:2px solid #fff3;color:#fff;font-weight:700}.anova-row span{color:#ffffffe6}.anova-row .significant{color:#10b981;font-weight:700}@media (max-width:1200px){.chart-panel.large{grid-column:span 1}.analytics-grid{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.header-main h1{font-size:2rem}.summary-header h2{font-size:1.8rem}.kpi-card{padding:1.5rem}.kpi-value{font-size:2rem}.chart-panel{min-height:300px;padding:1rem}.panel-header{align-items:flex-start;flex-direction:column;gap:1rem}}.analytics-page .content-area{padding:1rem}.analytics-grid{gap:1rem}.chart-panel{margin-bottom:0}.kpi-grid{gap:1rem;margin-bottom:1.5rem}.ant-card{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:linear-gradient(135deg,#111827f2,#1f2937e6)!important;border:1px solid #3b82f633!important;border-radius:20px!important;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003,inset 0 1px 0 #ffffff1a!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)!important}.ant-card:before{background:linear-gradient(90deg,#0000,#3b82f61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease-in-out;width:100%;z-index:1}.ant-card:hover:before{left:100%}.ant-card:hover{border-color:#3b82f666!important;box-shadow:0 32px 64px -12px #3b82f640,0 20px 25px -5px #0006,0 10px 10px -5px #0000004d,inset 0 1px 0 #fff3!important;transform:translateY(-8px) scale(1.02)!important}.ant-card-head{background:linear-gradient(135deg,#3b82f61a,#8b5cf60d)!important;border-bottom:1px solid #3b82f633!important;border-radius:20px 20px 0 0!important;padding:1rem 1.5rem!important;position:relative;z-index:2}.ant-card-head-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#10b981);-webkit-background-clip:text;background-clip:text;color:#e5e7eb!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:1.25rem!important;font-weight:700!important;margin:0!important;position:relative;text-shadow:0 2px 4px #0000004d;z-index:2}.ant-card-body{background:#0000!important;padding:1.5rem!important;position:relative;z-index:2}.ant-card text{fill:#e5e7eb!important;font-weight:500!important}.ant-card .ant-typography,.ant-card text{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important}.ant-card .ant-typography,.ant-card .recharts-legend-wrapper{color:#e5e7eb!important}.ant-card .recharts-legend-item-text{color:#e5e7eb!important;font-size:.875rem!important;font-weight:600!important}.ant-card .recharts-cartesian-axis-tick text{fill:#9ca3af!important;font-size:.75rem!important;font-weight:500!important}.ant-card .recharts-cartesian-axis-line{stroke:#3b82f64d!important;stroke-width:2}.ant-card .recharts-cartesian-grid-horizontal line,.ant-card .recharts-cartesian-grid-vertical line{stroke:#3b82f61a!important;stroke-width:1}.chart-loading{align-items:center;display:flex;height:300px;justify-content:center;position:relative}.chart-loading:before{animation:professional-spin 1s linear infinite;border:3px solid #3b82f64d;border-radius:50%;border-top-color:#3b82f6;content:"";height:50px;width:50px}@keyframes professional-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chart-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#e5e7eb!important;font-size:1.125rem!important;font-weight:700!important;margin-bottom:.75rem!important;text-align:center}.chart-subtitle,.chart-title{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important}.chart-subtitle{color:#9ca3af!important;font-size:.875rem!important;font-weight:500!important;margin-bottom:1rem!important;text-align:center}.chart-value-label{fill:#e5e7eb!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:.75rem!important;font-weight:600!important}.ant-table{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#111827f2,#1f2937e6)!important;border:1px solid #3b82f633;border-radius:16px!important;overflow:hidden}.ant-table-thead>tr>th{background:linear-gradient(135deg,#3b82f61a,#8b5cf60d)!important;border-bottom:1px solid #3b82f633!important;color:#e5e7eb!important;font-weight:700!important;padding:1rem!important}.ant-table-tbody>tr>td,.ant-table-thead>tr>th{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important}.ant-table-tbody>tr>td{background:#0000!important;border-bottom:1px solid #3b82f61a!important;color:#d1d5db!important;padding:.75rem 1rem!important}.ant-table-tbody>tr:hover>td{background:#3b82f60d!important}.ant-input{background:#111827cc!important;border:1px solid #3b82f64d!important;border-radius:12px!important;color:#e5e7eb!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;padding:.75rem 1rem!important;transition:all .3s ease!important}.ant-input:focus{border-color:#3b82f699!important;box-shadow:0 0 0 3px #3b82f61a!important}.ant-select-selector{background:#111827cc!important;border:1px solid #3b82f64d!important;border-radius:12px!important;color:#e5e7eb!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important}.ant-select-focused .ant-select-selector{border-color:#3b82f699!important;box-shadow:0 0 0 3px #3b82f61a!important}.ant-btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;border:none!important;border-radius:12px!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;font-weight:600!important;height:auto!important;padding:.75rem 1.5rem!important;transition:all .3s ease!important}.ant-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#7c3aed)!important;box-shadow:0 10px 25px #3b82f64d!important;transform:translateY(-2px)!important}@media (max-width:479px){html{font-size:14px}body{overflow-x:hidden}.app-container{padding:0}.hero-section{align-items:stretch;background-size:20px 20px,20px 20px,15px 15px,15px 15px;display:flex;justify-content:center;min-height:auto;padding:1rem 0}.hero-overlay{display:none}.hero-content{gap:1.5rem;grid-template-columns:1fr;max-width:100%;overflow:hidden;padding:1rem;width:100%}.hero-title{font-size:2rem;gap:.5rem;margin-bottom:1rem;text-shadow:0 2px 10px #3b82f64d}.hero-subtitle{font-size:.95rem;line-height:1.4;margin-bottom:1rem}.hero-features{gap:1rem}.hero-feature{align-items:flex-start;display:flex;flex-direction:row;gap:.75rem;overflow:visible;padding:1rem}.hero-feature h3{font-size:1rem;line-height:1.2;margin:0 0 .25rem}.hero-feature h3,.hero-feature p{word-wrap:break-word;word-break:break-word}.hero-feature p{font-size:.85rem;line-height:1.3;margin:0}.feature-icon{flex-shrink:0;min-width:32px}.feature-icon,.feature-icon svg{height:32px;width:32px}.hero-visual{display:none}.status-bar{display:flex;flex-direction:column;gap:.75rem;width:100%}.status-bar,.status-item{overflow:visible;padding:.75rem}.status-item{word-wrap:break-word;font-size:.75rem;white-space:normal;word-break:break-word}.content-area{padding:1rem}.content-area h1,.content-area h2{font-size:1.5rem;margin-bottom:1rem}.content-area h3{font-size:1.1rem;margin-bottom:.75rem}.tab-navigation{-webkit-overflow-scrolling:touch;gap:.5rem;overflow-x:auto;padding:.5rem}.tab-button{flex-shrink:0;font-size:.85rem;padding:.5rem 1rem;white-space:nowrap}.metric-card{gap:.75rem;padding:1rem}.metric-icon{height:40px;min-width:40px;width:40px}.metric-icon svg{height:18px;width:18px}.metric-content{gap:.25rem}.metric-title{font-size:.8rem}.metric-value{font-size:.95rem}.metric-subtitle{font-size:.75rem}.metrics-grid{gap:.75rem;grid-template-columns:1fr}.btn,.btn-primary,.btn-secondary{font-size:.9rem;padding:.65rem 1rem;width:100%}.btn-group{flex-direction:column}.btn-group>button{width:100%}.form-group{margin-bottom:1rem}label{font-size:.85rem;margin-bottom:.3rem}input,select,textarea{font-size:.9rem;padding:.65rem}.image-preview,.preview-container{height:auto;max-height:300px;max-width:100%}.upload-area{gap:1rem;padding:1.5rem 1rem}.upload-icon{font-size:36px}.upload-text-main{font-size:.95rem}.upload-text-sub{font-size:.75rem}.alert{font-size:.85rem;padding:.75rem}.badge{font-size:.75rem;padding:.3rem .6rem}.image-grid{gap:.75rem;grid-template-columns:1fr}.image-card{max-height:300px}.settings-panel{padding:1rem}.setting-item{margin-bottom:1rem}.canvas-container{border-radius:8px;height:300px;margin:1rem 0}.model-info-grid{gap:.75rem;grid-template-columns:1fr;margin-top:1rem;padding:.75rem}.dropdown-menu{border-radius:12px 12px 0 0;left:0;max-height:50vh;position:fixed;right:0}.modal{max-width:95vw;padding:1rem}.modal-header{font-size:1.25rem}.modal-body{font-size:.9rem}.chart-container{height:250px}svg{height:auto;max-width:100%}.loader{height:30px;width:30px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@media (min-width:480px) and (max-width:767px){html{font-size:15px}.app-container{padding:0}.hero-section{min-height:auto;padding:2rem 0}.hero-content{gap:2rem;grid-template-columns:1fr;padding:1.5rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem;margin-bottom:1.5rem}.floating-elements,.hero-visual{display:none}.content-area{padding:1.5rem}.content-area h1,.content-area h2{font-size:1.75rem}.content-area h3{font-size:1.2rem}.tab-navigation{-webkit-overflow-scrolling:touch;gap:.5rem;overflow-x:auto;padding:.75rem}.tab-button{font-size:.9rem;padding:.6rem 1.2rem;white-space:nowrap}.metric-card{padding:1.25rem}.metrics-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}input,select,textarea{font-size:1rem;padding:.75rem}.image-preview,.preview-container{max-height:400px}.image-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.canvas-container{height:400px}.model-info-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.btn,.btn-primary,.btn-secondary{font-size:.95rem;padding:.75rem 1.5rem}}@media (min-width:768px) and (max-width:1023px){.hero-content{gap:2rem;grid-template-columns:1fr 1fr;padding:2rem}.hero-title{font-size:3rem}.hero-subtitle{font-size:1.2rem}.floating-elements{height:300px}.content-area{padding:2rem}.metrics-grid{gap:1.5rem;grid-template-columns:repeat(3,1fr)}.image-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.canvas-container{height:500px}.model-info-grid{gap:1.25rem;grid-template-columns:repeat(3,1fr)}.btn,.btn-primary,.btn-secondary{font-size:.95rem;padding:.75rem 2rem}}@media (min-width:1024px){.hero-content{gap:4rem;grid-template-columns:1fr 1fr}.hero-title{font-size:4.5rem}.metrics-grid{gap:2rem;grid-template-columns:repeat(4,1fr)}.image-grid{gap:2rem;grid-template-columns:repeat(3,1fr)}.canvas-container{height:700px}.model-info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (hover:none) and (pointer:coarse){.btn,.tab-button,button,input[type=button],input[type=submit]{min-height:44px;min-width:44px}.floating-card:hover,.hero-feature:hover,.metric-card:hover{transform:none}.tab-navigation{gap:.75rem}.content-area{-webkit-touch-callout:none}}@media (orientation:landscape) and (max-height:600px){.hero-section{min-height:auto;padding:1rem 0}.hero-content{gap:1rem;padding:1rem}.hero-title{font-size:1.75rem;margin-bottom:.5rem}.hero-subtitle{font-size:.9rem;margin-bottom:.75rem}.floating-elements,.hero-features{display:none}.content-area{padding:1rem}.canvas-container{height:300px}.metrics-grid{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@supports (viewport-fit:cover){body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}}@media (max-height:500px) and (orientation:landscape){input,select,textarea{font-size:16px}}@media (max-width:479px){.image-grid-unified{gap:1rem!important;grid-template-columns:1fr!important}.image-card img{height:200px!important}}@media (min-width:480px) and (max-width:767px){.image-grid-unified{gap:1.25rem!important;grid-template-columns:repeat(2,1fr)!important}.image-card img{height:250px!important}}@media (min-width:768px) and (max-width:1023px){.image-grid-unified{gap:1.5rem!important;grid-template-columns:repeat(3,1fr)!important}.image-card img{height:280px!important}}@media (min-width:1024px){.image-grid-unified{gap:1.5rem!important;grid-template-columns:repeat(3,1fr)!important}.image-card img{height:300px!important}}.image-card-title{word-wrap:break-word;font-size:.95rem;line-height:1.3;word-break:break-word}@media (max-width:479px){.image-card{padding:.75rem!important}.image-card-title{font-size:.85rem;margin-bottom:.75rem!important}.image-card img{border-radius:var(--border-radius)!important}}@media print{.floating-elements,.hero-visual,.tab-navigation{display:none}.content-area{box-shadow:none;padding:0}*{box-shadow:none!important;text-shadow:none!important}}.heightmap-container{background:var(--bg-gradient);min-height:100vh;padding:2rem}.heightmap-header{margin-bottom:2rem}.heightmap-header h1{align-items:center;color:var(--dark);display:flex;font-size:2rem;font-weight:700;gap:.75rem;margin:0}.heightmap-header p{color:var(--secondary);font-size:1rem;margin:.5rem 0 0}.upload-area{align-items:center;background-color:#4f46e50d;border:2px dashed var(--glass-border);border-radius:var(--border-radius);cursor:pointer;display:flex;flex-direction:column;gap:1.5rem;padding:2rem;transition:all .3s ease}.upload-area.active,.upload-area:hover{background-color:#4f46e51a;border-color:#4f46e5}.upload-icon{color:#4f46e5;font-size:48px;opacity:.7}.upload-text{text-align:center}.upload-text-main{color:var(--dark);font-weight:600;margin:0 0 .5rem}.upload-text-sub{color:var(--secondary);font-size:.875rem;margin:0}.file-input-label{background-color:#4f46e5;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background .3s ease}.file-input-label:hover{background-color:#3730a3}.upload-status{background-color:#4f46e51a;border-radius:var(--border-radius);margin-top:1rem;padding:1rem}.upload-status p{color:var(--dark);font-weight:600;margin:0}.loading-state{color:#666;margin-top:1rem;padding:1rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;margin-bottom:.5rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-state{background-color:#fee2e2;border:1px solid #fecaca;border-radius:var(--border-radius);color:#991b1b;margin-top:1rem;padding:1rem}.error-state p{font-weight:600;margin:0}.success-state{background-color:#dcfce7;border:1px solid #bbf7d0;border-radius:var(--border-radius);color:#166534;margin-top:1rem;padding:1rem}.success-state p{font-weight:600;margin:0}.canvas-container{border:1px solid var(--glass-border);border-radius:var(--border-radius);height:700px;overflow:hidden}.model-info-grid{grid-gap:1rem;background-color:var(--light);border-radius:var(--border-radius);display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1.5rem;padding:1rem}.model-info-item{display:flex;flex-direction:column}.model-info-label{color:var(--secondary);font-size:.875rem;margin:0}.model-info-value{color:var(--dark);font-weight:600;margin:.25rem 0 0}.model-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-primary{background-color:#4f46e5;border:none;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background .3s ease}.btn-primary:hover{background-color:#3730a3}.btn-secondary{background-color:initial;border:2px solid #4f46e5;color:#4f46e5;transition:all .3s ease}.btn-secondary:hover{background-color:#f8f9ff}@media (max-width:479px){.heightmap-container{padding:1rem}.heightmap-header h1{font-size:1.5rem;gap:.5rem}.heightmap-header p{font-size:.9rem}.upload-area{border-width:1px;gap:1rem;padding:1.5rem 1rem}.upload-icon{font-size:36px}.upload-text-main{font-size:.95rem}.upload-text-sub{font-size:.75rem}.file-input-label{font-size:.9rem;padding:.65rem 1rem;width:100%}.canvas-container{height:300px;margin:1rem 0}.model-info-grid{gap:.75rem;grid-template-columns:1fr;margin-top:1rem;padding:.75rem}.model-info-label{font-size:.75rem}.model-info-value{font-size:.95rem}.model-actions{flex-direction:column;gap:.75rem;margin-top:1rem}.btn-primary,.btn-secondary{font-size:.9rem;padding:.65rem 1rem;width:100%}.error-state,.loading-state,.success-state,.upload-status{margin-top:.75rem;padding:.75rem}.error-state p,.success-state p,.upload-status p{font-size:.85rem}}@media (min-width:480px) and (max-width:767px){.heightmap-container{padding:1.5rem}.heightmap-header h1{font-size:2rem}.upload-area{gap:1.25rem;padding:1.75rem}.upload-icon{font-size:40px}.canvas-container{height:400px}.model-info-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.model-actions{flex-direction:column;gap:1rem}.btn-primary,.btn-secondary{width:100%}}@media (min-width:768px) and (max-width:1023px){.heightmap-container{padding:2rem}.heightmap-header h1{font-size:2.5rem}.canvas-container{height:500px}.model-info-grid{grid-template-columns:repeat(3,1fr)}.model-actions{flex-direction:row;gap:1rem}}@media (min-width:1024px){.heightmap-container{padding:2rem}.canvas-container{height:700px}.model-actions{justify-content:flex-start}}@media (orientation:landscape) and (max-height:600px){.heightmap-container{padding:1rem}.heightmap-header{margin-bottom:1rem}.heightmap-header h1{font-size:1.5rem}.canvas-container{height:350px;margin:.75rem 0}.model-info-grid{gap:.5rem;padding:.5rem}.model-actions{gap:.5rem}.btn-primary,.btn-secondary{font-size:.85rem;padding:.5rem 1rem}}.btn-secondary{background-color:#e5e7eb;border:none;border-radius:var(--border-radius);color:var(--dark);cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background .3s ease}.btn-secondary:hover{background-color:#d1d5db}.features-section{background-color:var(--light);border:1px solid var(--glass-border);border-radius:var(--border-radius);margin-top:3rem;padding:2rem}.features-section h3{color:var(--dark);font-size:1.25rem;font-weight:600;margin:0 0 1rem}.features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-item{display:flex;flex-direction:column}.feature-title{align-items:center;color:var(--dark);display:flex;font-weight:600;gap:.5rem;margin:0}.feature-description{color:var(--secondary);font-size:.875rem;margin:.5rem 0 0}@media (max-width:768px){.heightmap-header h1{font-size:1.5rem}.upload-area{padding:1.5rem}.canvas-container{height:400px}.model-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.features-grid{grid-template-columns:1fr}}.btn-primary:focus,.btn-secondary:focus,.file-input-label:focus{outline:2px solid #4f46e5;outline-offset:2px}canvas{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}
/*# sourceMappingURL=main.f119bc73.css.map*/