.landing-page{width:100%;background:#0a0a0f;position:relative;overflow-x:hidden}.background-patterns{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.gradient-circle{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:float 20s ease-in-out infinite}.circle-1{width:600px;height:600px;background:linear-gradient(135deg,#7c3aed,#a855f7);top:-200px;left:-200px;animation-delay:0s}.circle-2{width:500px;height:500px;background:linear-gradient(135deg,#3b82f6,#60a5fa);bottom:-150px;right:-150px;animation-delay:5s}.circle-3{width:400px;height:400px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.gradient-circle{animation:float 20s ease-in-out infinite,pulse 4s ease-in-out infinite}.landing-content{position:relative;z-index:1;max-width:1200px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem;padding:4rem 2rem;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.tagline-container{margin-bottom:1rem}.tagline-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:#14b8a61a;border:1px solid rgba(20,184,166,.3);border-radius:9999px;color:#14b8a6;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tagline-button:hover{background:#14b8a633;border-color:#14b8a680;transform:translateY(-2px);box-shadow:0 4px 12px #14b8a633}.lightning-icon{width:16px;height:16px}.main-headline{font-size:clamp(2.5rem,8vw,5rem);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin:0}.headline-white{color:#fff;display:block}.headline-blue{background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}.headline-purple{background:linear-gradient(135deg,#a855f7,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}.sub-headline{font-size:clamp(1rem,2vw,1.25rem);color:#fffc;max-width:700px;line-height:1.6;margin:0}.cta-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:1rem}.cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:.5rem;cursor:pointer;transition:all .3s ease;border:none;font-family:inherit}.cta-button.primary{background:#14b8a6;color:#0a0a0f}.cta-button.primary:hover{background:#0d9488;transform:translateY(-2px);box-shadow:0 10px 25px #14b8a64d}.cta-button.primary:active{transform:translateY(0);box-shadow:0 5px 15px #14b8a633}.cta-button.secondary{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-button.secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.arrow-icon{width:20px;height:20px}.features-list{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;margin-top:4rem;padding-top:2rem}.feature-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:120px;transition:transform .3s ease}.feature-item:hover{transform:translateY(-4px)}.feature-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:.75rem}.feature-icon svg{width:100%;height:100%}.feature-icon.green{background:#22c55e1a;color:#22c55e}.feature-icon.yellow{background:#eab3081a;color:#eab308}.feature-icon.teal{background:#14b8a61a;color:#14b8a6}.feature-icon.purple{background:#a855f71a;color:#a855f7}.feature-text{font-size:.875rem;color:#ffffffb3;text-align:center;font-weight:500}.landing-section{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:5rem 2rem;position:relative;scroll-snap-align:start}.hero-section{padding-top:6rem;padding-bottom:4rem}.autonomy-section{position:relative;padding-top:4rem;padding-bottom:6rem}.autonomy-content{align-items:center;text-align:center;gap:2.5rem}.autonomy-pill{background:#3b82f61f;border-color:#3b82f666;color:#60a5fa}.section-heading{font-size:clamp(2rem,4vw,3rem);font-weight:800;letter-spacing:-.03em;color:#fff}.section-subtitle{font-size:1rem;color:#94a3b8f2;max-width:620px;margin:0 auto;line-height:1.7}.autonomy-card{margin-top:2.5rem;width:100%;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1.2fr);gap:3rem;align-items:center;background:radial-gradient(circle at top left,rgba(56,189,248,.12),transparent 55%),radial-gradient(circle at bottom right,rgba(147,51,234,.16),transparent 55%),#0f172af2;border-radius:2rem;padding:2.5rem 3rem;border:1px solid rgba(148,163,184,.25);box-shadow:0 30px 80px #0f172ae6,0 0 0 1px #0f172ae6;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);transition:all .4s cubic-bezier(.4,0,.2,1);animation:cardSlideIn .6s ease-out}.autonomy-card:hover{transform:translateY(-4px);box-shadow:0 40px 100px #0f172af2,0 0 0 1px #0f172ae6,0 0 40px #38bdf81a}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.autonomy-left{text-align:left;display:flex;flex-direction:column;gap:1.25rem}.autonomy-title{font-size:1.5rem;font-weight:700;color:#fff}.autonomy-text{font-size:.98rem;color:#d1d5dbeb;line-height:1.7;max-width:540px}.autonomy-tabs{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.autonomy-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:9999px;border:1px solid rgba(148,163,184,.35);background:#0f172acc;color:#e2e8f0e6;font-size:.9rem;font-weight:500;cursor:default}.autonomy-tab.active{border-color:#38bdf8cc;background:radial-gradient(circle at top left,rgba(56,189,248,.25),transparent 60%),#0f172af2;box-shadow:0 0 0 1px #38bdf866}.tab-dot{width:9px;height:9px;border-radius:9999px}.tab-dot-blue{background:radial-gradient(circle,#38bdf8,#0ea5e9)}.tab-dot-purple{background:radial-gradient(circle,#a855f7,#7c3aed)}.autonomy-right{display:flex;justify-content:center}.autonomy-circle{width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#38bdf8 0%,transparent 55%),radial-gradient(circle at 70% 80%,#a855f7 0%,transparent 55%),radial-gradient(circle,#0f172a,#020617 70%);display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px #38bdf859,0 0 60px #9333ea59;position:relative;animation:circleGlow 4s ease-in-out infinite}@keyframes circleGlow{0%,to{box-shadow:0 0 40px #38bdf859,0 0 60px #9333ea59}50%{box-shadow:0 0 50px #38bdf880,0 0 70px #9333ea80}}.autonomy-circle:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:inherit;border:2px solid rgba(148,163,184,.45);border-top-color:#38bdf8;border-right-color:#a855f7;border-bottom-color:#94a3b840;border-left-color:#94a3b840;animation:circleRotate 10s linear infinite}@keyframes circleRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.autonomy-circle-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.25rem}.autonomy-percentage{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#38bdf8,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.autonomy-label{font-size:.9rem;color:#e2e8f0e6}.tagline-section{padding-top:4rem;padding-bottom:6rem}.tagline-content{align-items:flex-start;text-align:left;gap:1.5rem}.smart-heading{font-size:clamp(2.2rem,4.2vw,3.4rem);font-weight:800;letter-spacing:-.04em;color:#f9fafb}.smart-heading-gradient{background:linear-gradient(135deg,#38bdf8,#a855f7 60%,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.smart-heading-separator{color:#94a3b8e6}.smart-heading-main{color:#f9fafb}.smart-subtitle{font-size:1rem;max-width:760px;color:#94a3b8f5;line-height:1.7}.about-section{padding-top:4rem;padding-bottom:6rem}.about-content{align-items:center;text-align:center;gap:2.5rem}.about-pill-container{margin-bottom:.25rem}.about-pill{background:radial-gradient(circle at 0% 0%,rgba(168,85,247,.25),transparent 60%),#1e40af73;border-color:#818cf8b3;color:#e5e7eb}.about-heading{font-size:clamp(2.3rem,4.5vw,3.6rem);font-weight:800;letter-spacing:-.04em;color:#f9fafb;line-height:1.1}.about-heading-gradient{display:inline-block;background:linear-gradient(135deg,#38bdf8,#22c55e 30%,#a855f7 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-card{margin-top:1.5rem;width:100%;max-width:1100px;padding:2.5rem 3rem;border-radius:1.75rem;border:1px solid rgba(148,163,184,.25);background:radial-gradient(circle at top left,rgba(56,189,248,.18),transparent 55%),radial-gradient(circle at bottom right,rgba(147,51,234,.2),transparent 55%),#0f172af5;box-shadow:0 30px 80px #0f172af2,0 0 0 1px #0f172ae6;text-align:left}.about-eyebrow{font-size:1rem;color:#cbd5e1fa;margin-bottom:1.5rem}.about-paragraph{font-size:.98rem;color:#94a3b8f5;line-height:1.8;margin-bottom:1.25rem}.about-paragraph:last-of-type{margin-bottom:0}.about-highlight{color:#22d3ee;font-weight:600}.innovation-section{padding-top:4rem;padding-bottom:4rem}.innovation-content{gap:1.5rem}.innovation-icon-row{display:flex;align-items:center;justify-content:center;gap:1.5rem}.innovation-line{flex:1;max-width:160px;height:1px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.4),transparent)}.innovation-icon{width:48px;height:48px;border-radius:9999px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(45,212,191,.25) 0%,transparent 70%);color:#22d3ee;font-size:1.5rem;box-shadow:0 0 20px #22d3ee66;border:1px solid rgba(34,211,238,.3);animation:iconPulse 3s ease-in-out infinite;position:relative}.innovation-icon:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:1px solid rgba(34,211,238,.2);animation:iconRotate 8s linear infinite}@keyframes iconPulse{0%,to{box-shadow:0 0 20px #22d3ee66;transform:scale(1)}50%{box-shadow:0 0 30px #22d3ee99;transform:scale(1.05)}}@keyframes iconRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.innovation-heading{font-size:clamp(1.8rem,3.4vw,2.4rem);font-weight:800;color:#f9fafb;text-align:center}.innovation-text{font-size:1rem;max-width:780px;color:#94a3b8f5;line-height:1.8;text-align:center}.why-section{padding-top:4rem;padding-bottom:6rem}.why-content{align-items:center;text-align:center;gap:1.75rem}.why-heading{font-size:clamp(2.1rem,4vw,3rem);font-weight:800;color:#f9fafb}.why-gradient{background:linear-gradient(135deg,#38bdf8,#a855f7 60%,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.why-text{font-size:1rem;max-width:800px;color:#94a3b8f5;line-height:1.8}@media (max-width: 768px){.landing-section{padding:4rem 1.25rem;min-height:auto}.landing-content{padding:2rem 1rem;gap:1.5rem}.main-headline{font-size:2.5rem}.sub-headline{font-size:1rem}.cta-buttons{flex-direction:column;width:100%}.cta-button{width:100%;justify-content:center}.features-list{gap:1.5rem;margin-top:3rem}.feature-item{min-width:100px}.autonomy-card{grid-template-columns:minmax(0,1fr);padding:2rem 1.75rem;text-align:left}.autonomy-content{text-align:left;align-items:stretch}.section-subtitle{margin-left:0;margin-right:0}.autonomy-right{justify-content:flex-start}.autonomy-circle{width:190px;height:190px}.tagline-section{padding-top:3.5rem;padding-bottom:4rem}.tagline-content{align-items:flex-start;gap:1.25rem}.about-section{padding-top:3.5rem;padding-bottom:4.5rem}.about-content{align-items:flex-start;text-align:left}.about-card{padding:2rem 1.75rem}.innovation-section{padding-top:3.5rem;padding-bottom:3.5rem}.why-section,.capabilities-section{padding-top:3.5rem;padding-bottom:4rem}.capabilities-grid{grid-template-columns:1fr}.capabilities-stats{flex-direction:column;gap:2rem}}.capabilities-section{padding-top:4rem;padding-bottom:6rem}.capabilities-content{align-items:stretch;text-align:left;gap:3rem;max-width:1200px}.capabilities-intro-card{width:100%;padding:2.5rem 3rem;border-radius:1.5rem;background:#0f172af2;border:1px solid rgba(148,163,184,.25);box-shadow:0 20px 60px #0f172ae6}.capabilities-intro-text{font-size:1.1rem;color:#fff;line-height:1.7;margin:0}.capabilities-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%}.capability-card{padding:2rem;border-radius:1.25rem;background:#0f172af2;border:1px solid rgba(148,163,184,.25);display:flex;flex-direction:column;gap:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.capability-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(20,184,166,.1),transparent);transition:left .5s ease}.capability-card:hover:before{left:100%}.capability-card:hover{border-color:#14b8a666;box-shadow:0 10px 30px #14b8a626;transform:translateY(-2px)}.capability-icon{width:48px;height:48px;color:#14b8a6;display:flex;align-items:center;justify-content:center}.capability-icon svg{width:100%;height:100%}.capability-text{font-size:1rem;color:#fff;line-height:1.6;margin:0}.capabilities-mission{font-size:1.05rem;color:#fff;line-height:1.8;max-width:900px;margin:0 auto;text-align:center}.capabilities-highlight{color:#14b8a6;font-weight:600}.capabilities-stats{display:flex;justify-content:center;gap:4rem;margin-top:3rem;flex-wrap:wrap}.capability-stat{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:150px}.stat-number{font-size:3rem;font-weight:800;line-height:1}.stat-teal{background:linear-gradient(135deg,#14b8a6,#0d9488);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-purple{background:linear-gradient(135deg,#a855f7,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.95rem;color:#ffffffe6;text-align:center;font-weight:500}.cta-section{padding-top:5rem;padding-bottom:5rem}.cta-content{align-items:center;text-align:center;gap:3rem}.final-stats{display:flex;justify-content:center;gap:4rem;flex-wrap:wrap;margin-bottom:2rem}.final-stat{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:120px}.final-stat-number{font-size:2.5rem;font-weight:800;line-height:1}.final-stat-label{font-size:.875rem;color:#ffffffb3;text-align:center;font-weight:500}.final-heading{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em;color:#fff;line-height:1.1;margin:0}.final-heading-gradient{background:linear-gradient(135deg,#60a5fa,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.final-subtitle{font-size:1.1rem;color:#fffc;max-width:600px;margin:0 auto;line-height:1.6}.final-cta-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:1.5rem}.final-cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2.5rem;font-size:1rem;font-weight:600;border-radius:.5rem;cursor:pointer;transition:all .3s ease;border:none;font-family:inherit}.final-cta-button.primary{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#0a0a0f;position:relative;overflow:hidden}.final-cta-button.primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.final-cta-button.primary:hover:before{width:300px;height:300px}.final-cta-button.primary:hover{background:#0d9488;transform:translateY(-2px);box-shadow:0 10px 25px #14b8a64d}.final-cta-button.secondary{background:#0f172af2;color:#fff;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.final-cta-button.secondary:hover{background:#0f172a;border-color:#ffffff4d;transform:translateY(-2px)}.final-cta-button{text-decoration:none;display:inline-flex}.landing-footer{width:100%;padding:2.5rem 2rem;border-top:1px solid rgba(148,163,184,.15);background:#0a0a0ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative}.landing-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.3),transparent)}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.footer-logo{display:flex;align-items:center;gap:.75rem}.footer-logo-icon{width:32px;height:32px;filter:drop-shadow(0 0 8px rgba(168,85,247,.4));animation:logoGlow 3s ease-in-out infinite}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 8px rgba(168,85,247,.4))}50%{filter:drop-shadow(0 0 12px rgba(59,130,246,.6))}}.footer-logo-text{font-size:1.25rem;font-weight:700;color:#fff;letter-spacing:-.02em}.footer-copyright{font-size:.875rem;color:#fff9}@media (max-width: 768px){.cta-section{padding-top:4rem;padding-bottom:4rem}.final-stats{gap:2.5rem}.final-stat-number{font-size:2rem}.final-cta-buttons{flex-direction:column;width:100%}.final-cta-button{width:100%;justify-content:center}.footer-content{flex-direction:column;text-align:center}}.sidebar{width:240px;min-height:100vh;background:#0f172afa;border-right:1px solid rgba(148,163,184,.15);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100}.sidebar-nav{display:flex;flex-direction:column;padding:2rem 1rem;gap:.5rem;flex:1}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;color:#ffffffb3;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.95rem;font-weight:500;position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:linear-gradient(135deg,#3b82f6,#a855f7);transform:scaleY(0);transition:transform .3s ease}.nav-item:hover:before{transform:scaleY(1)}.nav-item:hover{background:#94a3b81a;color:#ffffffe6}.nav-item.active{background:linear-gradient(135deg,#a855f733,#3b82f633);color:#fff;border:1px solid rgba(168,85,247,.3);box-shadow:0 4px 12px #a855f733}.nav-item.active:before{transform:scaleY(1)}.nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.nav-icon svg{width:100%;height:100%}.nav-label{flex:1}.sidebar-collapse{padding:1rem;background:transparent;border:none;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.sidebar-collapse:hover{color:#ffffffe6}.sidebar-collapse svg{width:20px;height:20px}@media (max-width: 768px){.sidebar{width:200px}}.dashboard-container{display:flex;min-height:100vh;background:#0a0a0f;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dashboard-main{flex:1;margin-left:240px;padding:2rem 2.5rem;max-width:calc(100vw - 240px)}.dashboard-header{margin-bottom:2rem}.dashboard-title{font-size:2.5rem;font-weight:800;color:#60a5fa;margin:0 0 .5rem;letter-spacing:-.02em}.dashboard-date{font-size:1rem;color:#fff9;margin:0}.alert-card{background:#0f172af2;border:1px solid rgba(234,179,8,.3);border-radius:1rem;padding:1.5rem;margin-bottom:2rem;display:flex;gap:1rem;box-shadow:0 10px 30px #eab3081a;animation:slideInDown .5s ease-out;transition:all .3s ease}.alert-card:hover{box-shadow:0 15px 40px #eab30833;transform:translateY(-2px)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.alert-icon{width:32px;height:32px;color:#eab308;flex-shrink:0}.alert-icon svg{width:100%;height:100%}.alert-content{flex:1}.alert-header{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.alert-label{font-size:.75rem;font-weight:700;color:#eab308;text-transform:uppercase;letter-spacing:.05em}.alert-time{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#ffffffb3}.clock-icon{width:16px;height:16px}.alert-message{font-size:1rem;font-weight:600;color:#fff;margin:0 0 .5rem}.alert-confidence{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#fff9}.trend-icon{width:16px;height:16px;color:#22c55e}.dashboard-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem}.data-card{background:#0f172af2;border:1px solid rgba(148,163,184,.25);border-radius:1rem;padding:1.5rem;transition:all .3s ease;animation:fadeInUp .5s ease-out;animation-fill-mode:both}.data-card:nth-child(1){animation-delay:.1s}.data-card:nth-child(2){animation-delay:.2s}.data-card:nth-child(3){animation-delay:.3s}.data-card:hover{border-color:#3b82f666;box-shadow:0 10px 30px #3b82f61a;transform:translateY(-4px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-title{font-size:.875rem;font-weight:600;color:#ffffffe6;margin:0 0 1.25rem;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.insights-icon{width:18px;height:18px;color:#3b82f6;filter:drop-shadow(0 0 4px rgba(59,130,246,.5))}.demand-progress{margin-bottom:1.5rem}.progress-bar{width:100%;height:8px;background:#94a3b833;border-radius:9999px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,#f97316,#ea580c);border-radius:9999px;position:relative;display:flex;align-items:center;justify-content:flex-end;padding-right:.5rem;animation:progressFill 1.5s ease-out;box-shadow:0 0 10px #f9731680}@keyframes progressFill{0%{width:0%}}.progress-text{font-size:.75rem;font-weight:700;color:#fff}.demand-values{display:flex;flex-direction:column;gap:1rem}.demand-current,.demand-limit{display:flex;justify-content:space-between;align-items:baseline}.demand-label{font-size:.875rem;color:#fff9}.demand-value{font-size:1.75rem;font-weight:700;color:#fff}.limit-value{font-size:1.25rem;color:#ffffffb3}.forecast-chart{margin-bottom:1rem}.chart-svg{width:100%;height:200px}.chart-legend{display:flex;gap:1.5rem;margin-top:.75rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#ffffffb3}.legend-line{width:24px;height:2px}.legend-line.blue{background:#3b82f6}.legend-line.dashed{border-top:2px dashed #ef4444;background:transparent}.insights-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.insight-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.9rem;color:#fffc;line-height:1.5}.insight-icon{width:20px;height:20px;color:#fff9;flex-shrink:0;margin-top:.125rem}.insights-actions{display:flex;gap:.75rem;flex-wrap:wrap}.insight-button{padding:.625rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit}.insight-button.primary{background:#14b8a6;color:#0a0a0f}.insight-button.primary:hover{background:#0d9488;transform:translateY(-1px);box-shadow:0 8px 20px #14b8a64d}.insight-button.primary:active{transform:translateY(0)}.insight-button.secondary{background:#0f172af2;color:#fff;border:1px solid rgba(255,255,255,.2)}.insight-button.secondary:hover{border-color:#ffffff4d;background:#0f172a}.tower-section{margin-top:2.5rem}.tower-section-title{font-size:1rem;font-weight:700;color:#fff;margin:0 0 1.5rem;text-transform:uppercase;letter-spacing:.1em}.tower-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.tower-card{background:#0f172af2;border:1px solid rgba(148,163,184,.25);border-radius:1rem;padding:1.5rem;position:relative}.tower-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.tower-icon{width:32px;height:32px;color:#ffffffb3}.tower-status-dot{width:10px;height:10px;border-radius:50%}.tower-status-dot.orange{background:#f97316;box-shadow:0 0 8px #f9731699}.tower-status-dot.green{background:#22c55e;box-shadow:0 0 8px #22c55e99}.tower-status-dot.red{background:#ef4444;box-shadow:0 0 8px #ef444499}.tower-name{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 .25rem}.tower-type{font-size:.875rem;color:#fff9;margin:0 0 1.25rem}.tower-load{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem}.tower-load-label{font-size:.875rem;color:#fff9}.tower-load-value{font-size:1.5rem;font-weight:700;color:#fff}.tower-tags{display:flex;gap:.5rem;flex-wrap:wrap}.tower-tag{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#94a3b81a;border:1px solid rgba(148,163,184,.2);border-radius:.375rem;font-size:.75rem;color:#fffc}.tower-tag svg{width:14px;height:14px}@media (max-width: 1200px){.dashboard-cards{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-main{margin-left:200px;padding:1.5rem;max-width:calc(100vw - 200px)}.dashboard-title{font-size:2rem}.tower-grid{grid-template-columns:1fr}.insights-actions{flex-direction:column}.insight-button{width:100%}}.recommendations-header{margin-bottom:2rem}.recommendations-title{font-size:3rem;font-weight:800;margin:0 0 .5rem;letter-spacing:-.02em}.recommendations-title-gradient{background:linear-gradient(135deg,#60a5fa,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.recommendations-subtitle{font-size:1.1rem;color:#ffffffb3;margin:0}.recommendations-search{display:flex;gap:1rem;margin-bottom:2.5rem}.search-input-wrapper{flex:1;display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:#0f172af2;border:1px solid rgba(148,163,184,.25);border-radius:.5rem;transition:all .2s ease}.search-input-wrapper:focus-within{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a}.search-icon{width:20px;height:20px;color:#fff9;flex-shrink:0}.search-input{flex:1;background:transparent;border:none;color:#fff;font-size:.95rem;outline:none}.search-input::placeholder{color:#fff6}.generate-button{padding:.875rem 2rem;background:linear-gradient(135deg,#3b82f6,#a855f7);border:none;border-radius:.5rem;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.generate-button:hover{transform:translateY(-1px);box-shadow:0 10px 25px #3b82f64d}.recommendations-list{display:flex;flex-direction:column;gap:2rem}.recommendation-card{background:#0f172af2;border:1px solid rgba(148,163,184,.25);border-radius:1rem;padding:2rem;animation:slideInLeft .5s ease-out;transition:all .3s ease}.recommendation-card:nth-child(2){animation-delay:.1s}.recommendation-card:hover{border-color:#3b82f666;box-shadow:0 15px 40px #3b82f626;transform:translate(4px)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.recommendation-alert-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.alert-icon-wrapper{width:40px;height:40px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.alert-icon-wrapper.red{background:#ef444426;color:#ef4444}.alert-icon-wrapper.yellow{background:#eab30826;color:#eab308}.alert-icon-wrapper svg{width:24px;height:24px}.alert-content-wrapper{flex:1}.alert-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 .5rem}.risk-tag{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.risk-tag.high-risk{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.risk-tag.medium-risk{background:#eab30833;color:#eab308;border:1px solid rgba(234,179,8,.3)}.suggested-actions{margin-bottom:1.5rem}.suggested-actions-title{font-size:.875rem;font-weight:700;color:#ffffffe6;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.1em}.actions-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.action-item{display:flex;align-items:center;gap:.75rem;color:#ffffffe6;font-size:.95rem}.action-icon{width:20px;height:20px;color:#14b8a6;flex-shrink:0}.impact-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.impact-box{padding:1.25rem;border-radius:.75rem;display:flex;align-items:flex-start;gap:1rem}.impact-box.accepted{background:#22c55e26;border:1px solid rgba(34,197,94,.3)}.impact-box.ignored{background:#ef444426;border:1px solid rgba(239,68,68,.3)}.impact-icon{width:24px;height:24px;flex-shrink:0}.impact-box.accepted .impact-icon{color:#22c55e}.impact-box.ignored .impact-icon{color:#ef4444}.impact-content{flex:1}.impact-text{font-size:.9rem;color:#ffffffe6;margin:0 0 .25rem;line-height:1.5}.impact-text:last-child{margin-bottom:0}.context-tags{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.context-tag{padding:.375rem .75rem;background:#94a3b81a;border:1px solid rgba(148,163,184,.2);border-radius:9999px;font-size:.75rem;color:#fff9}.recommendation-actions{display:flex;gap:.75rem;flex-wrap:wrap}.action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:.5rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit}.action-btn svg{width:18px;height:18px}.accept-btn{background:#14b8a6;color:#0a0a0f;flex:1;min-width:180px}.accept-btn:hover{background:#0d9488;transform:translateY(-1px);box-shadow:0 10px 25px #14b8a64d}.accept-btn:active{transform:translateY(0);box-shadow:0 5px 15px #14b8a633}.defer-btn{background:#0f172af2;color:#ffffffe6;border:1px solid rgba(148,163,184,.25)}.defer-btn:hover{background:#0f172a;border-color:#94a3b866}.reject-btn{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.reject-btn:hover{background:#ef444440;border-color:#ef444480}@media (max-width: 768px){.recommendations-title{font-size:2rem}.recommendations-search{flex-direction:column}.generate-button{width:100%}.impact-summary{grid-template-columns:1fr}.recommendation-actions{flex-direction:column}.action-btn{width:100%}}.flexibility-header{margin-bottom:2rem}.flexibility-title{font-size:2.5rem;font-weight:800;color:#fff;margin:0 0 .5rem;letter-spacing:-.02em}.flexibility-subtitle{font-size:1rem;color:#ffffffb3;margin:0}.flexibility-content{display:grid;grid-template-columns:350px 1fr;gap:2rem}.tower-selection{display:flex;flex-direction:column}.selection-title{font-size:.875rem;font-weight:700;color:#ffffffe6;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.1em}.tower-list{display:flex;flex-direction:column;gap:.75rem}.tower-select-card{background:#0f172af2;border:1px solid rgba(148,163,184,.25);border-radius:.75rem;padding:1.25rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.tower-select-card:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(135deg,#3b82f6,#a855f7);transform:scaleY(0);transition:transform .3s ease}.tower-select-card:hover{border-color:#94a3b866;background:#0f172a}.tower-select-card.selected{background:#3b82f626;border-color:#3b82f666;box-shadow:0 4px 12px #3b82f633}.tower-select-card.selected:before{transform:scaleY(1)}.tower-select-card:hover:before{transform:scaleY(1)}.tower-select-info{flex:1}.tower-select-name{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 .25rem}.tower-select-type{font-size:.875rem;color:#fff9;margin:0 0 .75rem}.tower-select-loads{display:flex;flex-direction:column;gap:.5rem}.tower-current-load{font-size:.95rem;color:#ffffffe6;font-weight:500}.tower-flexible-load{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:#ffffffb3}.flexible-load-icon{width:16px;height:16px;color:#14b8a6;display:flex;align-items:center;justify-content:center}.flexible-load-icon svg{width:100%;height:100%}.tower-arrow{width:20px;height:20px;color:#ffffff80;flex-shrink:0}.tower-select-card.selected .tower-arrow{color:#60a5fa}.tower-details{display:flex;flex-direction:column;gap:2rem}.load-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.metric-card{background:#0f172af2;border:1px solid rgba(148,163,184,.25);border-radius:.75rem;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.metric-label{font-size:.875rem;color:#fff9;font-weight:500}.metric-value{font-size:2rem;font-weight:800;color:#fff;line-height:1}.asset-inventory{display:flex;flex-direction:column}.inventory-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.inventory-title{font-size:.875rem;font-weight:700;color:#ffffffe6;margin:0;text-transform:uppercase;letter-spacing:.1em}.add-device-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.add-device-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.add-device-button:active{transform:translateY(0)}.add-device-button svg{width:16px;height:16px}.device-input-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1.5rem;background:#0f172af2;border:1px solid rgba(148,163,184,.25);border-radius:.75rem}.device-form-fields{display:flex;flex-direction:column;gap:.75rem}.device-form-select{padding:.625rem 1rem;background:#1e293bcc;border:1px solid rgba(148,163,184,.3);border-radius:.5rem;color:#fff;font-size:.875rem;font-family:inherit;transition:all .2s ease;cursor:pointer}.device-form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.device-form-select:disabled{opacity:.5;cursor:not-allowed}.device-form-select option{background:#1e293b;color:#fff}.device-form-actions{display:flex;gap:.75rem;align-items:center}.device-sn-input{width:100%;padding:.625rem 1rem;background:#1e293bcc;border:1px solid rgba(148,163,184,.3);border-radius:.5rem;color:#fff;font-size:.875rem;font-family:inherit;transition:all .2s ease}.device-sn-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.device-sn-input::placeholder{color:#fff6}.device-sn-input:disabled{opacity:.5;cursor:not-allowed}.add-device-submit-button,.cancel-device-button{padding:.625rem 1.25rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.add-device-submit-button{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.add-device-submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #22c55e66}.add-device-submit-button:disabled{opacity:.5;cursor:not-allowed}.cancel-device-button{background:#94a3b833;color:#fffc;border:1px solid rgba(148,163,184,.3)}.cancel-device-button:hover:not(:disabled){background:#94a3b84d}.cancel-device-button:disabled{opacity:.5;cursor:not-allowed}.assets-list{display:flex;flex-direction:column;gap:1rem}.asset-card{background:#0f172af2;border:1px solid rgba(148,163,184,.25);border-radius:.75rem;padding:1.5rem;transition:all .2s ease}.asset-card:hover{border-color:#94a3b866;background:#0f172a;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.asset-header{display:flex;gap:1rem;margin-bottom:1rem}.asset-icon-wrapper{width:40px;height:40px;border-radius:.5rem;background:#3b82f626;color:#60a5fa;display:flex;align-items:center;justify-content:center;flex-shrink:0}.asset-icon-wrapper svg{width:24px;height:24px}.asset-info{flex:1}.asset-name-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.asset-name{font-size:1rem;font-weight:600;color:#fff;margin:0;flex:1}.asset-actions{display:flex;align-items:center;gap:.5rem}.asset-check{width:18px;height:18px;color:#22c55e;flex-shrink:0}.delete-device-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:.375rem;color:#ef4444;cursor:pointer;transition:all .2s ease;flex-shrink:0}.delete-device-button:hover{background:#ef444440;border-color:#ef444480;transform:scale(1.05)}.delete-device-button:active{transform:scale(.95)}.delete-device-button svg{width:16px;height:16px}.asset-status{font-size:.875rem;color:#fff9;margin:0}.asset-flexibility{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.flexibility-badge{display:inline-block;padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:600}.flexibility-badge.flexible{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.flexibility-badge.fixed{background:#94a3b826;color:#ffffffb3;border:1px solid rgba(148,163,184,.25)}.flexibility-badge.verified{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.flexibility-badge.yet-to-verify{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.flexibility-details{font-size:.875rem;color:#ffffffb3}@media (max-width: 1200px){.flexibility-content{grid-template-columns:300px 1fr}}@media (max-width: 968px){.flexibility-content{grid-template-columns:1fr}.tower-selection{order:2}.tower-details{order:1}.tower-list{flex-direction:row;overflow-x:auto}.tower-select-card{min-width:250px}.load-metrics{grid-template-columns:1fr}}@media (max-width: 768px){.flexibility-title{font-size:2rem}.load-metrics{grid-template-columns:1fr}}.device-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.device-modal-card{background:#0f172afa;border:1px solid rgba(148,163,184,.3);border-radius:1rem;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0003}.device-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(148,163,184,.2)}.device-modal-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.device-modal-close{background:transparent;border:none;color:#ffffffb3;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .2s;width:2rem;height:2rem}.device-modal-close:hover{background:#94a3b81a;color:#fff}.device-modal-close svg{width:1.25rem;height:1.25rem}.device-modal-content{display:flex;flex-direction:column;gap:1.25rem}.device-modal-detail{display:flex;flex-direction:column;gap:.5rem}.device-modal-label{font-size:.875rem;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.device-modal-value{font-size:1.125rem;font-weight:500;color:#fff;word-break:break-all;padding:.75rem;background:#94a3b81a;border-radius:.5rem;border:1px solid rgba(148,163,184,.2)}.reasoning-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.reasoning-title-section{flex:1}.reasoning-title{font-size:2.5rem;font-weight:800;color:#fff;margin:0 0 .5rem;letter-spacing:-.02em}.reasoning-subtitle{font-size:1rem;color:#ffffffb3;margin:0}.export-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#0f172af2;border:1px solid rgba(148,163,184,.25);border-radius:.5rem;color:#ffffffe6;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.export-button:hover{background:#0f172a;border-color:#94a3b866;transform:translateY(-1px)}.export-button svg{width:18px;height:18px}.reasoning-content{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem}.timeline-panel{background:#0f172af2;border:1px solid rgba(148,163,184,.25);border-radius:1rem;padding:2rem}.panel-title{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 1.5rem}.timeline-container{position:relative}.timeline-item{display:flex;gap:1.5rem;position:relative;margin-bottom:2rem}.timeline-item:last-child{margin-bottom:0}.timeline-dot-wrapper{display:flex;flex-direction:column;align-items:center;position:relative}.timeline-dot{width:16px;height:16px;border-radius:50%;border:3px solid rgba(15,23,42,.95);flex-shrink:0;z-index:2;animation:pulseDot 2s ease-in-out infinite}@keyframes pulseDot{0%,to{box-shadow:0 0 0 0 currentColor}50%{box-shadow:0 0 0 8px transparent}}.timeline-dot.orange{background:#f97316;box-shadow:0 0 0 4px #f9731633}.timeline-dot.blue{background:#3b82f6;box-shadow:0 0 0 4px #3b82f633}.timeline-dot.purple{background:#a855f7;box-shadow:0 0 0 4px #a855f733}.timeline-dot.green{background:#22c55e;box-shadow:0 0 0 4px #22c55e33}.timeline-line{position:absolute;top:16px;left:50%;transform:translate(-50%);width:2px;height:calc(100% + 1rem);background:#94a3b833;z-index:1}.timeline-item:last-child .timeline-line{display:none}.timeline-content{flex:1;padding-top:.125rem}.timeline-time{font-size:.875rem;font-weight:600;color:#ffffffe6;margin-bottom:.25rem}.timeline-event-type{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff9;margin-bottom:.5rem}.timeline-description{font-size:.95rem;color:#fffc;line-height:1.6;margin:0}.right-panels{display:flex;flex-direction:column;gap:1.5rem}.info-panel{background:#0f172af2;border:1px solid rgba(148,163,184,.25);border-radius:1rem;padding:1.5rem}.info-list{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:1rem;border-bottom:1px solid rgba(148,163,184,.1)}.info-item:last-child{border-bottom:none;padding-bottom:0}.info-label{font-size:.9rem;color:#ffffffb3;font-weight:500}.info-value{font-size:.95rem;color:#fff;font-weight:600;text-align:right}@media (max-width: 1200px){.reasoning-content{grid-template-columns:1fr}.timeline-item{margin-bottom:1.5rem}}@media (max-width: 768px){.reasoning-header{flex-direction:column;gap:1rem}.reasoning-title{font-size:2rem}.export-button{width:100%;justify-content:center}.timeline-panel,.info-panel{padding:1.5rem}}.audit-header{margin-bottom:2rem}.audit-title{font-size:2.5rem;font-weight:800;color:#fff;margin:0 0 .5rem;letter-spacing:-.02em}.audit-subtitle{font-size:1rem;color:#ffffffb3;margin:0}.audit-filters{display:flex;gap:.75rem;margin-bottom:2rem;flex-wrap:wrap}.filter-button{padding:.625rem 1.25rem;background:#0f172af2;border:1px solid rgba(148,163,184,.25);border-radius:.5rem;color:#ffffffb3;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.filter-button:hover{background:#0f172a;border-color:#94a3b866;color:#ffffffe6}.filter-button.active{background:#3b82f633;border-color:#3b82f680;color:#60a5fa;box-shadow:0 4px 12px #3b82f633;animation:activePulse 2s ease-in-out infinite}@keyframes activePulse{0%,to{box-shadow:0 4px 12px #3b82f633}50%{box-shadow:0 4px 16px #3b82f64d}}.export-button{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#0f172af2;border:1px solid rgba(148,163,184,.25);border-radius:.5rem;color:#ffffffe6;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-left:auto;font-family:inherit}.export-button:hover{background:#0f172a;border-color:#94a3b866}.export-button svg{width:16px;height:16px}.audit-log{display:flex;flex-direction:column;gap:.75rem}.audit-entry{background:#0f172af2;border:1px solid rgba(148,163,184,.25);border-radius:.75rem;padding:1.25rem 1.5rem;display:flex;align-items:flex-start;gap:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInRight .5s ease-out;animation-fill-mode:both}.audit-entry:nth-child(1){animation-delay:.05s}.audit-entry:nth-child(2){animation-delay:.1s}.audit-entry:nth-child(3){animation-delay:.15s}.audit-entry:nth-child(4){animation-delay:.2s}.audit-entry:nth-child(5){animation-delay:.25s}.audit-entry:nth-child(6){animation-delay:.3s}.audit-entry:nth-child(7){animation-delay:.35s}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.audit-entry:hover{border-color:#94a3b866;background:#0f172a}.audit-entry-icon{width:40px;height:40px;border-radius:.5rem;background:#94a3b81a;color:#ffffffb3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.audit-entry-icon svg{width:20px;height:20px}.audit-entry-content{flex:1;min-width:0}.audit-entry-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.audit-entry-title{font-size:1rem;font-weight:600;color:#fff;margin:0}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.status-badge.green{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-badge.red{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-badge.orange{background:#f9731626;color:#f97316;border:1px solid rgba(249,115,22,.3)}.audit-entry-meta{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#fff9;flex-wrap:wrap}.audit-timestamp{font-weight:500}.audit-separator{color:#fff6}.audit-user{color:#ffffffb3}.audit-expand{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#ffffff80;cursor:pointer;border-radius:.375rem;transition:all .2s ease;flex-shrink:0}.audit-expand:hover{background:#94a3b81a;color:#fffc}.audit-expand svg{width:18px;height:18px}@media (max-width: 768px){.audit-title{font-size:2rem}.audit-filters{flex-direction:column}.export-button{margin-left:0;width:100%;justify-content:center}.audit-entry{padding:1rem}.audit-entry-header{flex-direction:column;align-items:flex-start}}.App{width:100%;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;background:#0a0a0f}#root{width:100%;min-height:100vh}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .3s ease}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f172a80}::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b880}