@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#38bdf8;--primary-dim:#0284c7;--primary-hover:#7dd3fc;--primary-glow:#38bdf826;--primary-glow-strong:#38bdf866;--accent-blue:#38bdf8;--accent-blue-glow:#38bdf826;--accent-purple:#818cf8;--accent-amber:#fbbf24;--bg-color:#1b263b;--bg-mid:#22314d;--surface-color:#253552;--surface-light:#2c3e5f;--surface-hover:#38bdf814;--border-tech:rgba(56,189,248,.25);--border-bright:rgba(56,189,248,.5);--text-primary:#ffffff;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-label:#e2e8f0;--feed-empty:#0f172a;--feed-low:#ef4444;--feed-med:#fbbf24;--feed-high:#10b981;font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;font-size:16px;font-weight:500;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#1b263b;min-width:320px;min-height:100vh;color:#ffffff;background-image:radial-gradient(at 15% 15%,#38bdf812 0%,#0000 50%),radial-gradient(at 85% 85%,#10b9810a 0%,#0000 50%);margin:0;overflow-x:hidden}body:before,body:after{display:none!important}#root{z-index:1;flex-direction:column;width:100%;max-width:1440px;min-height:100vh;margin:0 auto;padding:1.5rem 2rem;display:flex;position:relative}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003;border-radius:3px}::-webkit-scrollbar-thumb{background:#00ffc333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00ffc366}.glass-panel{background:var(--surface-color);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--border-tech);border-radius:20px;padding:1.75rem;transition:border-color .4s,box-shadow .4s,transform .3s;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #00000080,0 20px 60px -10px #0009,inset 0 1px #00ffc314,inset 0 0 40px #00ffc305}.glass-panel:hover{border-color:#00ffc340;box-shadow:0 4px 6px -1px #00000080,0 20px 60px -10px #0009,0 0 30px #00ffc30d,inset 0 1px #00ffc326,inset 0 0 40px #00ffc30d}.glass-panel:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--primary) 40%, #fff 50%, var(--primary) 60%, transparent 100%);opacity:.3;pointer-events:none;height:1px;animation:12s linear infinite scanline;position:absolute;top:-200%;left:0;right:0}@keyframes scanline{0%{top:-10%}10%{top:110%}to{top:110%}}.btn-primary{color:#020d0a;cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;background:linear-gradient(135deg,#00c896 0%,#00ffc3 50%,#00e5ae 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1.5rem;font-size:.85rem;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #00ffc34d,0 4px 15px #0000004d}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #00ffc380,0 8px 25px #0006}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{color:var(--text-primary);cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:var(--surface-light);border:1px solid var(--border-tech);border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.8rem;font-weight:700;transition:all .25s;display:flex}.btn-secondary:hover{border-color:var(--primary);background:#00ffc30d;transform:translateY(-1px);box-shadow:0 0 15px #00ffc31a}.btn-logout{color:var(--text-secondary);cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:0 0;border:1px solid #ff4d6d4d;border-radius:8px;align-items:center;gap:.5rem;padding:.45rem 1rem;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.btn-logout:hover{color:#ff4d6d;background:#ff4d6d1a;border-color:#ff4d6d;transform:translateY(-1px);box-shadow:0 0 15px #ff4d6d33}.input-field{border:1px solid var(--border-tech);width:100%;color:var(--text-primary);background:#050d1acc;border-radius:10px;padding:.85rem 1rem;font-family:Inter,sans-serif;font-size:.95rem;transition:all .3s}.input-field:focus{border-color:var(--primary);background:#001e14cc;outline:none;box-shadow:0 0 0 3px #00ffc31a,0 0 20px #00ffc326}.select-field{border:1px solid var(--border-tech);color:var(--text-primary);cursor:pointer;background:#050d1acc;border-radius:8px;outline:none;padding:.5rem 1rem;font-family:Inter,sans-serif;font-size:.9rem;transition:all .3s}.select-field:focus{border-color:var(--primary);box-shadow:0 0 15px #00ffc326}.login-root-container{background:radial-gradient(circle,#07132a 0%,#030811 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1.5rem;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.login-back-btn{z-index:10;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #00ffc326;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.82rem;font-weight:600;transition:all .22s;display:flex;position:absolute;top:1.5rem;left:1.5rem}.login-back-btn:hover{color:#00ffc3;background:#00ffc30f;border-color:#00ffc366;transform:translate(-2px);box-shadow:0 4px 15px #00ffc326}.login-wrapper-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:5;background:#0a192f73;border:1px solid #00ffc31f;border-radius:24px;grid-template-columns:1fr 1.15fr;width:100%;max-width:1120px;animation:.8s cubic-bezier(.16,1,.3,1) both loginFloatIn;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000080}@keyframes loginFloatIn{0%{opacity:0;transform:translateY(30px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.login-branding-col{background:linear-gradient(135deg,#071428e6 0%,#030811b3 100%);border-right:1px solid #00ffc314;align-items:center;padding:4.5rem 4rem;display:flex}.login-branding-content{flex-direction:column;gap:1.5rem;display:flex}.login-badge-brand{color:#00ffc3;letter-spacing:.5px;background:#00ffc30a;border:1px solid #00ffc340;border-radius:50px;align-self:flex-start;align-items:center;gap:.5rem;padding:.4rem 1.1rem;font-size:.78rem;font-weight:700;display:inline-flex}.login-brand-title{color:#fff;letter-spacing:-.5px;font-family:Space Grotesk,Inter,sans-serif;font-size:2.45rem;font-weight:900;line-height:1.25}.login-gradient-text-neon{background:linear-gradient(90deg,#00f5a0,#00ffc3);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.login-brand-desc{color:#f0f9ffa6;font-size:.95rem;line-height:1.65}.login-features-list{flex-direction:column;gap:1.25rem;margin-top:1rem;display:flex}.login-feature-item{align-items:flex-start;gap:1rem;display:flex}.lfi-icon-wrap{background:#ffffff08;border:1px solid #00ffc326;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;display:flex}.login-feature-item h4{color:#fff;margin:0 0 .2rem;font-size:.95rem;font-weight:700}.login-feature-item p{color:#f0f9ff7a;margin:0;font-size:.8rem;line-height:1.45}.login-form-col{justify-content:center;align-items:center;padding:4.5rem 4rem;display:flex}.login-form-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;width:100%;max-width:440px;padding:0}.login-logo-img-large{object-fit:cover;border:2.5px solid #00ffc359;border-radius:22px;width:96px;height:96px;margin-bottom:.75rem;animation:4s infinite alternate logoPulse;box-shadow:0 0 35px #00ffc373}.login-logo-title-large{letter-spacing:1px;color:#fff;margin:0 0 .2rem;font-family:Orbitron,sans-serif;font-size:2.45rem;font-weight:900;line-height:1}.login-logo-title-large span{color:#00ffc3}.login-logo-subtitle{color:#ffffff73;text-transform:uppercase;letter-spacing:1.8px;margin:0;font-size:.8rem}.login-form-element{flex-direction:column;gap:1.25rem;margin-top:2rem;display:flex}.login-input-group{text-align:left;flex-direction:column;gap:.5rem;display:flex}.login-input-label{text-transform:uppercase;color:#ffffff7a;letter-spacing:.5px;margin-left:2px;font-size:.75rem;font-weight:700}.login-input-icon{color:#ffffff4d;pointer-events:none;align-items:center;transition:color .2s;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.login-input-field{background:#050d1ab3!important;border-radius:8px!important;height:48px!important;padding-left:2.9rem!important;font-size:.92rem!important}.login-input-field:focus+.login-input-icon{color:#00ffc3}.login-password-toggle{color:#ffffff4d;cursor:pointer;background:0 0;border:none;padding:.2rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.login-password-toggle:hover{color:#00ffc3}.login-error-box{color:#ff4d6d;text-align:left;background:#ff4d6d0f;border:1px solid #ff4d6d40;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem .8rem;font-size:.8rem;font-weight:600;line-height:1.3;display:flex}.login-submit-btn{justify-content:center;align-items:center;height:42px;margin-top:.5rem;font-size:.9rem;font-weight:700;display:flex}.login-demo-section{border-top:1px solid #ffffff0d;flex-direction:column;align-items:center;margin-top:1.5rem;padding-top:1.25rem;display:flex}.login-demo-toggle-btn{color:#00ffc3bf;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.75rem;font-weight:600;transition:background .2s,color .2s;display:flex}.login-demo-toggle-btn:hover{color:#00ffc3;background:#00ffc30d}.login-demo-help-box{text-align:left;background:#050d1ad9;border:1px solid #00ffc326;border-radius:12px;width:100%;margin-top:.75rem;padding:.85rem;animation:.3s both demoSlideDown}@keyframes demoSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.login-demo-help-title{color:#fff;text-transform:uppercase;align-items:center;gap:.35rem;margin-bottom:.55rem;font-size:.75rem;font-weight:700;display:flex}.login-demo-actions{flex-direction:column;gap:.4rem;margin-bottom:.6rem;display:flex}.login-demo-profile-btn{cursor:pointer;text-align:left;border:1px solid #ffffff0f;border-radius:6px;padding:.4rem .6rem;font-size:.72rem;font-weight:700;transition:all .2s}.login-demo-profile-btn.admin{color:#a78bfa;background:#a78bfa0d}.login-demo-profile-btn.admin:hover{background:#a78bfa1f;border-color:#a78bfa}.login-demo-profile-btn.operator{color:#00ffc3;background:#00ffc308}.login-demo-profile-btn.operator:hover{background:#00ffc314;border-color:#00ffc3}.login-demo-note{color:#ffffff59;margin:0;font-size:.65rem;line-height:1.3}@media (width<=820px){.login-wrapper-box{grid-template-columns:1fr;max-width:480px}.login-branding-col{display:none}.login-form-col{padding:2.5rem 1.75rem}}@media (width<=480px){.login-root-container{padding:1rem}.login-form-col{padding:2rem 1.25rem}.login-logo-title-large{font-size:1.8rem}}.dashboard-header{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-tech);background:#051428b3;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:1.75rem;padding:1rem 1.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0006,inset 0 1px #00ffc314}.dashboard-header:before{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);opacity:.3;height:1px;position:absolute;bottom:0;left:0;right:0}.dashboard-grid{grid-template-columns:1.4fr 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=1100px){.dashboard-grid{grid-template-columns:1fr}}.metrics-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:1.5rem;display:grid}.metric-card{cursor:pointer;border:1px solid #0000;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s,border-color .3s}.metric-card:hover{border-color:#00ffc340;transform:translateY(-4px);box-shadow:0 12px 30px #0006,0 0 20px #00ffc31a}.metric-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.metric-label{color:var(--text-label);text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:700}.metric-icon-wrapper{width:32px;height:32px;color:var(--primary);background:#00ffc314;border:1px solid #00ffc326;border-radius:8px;justify-content:center;align-items:center;display:flex}.metric-value-container{align-items:baseline;display:flex}.metric-value{letter-spacing:-1px;background:linear-gradient(#fff 0%,#dbeafe 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Orbitron,monospace;font-size:2.2rem;font-weight:900;line-height:1}.metric-unit{color:var(--text-secondary);margin-left:.25rem;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600}.comedero-wrapper{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.comedero-container{background:#020814b3;border:1px solid #00ffc32e;border-radius:20px;gap:12px;width:100%;height:380px;padding:20px;display:flex;position:relative;box-shadow:inset 0 0 50px #000000e6,0 15px 40px #0009}.comedero-container:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#00ffc34d,#0000,#38bdf833);border-radius:21px;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.comedero-section{background:linear-gradient(#050d1ae6 0%,#0a192f99 50%,#050d1ae6 100%);border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;flex:1;justify-content:space-between;align-items:center;padding:12px 6px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 25px #000000e6,inset 0 0 1px #ffffff1a}.comedero-section:before{content:"";z-index:1;pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:100% 8%,20px 100%;position:absolute;inset:0}.section-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.5px;z-index:5;white-space:nowrap;background:#050d1ad9;border:1px solid #ffffff14;border-radius:6px;padding:3px 8px;font-size:.65rem;font-weight:800;box-shadow:0 4px 10px #00000080}.section-fill{z-index:2;background-image:linear-gradient(90deg,#0006 0%,#ffffff14 30%,#ffffff0d 50%,#0006 100%);border-radius:0 0 11px 11px;width:100%;transition:height 4.5s cubic-bezier(.25,1,.5,1),background-color .8s;position:absolute;bottom:0;left:0}.section-fill:before{content:"";height:3px;box-shadow:0 0 10px var(--primary), 0 0 20px var(--primary), 0 -2px 8px #ffffff4d;background:#ffffffb3;border-radius:3px 3px 0 0;animation:3s ease-in-out infinite liquidShimmer;position:absolute;top:0;left:0;right:0}@keyframes liquidShimmer{0%,to{opacity:.7;transform:scaleX(1)}50%{opacity:1;transform:scaleX(.97)}}.section-label{z-index:5;white-space:nowrap;background:#020814e6;border:1px solid #ffffff1a;border-radius:10px;padding:4px 10px;font-family:Orbitron,sans-serif;font-size:1.3rem;font-weight:900;box-shadow:0 8px 20px #0009}.section-label-pct{color:var(--text-secondary);margin-left:1px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600}.status-badge{border:1px solid var(--border-tech);text-transform:uppercase;letter-spacing:1px;background:#050d1ab3;border-radius:30px;align-items:center;gap:8px;padding:6px 14px;font-size:.75rem;font-weight:700;display:flex}.status-dot{border-radius:50%;width:9px;height:9px}.status-dot.connected{background:var(--feed-high);box-shadow:0 0 10px var(--feed-high);animation:2s infinite pulseGreen}.status-dot.disconnected{background:var(--feed-low);box-shadow:0 0 10px var(--feed-low);animation:2s infinite pulseRed}@keyframes pulseGreen{0%{box-shadow:0 0 #00ffc3b3}70%{box-shadow:0 0 0 8px #00ffc300}to{box-shadow:0 0 #00ffc300}}@keyframes pulseRed{0%{box-shadow:0 0 #ff4d6db3}70%{box-shadow:0 0 0 8px #ff4d6d00}to{box-shadow:0 0 #ff4d6d00}}.details-header{color:var(--primary);text-transform:uppercase;letter-spacing:2px;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.85rem;font-weight:700;display:flex}.details-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:.6rem 0;display:flex}.details-row:last-child{border-bottom:none}.details-key{color:var(--text-secondary);font-size:.85rem}.details-val{color:var(--text-primary);text-align:right;font-size:.85rem;font-weight:600}.nav-tabs{gap:.75rem;display:flex}.nav-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;transition:all .25s;display:flex}.nav-tab-btn:hover{color:var(--primary);background:#00ffc30a}.nav-tab-btn.active{color:var(--primary);border-color:var(--border-tech);background:#00ffc314;box-shadow:inset 0 1px #00ffc31a}.alert-container{margin-bottom:1.25rem}.app-alert{border-radius:12px;align-items:center;gap:.75rem;padding:.85rem 1.25rem;font-size:.9rem;font-weight:600;display:flex}.app-alert.critical{color:#fecdd3;background:#ff4d6d1f;border:1px solid #ff4d6d66;animation:2.5s ease-in-out infinite alertPulse}.app-alert.warning{color:#fde68a;background:#fbbf241f;border:1px solid #fbbf2459}.app-alert.info{color:#bae6fd;background:#38bdf81a;border:1px solid #38bdf84d}@keyframes alertPulse{0%,to{box-shadow:0 0 #ff4d6d1a}50%{box-shadow:0 0 15px 2px #ff4d6d33}}.mobile-nav{display:none}@media (width<=900px){#root{padding:1rem 1rem 5.5rem}.dashboard-header{border-radius:14px;flex-direction:column;align-items:stretch;gap:.75rem;padding:.85rem}.mobile-nav-hide{display:none!important}.mobile-nav{z-index:1000;-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-tech);padding:.6rem .5rem calc(.6rem + env(safe-area-inset-bottom));background:#050d1af2;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 30px #0009}.mobile-nav-btn{color:var(--text-secondary);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;flex-direction:column;align-items:center;gap:.25rem;min-width:60px;padding:.4rem;font-family:Inter,sans-serif;font-size:.6rem;font-weight:700;transition:all .2s;display:flex}.mobile-nav-btn:active{transform:scale(.95)}.mobile-nav-btn.active{color:var(--primary)}.mobile-nav-btn.active svg{filter:drop-shadow(0 0 5px #00ffc399)}.mobile-nav-btn.danger{color:#ff4d6d}.comedero-container{border-radius:14px;gap:8px;height:280px;padding:12px}.section-label{border-radius:6px;padding:3px 8px;font-size:1rem}.section-header{letter-spacing:.5px;padding:2px 5px;font-size:.55rem}}.recharts-text,.recharts-cartesian-axis-tick-value{fill:var(--text-secondary)!important}.recharts-legend-item-text{color:var(--text-primary)!important}.recharts-default-tooltip{border:1px solid var(--border-tech)!important;background-color:#050d1af2!important;border-radius:8px!important}.eating-shimmer{box-shadow:0 0 20px #a78bfa66;background-image:repeating-linear-gradient(45deg,#a78bfacc,#a78bfacc 10px,#a78bfa80 10px 20px)!important;animation:2s ease-in-out infinite liquidShimmer,1.5s ease-in-out infinite alternate pulseEating!important}@keyframes pulseEating{0%{opacity:.85;box-shadow:0 0 10px #a78bfa4d}to{opacity:1;box-shadow:0 0 25px #a78bfab3}}@keyframes pulsePurple{0%{opacity:.85;box-shadow:0 0 4px #a78bfa66}to{opacity:1;box-shadow:0 0 14px #a78bfacc}}.eating-badge{z-index:10;border:1px solid var(--accent-purple);color:var(--accent-purple);white-space:nowrap;opacity:0;pointer-events:none;background:#050d1af2;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:4px 8px;font-size:.62rem;font-weight:900;transition:opacity 1s cubic-bezier(.4,0,.2,1),transform 1s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:45px;left:50%;transform:translate(-50%)scale(.85);box-shadow:0 0 10px #a78bfa66}.eating-badge.active{opacity:1;pointer-events:auto;animation:1.5s infinite alternate pulsePurple;transform:translate(-50%)scale(1)}.comedero-section.eating-active{animation:2s ease-in-out infinite alternate pulseEatingBackground;background:radial-gradient(circle,#a78bfa26 0%,#050d1af2 100%)!important;border-color:#a78bfa80!important;box-shadow:0 0 25px #a78bfa33,inset 0 0 15px #a78bfa26!important}@keyframes pulseEatingBackground{0%{border-color:#a78bfa59;box-shadow:0 0 15px #a78bfa26,inset 0 0 10px #a78bfa1a}to{border-color:#a78bfaa6;box-shadow:0 0 30px #a78bfa59,inset 0 0 20px #a78bfa40}}.eating-cow-avatar{z-index:5;pointer-events:none;filter:drop-shadow(0 0 8px #a78bfa99);opacity:0;justify-content:center;align-items:center;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)scale(.7)}.eating-cow-avatar.active{opacity:.95;animation:1s ease-in-out infinite chewCow;transform:translate(-50%,-50%)scale(1)}@keyframes chewCow{0%,to{transform:translate(-50%,-50%)scale(1)rotate(0)}25%{transform:translate(-51%,-49%)scale(1.08)rotate(-4deg)}50%{transform:translate(-49%,-51%)scale(1.08)rotate(4deg)}75%{transform:translate(-50%,-50%)scale(1.08)rotate(-2deg)}}.chewing-feed{transform-origin:0;font-size:1.25rem;animation:1s linear infinite chewFeed;position:absolute;bottom:-4px;right:-8px}@keyframes chewFeed{0%,to{transform:rotate(15deg)scale(1)}50%{transform:rotate(-15deg)scale(.9)translate(-2px,1px)}}.tab-content-enter{animation:.45s cubic-bezier(.25,1,.5,1) forwards tabFadeIn}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.idle-cow-animation{color:#0000;text-shadow:0 0 #ffffff0f;z-index:1;pointer-events:none;filter:blur(.3px);font-size:2.2rem;animation:240s linear infinite walkCow;position:absolute;top:-5px;left:-10%}@keyframes walkCow{0%{left:-10%;transform:scaleX(1)}49%{left:110%;transform:scaleX(1)}50%{left:110%;transform:scaleX(-1)}99%{left:-10%;transform:scaleX(-1)}to{left:-10%;transform:scaleX(1)}}.landing-root{color:#f0f9ff;background-color:#030811;min-height:100vh;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.landing-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.landing-nav{z-index:100;border-bottom:1px solid #0000;padding:1rem 0;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,border-color .3s;position:fixed;top:0;left:0;right:0}.landing-nav.scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030811eb;border-color:#00ffc314}.landing-nav-inner{justify-content:space-between;align-items:center;gap:1.5rem;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex}.landing-brand{align-items:center;gap:.65rem;display:flex}.landing-brand-name{color:#fff;letter-spacing:.5px;font-family:Orbitron,sans-serif;font-size:1.2rem;font-weight:900}.landing-brand-name span{color:#00ffc3}.landing-brand-sub{color:#ffffff59;letter-spacing:.5px;margin-left:.25rem;font-size:.7rem}.landing-nav-links{align-items:center;gap:2rem;display:flex}.landing-nav-links a{color:#f0f9ffa6;font-size:.88rem;font-weight:500;text-decoration:none;transition:color .2s}.landing-nav-links a:hover{color:#00ffc3}.landing-cta-btn{color:#030811;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#00c896,#00ffc3);border:none;border-radius:8px;padding:.55rem 1.3rem;font-size:.875rem;font-weight:700;transition:transform .2s,box-shadow .2s}.landing-cta-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px #00ffc359}.glass-panel-landing{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a192fb3;border:1px solid #00ffc31f;border-radius:16px}.landing-gradient-text{background:linear-gradient(90deg,#00f5a0,#22c55e,#00ffc3,#22c55e) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:4s linear infinite gradShift}@keyframes gradShift{to{background-position:200%}}.landing-badge{color:#00ffc3;letter-spacing:.3px;border:1px solid #00ffc333;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.35rem 1rem;font-size:.78rem;font-weight:600;display:inline-flex}.landing-badge-dot{background:#00ffc3;border-radius:50%;width:7px;height:7px;animation:2s infinite pulse-badge}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.landing-hero{align-items:center;min-height:100vh;padding:6rem 0 4rem;display:flex;position:relative}.landing-hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.landing-h1{color:#f0f9ff;margin-bottom:1.25rem;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:900;line-height:1.15}.landing-hero-sub{color:#f0f9ff99;max-width:520px;margin-bottom:2rem;font-size:1rem;line-height:1.75}.landing-hero-actions{flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem;display:flex}.landing-btn-primary{color:#030811;cursor:pointer;background:linear-gradient(135deg,#00c896,#00ffc3);border:none;border-radius:10px;padding:.8rem 1.75rem;font-size:.95rem;font-weight:700;transition:transform .2s,box-shadow .2s}.landing-btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00ffc366}.landing-btn-outline{color:#f0f9ffcc;cursor:pointer;background:0 0;border:1px solid #00ffc340;border-radius:10px;align-items:center;padding:.8rem 1.75rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.landing-btn-outline:hover{color:#00ffc3;background:#00ffc30d;border-color:#00ffc380}.landing-hero-stats{align-items:center;gap:1.5rem;display:flex}.lhs-item{flex-direction:column;gap:.2rem;display:flex}.lhs-num{color:#00ffc3;font-family:Orbitron,sans-serif;font-size:1.75rem;font-weight:900}.lhs-label{color:#f0f9ff73;text-transform:uppercase;letter-spacing:.5px;font-size:.72rem}.lhs-sep{background:#00ffc326;width:1px;height:40px}.landing-hero-visual{position:relative}.lhv-glow{pointer-events:none;background:radial-gradient(circle,#00ffc314 0%,#0000 70%);position:absolute;inset:-60px}.lhv-card{z-index:1;padding:1.5rem;position:relative}.lhv-header{border-bottom:1px solid #00ffc31a;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.lhv-dot{border-radius:50%;width:10px;height:10px}.lhv-dot.green{background:#00ffc3}.lhv-dot.yellow{background:#fbbf24}.lhv-dot.red{background:#ff4d6d}.lhv-label{color:#f0f9ff80;font-size:.78rem;font-weight:600}.lhv-live{color:#00ffc3;font-size:.72rem;font-weight:700;animation:2s infinite pulse-badge}.lhv-sectors{align-items:flex-end;gap:.6rem;height:120px;margin-bottom:1rem;display:flex}.lhv-sector{flex-direction:column;flex:1;align-items:center;gap:.2rem;height:100%;display:flex}.lhv-bar-wrap{background:#ffffff0d;border-radius:6px 6px 0 0;flex:1;align-items:flex-end;width:100%;display:flex;overflow:hidden}.lhv-bar{border-radius:6px 6px 0 0;width:100%;transition:height 1s}.lhv-val{color:#f0f9ffb3;font-size:.65rem;font-weight:700}.lhv-sec{color:#f0f9ff4d;text-transform:uppercase;font-size:.58rem}.lhv-footer{border-top:1px solid #00ffc31a;justify-content:space-between;padding-top:.75rem;display:flex}.lhv-metric{text-align:center;flex-direction:column;gap:.15rem;display:flex}.lhv-metric-val{color:#f0f9ffcc;font-size:.85rem;font-weight:700}.lhv-metric-label{color:#f0f9ff59;font-size:.62rem}.lhv-badge-1,.lhv-badge-2{color:#00ffc3;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;background:#001428e6;border:1px solid #00ffc333;border-radius:20px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.75rem;font-weight:600;display:flex;position:absolute}.lhv-badge-1{top:-18px;right:20px}.lhv-badge-2{bottom:-18px;left:20px}.lhv-floating{animation:3s ease-in-out infinite floatBadge}.lhv-floating2{animation:3s ease-in-out 1.5s infinite floatBadge}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.landing-scroll-indicator{opacity:.4;flex-direction:column;align-items:center;gap:.25rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.lsi-dot{background:#00ffc3;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite scrollBounce}.lsi-line{background:linear-gradient(#00ffc3,#0000);width:1px;height:40px}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.landing-section{padding:6rem 0;position:relative}.landing-section-header{text-align:center;margin-bottom:3.5rem}.landing-h2{color:#f0f9ff;margin-bottom:.75rem;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(1.6rem,3vw,2.5rem);font-weight:800;line-height:1.2}.landing-section-sub{color:#f0f9ff80;max-width:520px;margin:0 auto;font-size:1rem;line-height:1.7}.landing-features-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.landing-feature-card{background:#0a192f99;border:1px solid #00ffc314;border-radius:16px;padding:1.75rem;transition:transform .25s,border-color .25s,box-shadow .25s;animation:.5s both fadeInUp}.landing-feature-card:hover{border-color:rgba(var(--card-color,0,255,195), .25);transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lfc-icon{margin-bottom:1rem}.lfc-title{color:#f0f9ff;margin-bottom:.5rem;font-size:1rem;font-weight:700}.lfc-desc{color:#f0f9ff80;font-size:.875rem;line-height:1.7}.landing-stats-section{background:#00ffc306;border-top:1px solid #00ffc312;border-bottom:1px solid #00ffc312;padding:4rem 0}.landing-stats-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.landing-stat-card{text-align:center;flex-direction:column;gap:.5rem;padding:2rem 1.5rem;display:flex}.lsc-num{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:900;line-height:1}.lsc-num span{font-size:1.1rem}.lsc-label{color:#f0f9ff73;text-transform:uppercase;letter-spacing:.5px;font-size:.82rem}.landing-steps{align-items:center;gap:0;max-width:900px;margin:0 auto;display:flex}.landing-step{background:#0a192f99;border:1px solid #00ffc31a;border-radius:16px;flex:1;align-items:flex-start;gap:1rem;padding:1.75rem;display:flex}.landing-steps-connector{background:linear-gradient(90deg,#00ffc34d,#00ffc31a);flex-shrink:0;width:40px;height:2px}.lstep-num{color:#00ffc3;opacity:.8;min-width:48px;font-family:Orbitron,sans-serif;font-size:1.75rem;font-weight:900;line-height:1}.lstep-title{color:#f0f9ff;margin-bottom:.4rem;font-size:.95rem;font-weight:700}.lstep-desc{color:#f0f9ff80;font-size:.83rem;line-height:1.65}.landing-cta-section{padding:5rem 0}.landing-cta-card{text-align:center;padding:4rem 2rem;position:relative;overflow:hidden}.lcc-glow{pointer-events:none;background:radial-gradient(circle at 50% 0,#00ffc312 0%,#0000 60%);position:absolute;inset:0}.landing-footer{background:#0006;border-top:1px solid #00ffc312;padding:3rem 0 1.5rem}.landing-footer-inner{grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:2rem;display:grid}.landing-footer-links{flex-direction:column;gap:.6rem;display:flex}.lfl-title{text-transform:uppercase;letter-spacing:1px;color:#f0f9ff59;margin-bottom:.25rem;font-size:.78rem;font-weight:700}.landing-footer-links a{color:#f0f9ff80;font-size:.85rem;text-decoration:none;transition:color .2s}.landing-footer-links a:hover{color:#00ffc3}.landing-footer-bottom{color:#f0f9ff40;border-top:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.25rem;font-size:.8rem;display:flex}.landing-grid-2col{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.landing-showcase-grid{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a192f59;border-radius:24px;grid-template-columns:1.2fr 1fr;align-items:center;gap:3rem;padding:2.5rem;display:grid}.landing-hero-kpis-grid{border-top:1px solid #ffffff0f;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding-top:2rem;display:grid}.landing-section-visual{z-index:5;position:relative}.landing-section-visual img{border-radius:20px;width:100%;height:auto;transition:transform .3s;display:block;box-shadow:0 20px 45px #00000080}.landing-section-visual img:hover{transform:scale(1.015)}.landing-card-hover{transition:transform .25s,border-color .25s,box-shadow .25s}.landing-card-hover:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d;border-color:#a78bfa4d!important}@media (width<=1024px){.landing-grid-2col{gap:2.5rem}.landing-showcase-grid{gap:2rem;padding:2rem}}@media (width<=768px){.landing-grid-2col{text-align:center;grid-template-columns:1fr;gap:2.5rem}.landing-grid-2col .landing-hero-actions{justify-content:center}.landing-grid-2col ul{text-align:left;max-width:480px;margin:0 auto 2rem}.landing-showcase-grid{grid-template-columns:1fr;gap:2rem;padding:1.5rem}.landing-hero-kpis-grid{text-align:center;grid-template-columns:1fr;gap:1.25rem}.landing-section-visual{width:100%;max-width:500px;margin:0 auto}}.ov-root{background:var(--bg-color);flex-direction:column;min-height:100vh;display:flex}.ov-header{z-index:50;border-bottom:1px solid var(--border-tech);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030811f7;padding:.65rem 1.5rem;position:sticky;top:0}.ov-header__inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1700px;margin:0 auto;display:flex}.ov-header__brand{flex-shrink:0;align-items:center;gap:.65rem;display:flex}.ov-brand-name{color:var(--primary);font-family:Orbitron,sans-serif;font-size:1rem;font-weight:900;line-height:1.2}.ov-brand-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-size:.62rem}.ov-header__center{color:var(--text-secondary);align-items:center;gap:.45rem;font-size:.85rem;font-weight:600;display:flex}.ov-header__actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.ov-user-chip{background:var(--surface-light);border:1px solid var(--border-tech);color:var(--text-primary);border-radius:8px;align-items:center;gap:.45rem;padding:.3rem .7rem;font-size:.78rem;font-weight:700;display:flex}.ov-user-role{background:var(--primary-glow);color:var(--primary);text-transform:uppercase;border-radius:3px;padding:1px 5px;font-size:.6rem;font-weight:800}.ov-health{border-bottom:1px solid var(--border-tech);background:#00000040;padding:.6rem 1.5rem}.ov-health__inner{align-items:center;gap:.85rem;max-width:1700px;margin:0 auto;display:flex}.ov-health__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0;font-size:.72rem}.ov-health__bar-wrap{background:#ffffff0d;border-radius:10px;flex:1;height:8px;display:flex;overflow:hidden}.ov-health__seg{height:100%;transition:width .6s}.ov-health__pct{white-space:nowrap;flex-shrink:0;font-size:.78rem;font-weight:700}.ov-strip{border-bottom:1px solid var(--border-tech);background:#00ffc306;align-items:center;padding:.55rem 1.5rem;display:flex}.ov-strip__item{text-align:center;flex-direction:column;flex:1;align-items:center;gap:.15rem;padding:.2rem .5rem;display:flex}.ov-strip__val{font-family:Orbitron,sans-serif;font-size:1.4rem;font-weight:900;line-height:1}.ov-strip__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;justify-content:center;align-items:center;gap:.25rem;margin-top:.15rem;font-size:.66rem;display:flex}.ov-strip__div{background:var(--border-tech);flex-shrink:0;width:1px;height:32px}.ov-controls{background:#0000001a;border-bottom:1px solid #00ffc30d;flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}.ov-filters{flex-wrap:wrap;gap:.5rem;display:flex}.ov-filter{border:1px solid var(--border-tech);color:var(--text-secondary);cursor:pointer;background:#0a192fb3;border-radius:7px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.ov-filter:hover{border-color:var(--fc,#00ffc3);color:var(--fc,#00ffc3);background:#0000004d}.ov-filter--active{box-shadow:0 0 0 1px var(--fc,#00ffc3) inset;border-color:var(--fc,#00ffc3)!important;color:var(--fc,#00ffc3)!important;background:#00000059!important}.ov-filter__count{background:#ffffff14;border-radius:10px;padding:1px 7px;font-size:.7rem}.ov-controls__right{flex-wrap:wrap;align-items:center;gap:.75rem;margin-left:auto;display:flex}.ov-sort-wrap{align-items:center;gap:.4rem;display:flex}.ov-sort-select{border:1px solid var(--border-tech);color:var(--text-secondary);cursor:pointer;background:#0a192fcc;border-radius:7px;outline:none;padding:.35rem .65rem;font-size:.78rem;transition:border-color .2s}.ov-sort-select:hover,.ov-sort-select:focus{border-color:var(--primary);color:var(--text-primary)}.ov-search-wrap{position:relative}.ov-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.ov-search{border:1px solid var(--border-tech);color:var(--text-primary);background:#0a192fcc;border-radius:7px;outline:none;width:200px;padding:.38rem 2rem;font-size:.8rem;transition:border-color .2s,width .2s}.ov-search:focus{border-color:var(--primary);width:240px}.ov-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.15rem;font-size:.75rem;line-height:1;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.ov-count-bar{color:var(--text-muted);background:#00ffc304;border-bottom:1px solid #00ffc30a;align-items:center;gap:.4rem;padding:.4rem 1.5rem;font-size:.73rem;display:flex}.ov-count-bar strong{color:var(--primary)}.ov-grid-area{flex:1;padding:1.25rem 1.5rem 2rem}.ov-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1rem;display:grid}.ov-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:5rem 2rem;display:flex}.ov-card{cursor:pointer;text-align:left;background:#081428bf;border:1px solid #00ffc314;border-radius:14px;flex-direction:column;gap:.6rem;width:100%;padding:1rem 1rem .85rem;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;display:flex;position:relative;overflow:hidden}.ov-card:before{content:"";opacity:0;background:#00ffc34d;border-radius:14px 0 0 14px;width:3px;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0}.ov-card:hover{background:#0a1c37e6;border-color:#00ffc338;transform:translateY(-3px);box-shadow:0 8px 28px #0006}.ov-card:hover:before{opacity:1}.ov-card--alert{animation:2.8s ease-in-out infinite ovAlertPulse;background:#1e050cc7!important;border-color:#ff4d6d38!important}.ov-card--alert:before{opacity:.7;background:#ff4d6d}.ov-card--warn{background:#161004c7!important;border-color:#fbbf242e!important}.ov-card--warn:before{opacity:.5;background:#fbbf24}@keyframes ovAlertPulse{0%,to{box-shadow:0 0 #ff4d6d00}50%{box-shadow:0 0 0 4px #ff4d6d1a}}.ov-card__top{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.5rem;padding-right:78px;display:flex}.ov-card__num{color:var(--text-muted);letter-spacing:.5px;font-family:Orbitron,sans-serif;font-size:.72rem;font-weight:700}.ov-card__badge{text-transform:uppercase;letter-spacing:.3px;border-radius:5px;align-items:center;gap:.25rem;padding:2px 7px;font-size:.65rem;font-weight:700;display:inline-flex}.ov-card__level{letter-spacing:-1px;font-family:Orbitron,sans-serif;font-size:2rem;font-weight:900;line-height:1}.ov-card__pct{opacity:.7;letter-spacing:0;font-size:1rem;font-weight:700}.ov-card__bar-wrap{background:#ffffff0d;border-radius:10px;height:6px;overflow:hidden}.ov-card__bar{border-radius:10px;min-width:3px;height:100%;transition:width .5s}.ov-card__sectors{background:#00000040;border-radius:7px;align-items:flex-end;gap:3px;height:36px;padding:5px 6px 4px;display:flex}.ov-card__sec-col{background:#ffffff0a;border-radius:3px 3px 0 0;flex:1;align-items:flex-end;height:100%;display:flex;overflow:hidden}.ov-card__sec-fill{border-radius:3px 3px 0 0;width:100%;min-height:2px;transition:height .4s}.ov-card__footer{border-top:1px solid #ffffff0a;flex-wrap:nowrap;align-items:center;gap:.4rem;margin-top:.1rem;padding-top:.55rem;display:flex}.ov-card__info{color:var(--text-secondary);white-space:nowrap;font-size:.72rem;font-weight:600}.ov-card__live-wrap{align-items:center;gap:.3rem;display:flex}.ov-card__time{color:var(--text-muted);font-size:.63rem}.ov-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.ov-dot--live{background:var(--primary);box-shadow:0 0 5px var(--primary);animation:2s ease-in-out infinite pulse-badge}@media (width<=1200px){.ov-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:.85rem}}@media (width<=1024px){.landing-features-grid,.landing-stats-grid{grid-template-columns:repeat(2,1fr)}.landing-footer-inner{grid-template-columns:1fr 1fr}.landing-steps{flex-direction:column}.landing-steps-connector{background:linear-gradient(#00ffc34d,#00ffc31a);width:2px;height:24px}.ov-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}.ov-strip__val{font-size:1.15rem}}@media (width<=768px){.landing-hero-inner{grid-template-columns:1fr}.landing-hero-visual,.landing-nav-links{display:none}.landing-features-grid{grid-template-columns:1fr}.landing-stats-grid{grid-template-columns:repeat(2,1fr)}.landing-footer-inner{grid-template-columns:1fr}.ov-header__center{display:none}.ov-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.ov-controls{gap:.5rem}.ov-controls__right,.ov-search,.ov-search:focus{width:100%}.ov-card__level{font-size:1.6rem}}@media (width<=480px){.landing-hero-stats{gap:.75rem}.lhs-sep{height:28px}.landing-stats-grid{grid-template-columns:1fr 1fr}.ov-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.6rem}.ov-card{padding:.85rem .75rem .7rem}.ov-card__level{font-size:1.45rem}.ov-card__sectors{height:28px}.ov-strip__val{font-size:1rem}.ov-strip__label{font-size:.58rem}}.ov-main-centered{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.75rem;padding:2.5rem 1.5rem 3rem;display:flex}.ov-subtitle-block{color:var(--text-secondary);text-align:center;align-items:center;gap:.6rem;max-width:520px;font-size:.9rem;display:flex}.ov-two-grid{grid-template-columns:1fr 1fr;gap:1.5rem;width:100%;max-width:820px;display:grid}@media (width<=680px){.ov-two-grid{grid-template-columns:1fr}}.ov-hint{color:var(--text-muted);text-align:center;border:1px solid var(--border-tech);background:#0003;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;max-width:820px;padding:.75rem 1rem;font-size:.75rem;line-height:1.6;display:flex}.ov-card--large{gap:.75rem;min-height:320px;padding:1.4rem 1.4rem 1.2rem}.ov-card--demo{border-color:#a78bfa26!important}.ov-card--demo:before{background:#a78bfa!important}.ov-card__ribbon{color:#a78bfa;letter-spacing:.5px;text-transform:uppercase;background:#a78bfa26;border:1px solid #a78bfa4d;border-right:none;border-radius:6px 0 0 6px;align-items:center;gap:.3rem;padding:3px 10px 3px 8px;font-size:.62rem;font-weight:800;display:flex;position:absolute;top:12px;right:-1px}.ov-card__ribbon--live{color:#00ffc3;background:#00ffc31a;border-color:#00ffc340}.ov-card__sec-col{flex-direction:column;justify-content:flex-end;position:relative}.ov-sec-label{color:var(--text-muted);text-transform:uppercase;white-space:nowrap;font-size:.55rem;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.ov-card__sectors{margin-bottom:.25rem;padding-bottom:16px!important}.ov-card__sec-pcts{gap:3px;display:flex}.ov-card__info-row{border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;gap:1rem;padding:.65rem 0;display:flex}.ov-card__info-item{flex-direction:column;flex:1;align-items:center;gap:.15rem;display:flex}.ov-info-val{align-items:center;gap:.3rem;font-size:1rem;font-weight:700;display:flex}.ov-info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:.62rem}@media (width<=640px){.ov-two-grid{grid-template-columns:1fr;max-width:420px}.ov-card--large{min-height:auto}.ov-hint{font-size:.7rem}}.ov-card__level-label{color:#ffffff4d;letter-spacing:.3px;margin-top:-.3rem;font-size:.7rem}.ov-card__cta{color:var(--primary);opacity:.8;align-items:center;gap:.3rem;margin-left:auto;font-size:.75rem;font-weight:700;transition:opacity .2s;display:flex}.ov-card:hover .ov-card__cta{opacity:1}.ov-mqtt-indicator{background:#0003;border:1px solid #ffffff0f;border-radius:20px;align-items:center;gap:.3rem;margin-left:.75rem;padding:.2rem .6rem;font-size:.72rem;font-weight:600;display:flex}.cyber-loading-root{color:#fff;z-index:1000;background:radial-gradient(circle,#020b18 0%,#000408 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2rem;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.cyber-glow-orb-top{pointer-events:none;background:radial-gradient(circle,#00ffc312 0%,#0000 70%);width:500px;height:500px;position:absolute;top:-10%;left:20%}.cyber-glow-orb-bottom{pointer-events:none;background:radial-gradient(circle,#38bdf812 0%,#0000 70%);width:600px;height:600px;position:absolute;bottom:-15%;right:15%}.cyber-scanner-laser{opacity:.65;pointer-events:none;z-index:5;background:linear-gradient(90deg,#0000,#00ffc3,#38bdf8,#00ffc3,#0000);width:100%;height:3px;animation:4.5s linear infinite laserScan;position:absolute;top:0;left:0;box-shadow:0 0 12px #00ffc3,0 0 4px #38bdf8}@keyframes laserScan{0%{top:-2%}to{top:102%}}.cyber-loading-container{z-index:10;text-align:center;flex-direction:column;align-items:center;gap:2.2rem;width:100%;max-width:680px;display:flex}.cyber-loading-header{flex-direction:column;align-items:center;gap:.75rem;display:flex}.cyber-badge-ai{color:#00ffc3;letter-spacing:1px;background:#00ffc30d;border:1px solid #00ffc340;border-radius:50px;align-items:center;gap:.5rem;padding:.4rem 1.2rem;font-size:.78rem;font-weight:800;display:inline-flex;box-shadow:0 0 15px #00ffc30f}.cyber-icon-spin{animation:5s linear infinite spin}.cyber-loading-title{letter-spacing:1.5px;color:#fff;text-shadow:0 0 20px #ffffff1a;margin:0;font-family:Orbitron,sans-serif;font-size:2.3rem;font-weight:900}.cyber-loading-phrase{color:#38bdf8;letter-spacing:.5px;margin:0;font-size:1.25rem;font-weight:700}.cyber-loading-sub{color:#f0f9ff8c;max-width:520px;margin:.25rem 0 0;font-size:.92rem;line-height:1.6}.cyber-biometric-radar{background:#050f1e73;border:1px dashed #00ffc333;border-radius:50%;justify-content:center;align-items:center;width:170px;height:170px;display:flex;position:relative;box-shadow:inset 0 0 30px #00ffc30a}.radar-circle{pointer-events:none;border:1px solid #38bdf81f;border-radius:50%;position:absolute}.radar-circle.circle-1{width:75%;height:75%}.radar-circle.circle-2{width:50%;height:50%}.radar-sweep{pointer-events:none;background:conic-gradient(#00ffc31f 0deg,#0000 90deg 360deg);border-radius:50%;animation:3.5s linear infinite spin;position:absolute;inset:0}.radar-grid-lines:before,.radar-grid-lines:after{content:"";pointer-events:none;background:#ffffff0a;position:absolute}.radar-grid-lines:before{width:100%;height:1px;top:50%;left:0}.radar-grid-lines:after{width:1px;height:100%;top:0;left:50%}.radar-core{z-index:5;justify-content:center;align-items:center;display:flex}.radar-percent{color:#00ffc3;letter-spacing:.5px;background:#001224;border:1px solid #00ffc340;border-radius:50px;padding:2px 10px;font-family:Orbitron,sans-serif;font-size:.78rem;font-weight:800;position:absolute;bottom:-10px;box-shadow:0 4px 10px #00000080}.cyber-progress-outer{background:#ffffff0d;border:1px solid #ffffff0f;border-radius:20px;width:100%;max-width:460px;height:6px;overflow:hidden}.cyber-progress-inner{background:linear-gradient(90deg,#38bdf8,#00ffc3);border-radius:20px;width:0%;height:100%;transition:width .1s linear;box-shadow:0 0 10px #00ffc3b3}.cyber-terminal-logs{text-align:left;background:#01060ed9;border:1px solid #38bdf826;border-radius:12px;width:100%;max-width:480px;font-family:Courier New,Courier,monospace;overflow:hidden;box-shadow:0 10px 30px #0009}.cyber-terminal-logs .terminal-top{color:#f0f9ff80;background:#050f1ecc;border-bottom:1px solid #38bdf826;align-items:center;gap:.5rem;padding:.45rem 1rem;font-size:.72rem;font-weight:700;display:flex}.cyber-terminal-logs .terminal-body{scroll-behavior:smooth;flex-direction:column;gap:.45rem;height:140px;padding:1.1rem;font-size:.78rem;display:flex;overflow-y:auto}.cyber-terminal-logs .terminal-body::-webkit-scrollbar{width:4px}.cyber-terminal-logs .terminal-body::-webkit-scrollbar-thumb{background:#38bdf840;border-radius:10px}.terminal-line{align-items:center;gap:.5rem;display:flex}.terminal-line.completed{color:#ffffff73}.terminal-line.completed .icon-check{color:#00ffc3;flex-shrink:0}.terminal-line.active{color:#00ffc3;text-shadow:0 0 5px #00ffc366;font-weight:700}.terminal-cursor{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.cyber-welcome-overlay{z-index:10000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000206e6;justify-content:center;align-items:center;animation:.5s ease-out loginFloatIn;display:flex;position:fixed;inset:0}.cyber-welcome-card{text-align:center;background:#020914;width:90%;max-width:480px;padding:3rem 2.2rem}.cyber-welcome-loader{background:#00ffc30d;border-radius:10px;width:100%;height:3px;margin-top:2rem;position:relative;overflow:hidden}.cyber-welcome-loader:before{content:"";background:linear-gradient(90deg,#0000,#00ffc3,#0000);width:40%;height:100%;animation:1.6s ease-in-out infinite welcomeLoader;position:absolute;top:0;left:-50%}@keyframes welcomeLoader{0%{left:-50%}to{left:150%}}


/* ==========================================================================
   PERFECCIONAMIENTO DE BARRA DE NAVEGACIÓN - GANADERIA OPTIMET
   ========================================================================== */

.landing-nav, header.landing-nav, .navbar {
    background: rgba(3, 8, 17, 0.88) !important;
    backdrop-filter: blur(24px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
    border-bottom: 1px solid rgba(0, 255, 195, 0.25) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6), 0 0 20px rgba(0, 255, 195, 0.08) !important;
    padding: 0.75rem 0 !important;
    z-index: 9999 !important;
}

.landing-nav-inner {
    max-width: 1360px !important;
    margin: 0 auto !important;
    padding: 0 2rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 2rem !important;
}

.landing-brand {
    display: flex !important;
    align-items: center !important;
    gap: 0.85rem !important;
    text-decoration: none !important;
}

.landing-brand img {
    height: 38px !important;
    width: auto !important;
    filter: drop-shadow(0 0 8px rgba(0, 255, 195, 0.4)) !important;
}

.landing-brand-name {
    font-family: 'Orbitron', sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 900 !important;
    letter-spacing: 0.5px !important;
    background: linear-gradient(135deg, #ffffff 0%, #00ffc3 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.landing-brand-sub {
    color: #00ffc3 !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    opacity: 0.9 !important;
}

.landing-nav-links {
    display: flex !important;
    align-items: center !important;
    gap: 1.2rem !important;
    flex-wrap: nowrap !important;
}

.landing-nav-links a {
    color: #94c5e0 !important;
    font-family: 'Space Grotesk', 'Inter', sans-serif !important;
    font-size: 0.92rem !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    padding: 8px 16px !important;
    border-radius: 12px !important;
    border: 1px solid transparent !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.landing-nav-links a:hover {
    color: #00ffc3 !important;
    background: rgba(0, 255, 195, 0.08) !important;
    border-color: rgba(0, 255, 195, 0.3) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(0, 255, 195, 0.15) !important;
    text-shadow: 0 0 10px rgba(0, 255, 195, 0.5) !important;
}

.landing-cta-btn, button.landing-cta-btn {
    background: linear-gradient(135deg, #00ffc3 0%, #00c896 50%, #38bdf8 100%) !important;
    color: #030811 !important;
    font-family: 'Space Grotesk', sans-serif !important;
    font-size: 0.9rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.5px !important;
    padding: 10px 24px !important;
    border-radius: 50px !important;
    border: none !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    box-shadow: 0 0 20px rgba(0, 255, 195, 0.35), 0 4px 15px rgba(0, 0, 0, 0.4) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.landing-cta-btn:hover, button.landing-cta-btn:hover {
    transform: translateY(-2px) scale(1.03) !important;
    box-shadow: 0 0 30px rgba(0, 255, 195, 0.65), 0 8px 25px rgba(0, 0, 0, 0.6) !important;
    background: linear-gradient(135deg, #ffffff 0%, #00ffc3 100%) !important;
}


/* ==========================================================================
   CORRECCIÓN DE AMONTONAMIENTO EN HEADER Y NAV-TABS DE REACT
   ========================================================================== */
.dashboard-header, div.dashboard-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 0.75rem !important;
    padding: 0.75rem 1.2rem !important;
    overflow-x: auto !important;
}

.dashboard-header * {
    white-space: nowrap !important;
}

.nav-tabs, div.nav-tabs {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    flex-wrap: nowrap !important;
}

.nav-tab-btn, button.nav-tab-btn, a.nav-tab-btn {
    white-space: nowrap !important;
    padding: 0.45rem 0.8rem !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
}