*{box-sizing:border-box}html,body{margin:0;padding:0}@layer base{:root{--background: 0 0% 100%;--foreground: 0 0% 3.9%;--card: 0 0% 100%;--card-foreground: 0 0% 3.9%;--popover: 0 0% 100%;--popover-foreground: 0 0% 3.9%;--primary: 0 0% 9%;--primary-foreground: 0 0% 98%;--secondary: 0 0% 96.1%;--secondary-foreground: 0 0% 9%;--muted: 0 0% 96.1%;--muted-foreground: 0 0% 45.1%;--accent: 0 0% 96.1%;--accent-foreground: 0 0% 9%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 0 0% 89.8%;--input: 0 0% 89.8%;--ring: 0 0% 3.9%;--chart-1: 12 76% 61%;--chart-2: 173 58% 39%;--chart-3: 197 37% 24%;--chart-4: 43 74% 66%;--chart-5: 27 87% 67%;--radius: .5rem}.dark{--background: 0 0% 3.9%;--foreground: 0 0% 98%;--card: 0 0% 3.9%;--card-foreground: 0 0% 98%;--popover: 0 0% 3.9%;--popover-foreground: 0 0% 98%;--primary: 0 0% 98%;--primary-foreground: 0 0% 9%;--secondary: 0 0% 14.9%;--secondary-foreground: 0 0% 98%;--muted: 0 0% 14.9%;--muted-foreground: 0 0% 63.9%;--accent: 0 0% 14.9%;--accent-foreground: 0 0% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--border: 0 0% 14.9%;--input: 0 0% 14.9%;--ring: 0 0% 83.1%;--chart-1: 220 70% 50%;--chart-2: 160 60% 45%;--chart-3: 30 80% 55%;--chart-4: 280 65% 60%;--chart-5: 340 75% 55%}}.header{position:fixed;top:0;left:0;height:64px;width:100%;background:#0b0d10;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;z-index:1000;overflow:visible}.header{border-bottom:1.5px solid #cfcfcf;border-top:1.5px solid #cfcfcf}.header{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mega-dropdown:before{content:"";position:fixed;inset:64px 0 0;background:#00000059;z-index:-1}.header-inner{height:64px;display:grid;grid-template-columns:260px 1fr;align-items:center;overflow:visible}.header-left{position:relative;height:64px;padding-left:28px;display:flex;align-items:center;overflow:hidden}.header-logo{height:auto;max-height:none;padding-left:10px;width:auto;max-width:100px;transform:scale(1);transform-origin:left center;-o-object-fit:contain;object-fit:contain;pointer-events:none}.header-nav{height:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 1fr;border-left:1.5px solid #cfcfcf;justify-self:end;width:-moz-max-content;width:max-content}.nav-item{height:100%;width:100%;padding:0 40px;display:flex;align-items:center;justify-content:center;gap:10px;background:transparent;border:none;border-right:1.5px solid #cfcfcf;cursor:pointer;font-family:JetBrains Mono,monospace}.nav-item.active{background:#fff}.nav-item.active .nav-text{color:#0b0d10;font-weight:600}.header-logo-btn{all:unset;display:flex;align-items:center;cursor:pointer}.nav-text{color:#fff;font-size:14px;font-weight:500;letter-spacing:.1px}.nav-dot{width:6px;height:6px;background-color:#6a0dad;border-radius:50%}.header-cta{height:100%;width:100%;background-color:#6a0dad;color:#fff;font-size:13px;font-weight:700;letter-spacing:1.2px;padding:0 60px;border:none;border-left:1.5px solid #cfcfcf;cursor:pointer;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #cfcfcf;font-family:JetBrains Mono,monospace}.page-offset{padding-top:64px}.nav-item-wrapper{position:relative;height:100%}.nav-item-wrapper:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#0b0d10;opacity:0}.nav-item-wrapper:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:#6a0dad;transform:scaleX(0);transform-origin:left;transition:transform .22s ease;z-index:2}.nav-item-wrapper:hover:before{transform:scaleX(1)}.nav-item-wrapper:hover:after{opacity:1}.nav-item:hover .nav-text{color:#0b0d10}.nav-item:hover{background-color:#f7f7f7;border-bottom:6px solid #6a0dad}.nav-dropdown{position:absolute;top:64px;left:0;width:100vw;height:auto;background:#0b0d10;color:#cfcfcf;border-top:1px solid #0b0d10;border-bottom:1.5px solid #cfcfcf;opacity:0;transform:translateY(-12px);pointer-events:none;transition:opacity .22s ease,transform .22s ease;z-index:5000}.nav-dropdown .mega-inner{max-width:1200px;margin:0 auto;padding:48px 32px;display:grid;grid-template-columns:280px 1fr 360px;gap:48px}.nav-item-wrapper:hover .nav-dropdown{opacity:1;transform:translateY(0);pointer-events:auto}.dropdown-content{padding:24px;display:flex;flex-direction:column;gap:14px}.dropdown-content a{color:#fff;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none}.dropdown-content a:hover{color:#6a0dad;font-weight:700}.mega-item{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:10px;color:#e6e6e6;font-size:14px;font-weight:500;transition:background .18s ease,transform .18s ease,color .18s ease}.mega-item:hover{background:#6a0dad1f;color:#fff;transform:translate(4px)}.mega-item-arrow{opacity:0;transition:opacity .18s ease,transform .18s ease}.mega-item:hover .mega-item-arrow{opacity:1;transform:translate(4px)}.mega-dropdown{position:absolute;top:63px;left:0;width:100vw;background:linear-gradient(to bottom,#0b0d10,#0e1014);color:#f7f7f7;box-shadow:0 24px 48px #0000008c,inset 0 1px #ffffff0a;border-top:1px solid rgba(255,255,255,.08);border-bottom:3px solid #6a0dad;opacity:0;transform:translateY(-10px) scale(.98);pointer-events:none;transition:opacity .22s ease,transform .22s ease;z-index:5000}.mega-dropdown.open{opacity:1;transform:translateY(0);pointer-events:auto}.mega-inner{max-width:1200px;margin:0 auto;padding:48px 32px;display:grid;grid-template-columns:280px 1fr 360px;gap:48px}.mega-left{display:flex;flex-direction:column}.mega-left a:hover{color:#6a0dad;font-weight:700}.mega-right{min-height:260px;background:radial-gradient(circle at center,rgba(106,13,173,.15),transparent 70%);border-radius:16px}.mega-inner{background:#101218;border-radius:20px}.mega-left{border-right:1px solid rgba(255,255,255,.08);padding-right:24px}.mega-right{border-left:1px solid rgba(255,255,255,.08);padding-left:24px}.simple-footer{background:#121216;padding:6rem 0;border-top:1px solid rgba(255,255,255,.06)}.footer-grid{width:85%;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:3rem}.footer-col h4{color:#fff;font-size:.85rem;letter-spacing:1px;text-transform:uppercase;margin-bottom:1.6rem;font-family:JetBrains Mono,monospace}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col li{color:#ffffffa6;font-size:.95rem;margin-bottom:.9rem;cursor:pointer;transition:color .2s ease;font-family:Space Grotesk,sans-serif}.footer-col li:hover{color:#7a2fe8}@media(max-width:900px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem}}@media(max-width:520px){.footer-grid{grid-template-columns:1fr}}.final-footer{position:relative;background:#121216;padding:2rem 0 1rem;overflow:hidden;color:#fff}.footer-inner{width:85%;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:4rem}.footer-left{display:flex;flex-direction:column;gap:1.5rem}.footer-logo{width:300px;-o-object-fit:contain;object-fit:contain}.footer-contact-btn{width:-moz-fit-content;width:fit-content;padding:14px 28px;background:#7a2fe8;color:#fff;border:none;border-radius:999px;font-size:.95rem;cursor:pointer;transition:background .2s ease,transform .2s ease}.footer-contact-btn:hover{background:#8c3df0;transform:translateY(-1px)}.footer-center{font-size:1.8rem;font-weight:500;line-height:1.4;max-width:640px;font-family:JetBrains Mono}.footer-bottom{width:85%;max-width:1200px;margin:3.5rem auto 0;display:flex;justify-content:space-between;font-size:.8rem;color:#ffffff80;font-family:Space Grotesk,sans-serif}@media(max-width:900px){.footer-inner{grid-template-columns:1fr;gap:2.5rem}.footer-center{font-size:1.4rem}.footer-bottom{flex-direction:column;gap:.8rem}}.abl-container{position:absolute;top:0;width:100%;pointer-events:none}.abl-right{right:0}.abl-left{left:0}.abl-line{position:absolute;top:0;height:2px;width:0;background:#7a2fe8;opacity:1;transition:width 1.4s cubic-bezier(.22,1,.36,1)}.abl-right .abl-line{right:12rem}.abl-left .abl-line{left:20%}.abl-line.animate{width:75%}.abl-line:after{content:"";position:absolute;top:0;left:-7px;width:16px;height:20px;border-top:2px solid #7a2fe8;border-left:3.5px solid #7a2fe8;border-top-left-radius:8px;opacity:1}.abl-right .abl-line:after{right:-14px;transform:skew(-12deg)}.abl-left .abl-line:after{left:-14px;transform:skew(12deg)}.footer-visual-section{width:100%;padding:8rem 0;background:#121216;display:flex;justify-content:center}.polygon-wrapper{position:relative;width:88%;max-width:1400px;height:520px}.polygon-media{position:absolute;inset:0;z-index:1;overflow:hidden;clip-path:polygon(4% 0%,96% 0%,100% 10%,100% 90%,96% 100%,4% 100%,0% 90%,0% 10%)}.polygon-media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:brightness(.45) contrast(1.05)}.polygon-wrapper:before{content:"";position:absolute;inset:0;z-index:3;clip-path:polygon(4% 0%,96% 0%,100% 10%,100% 90%,96% 100%,4% 100%,0% 90%,0% 10%);border:1.5px solid rgba(138,43,226,.85);pointer-events:none}.polygon-content{position:relative;z-index:4;height:100%;max-width:560px;padding:0 5rem;display:flex;flex-direction:column;justify-content:center}.polygon-content h2{font-size:3rem;line-height:1.15;color:#fff;margin-bottom:1.4rem}.polygon-content h2 span{color:#7a2fe8}.polygon-content p{color:#ffffffc7;font-size:1.05rem;line-height:1.7;margin-bottom:2.4rem}.footer-cta{width:-moz-fit-content;width:fit-content;padding:14px 30px;border-radius:999px;background:#7a2fe8;border:none;color:#fff;font-size:.95rem;cursor:pointer;transition:transform .2s ease,background .2s ease}.footer-cta:hover{background:#8f45ff;transform:translateY(-1px)}.glow-dot{position:absolute;width:10px;height:10px;background:#7a2fe8;border-radius:50%;box-shadow:0 0 14px #8a2be2e6;z-index:5}.glow-dot.top-left{top:6%;left:4%}.glow-dot.bottom-right{bottom:6%;right:4%}@media(max-width:900px){.polygon-wrapper{height:420px}.polygon-content{padding:0 2.5rem}.polygon-content h2{font-size:2.2rem}}.hero-wrapper{background:#121216;padding:.5rem;width:100%;overflow:hidden;box-sizing:border-box}.hero-canvas{position:relative;height:100vh;min-height:560px;border-radius:28px;overflow:hidden;background:#0b0e13}.hero-video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:saturate(.9) contrast(.95);transform:scale(1.04)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.95) 0%,rgba(0,0,0,.95) 40%,transparent 100%),radial-gradient(circle at 30% 50%,#00000040,#000000d9);z-index:1}.hero-abstract{position:absolute;right:-15%;top:-15%;width:70%;height:130%;background:radial-gradient(circle at 40% 40%,rgba(122,47,232,.14),transparent 60%),radial-gradient(circle at 65% 65%,rgba(255,140,0,.1),transparent 55%);filter:blur(28px);z-index:2;pointer-events:none}.hero-content{position:relative;z-index:3;max-width:800px;padding:6rem;color:#fff}.hero-eyebrow{font-size:.75rem;letter-spacing:.18em;opacity:.7;margin-bottom:1rem;display:block;font-family:IBM Plex Mono,monospace}.hero-content h1{font-family:JetBrains Mono,monospace;font-size:3.4rem;font-weight:700;line-height:1.12;margin-bottom:1.5rem}.hero-content p{font-size:1.05rem;line-height:1.7;color:#ffffffb8;margin-bottom:2rem;font-family:Space Grotesk,sans-serif}.hero-cta{background:#6a0dad;color:#fff;border:none;width:250px;border-radius:10px;padding:14px 28px;font-size:.95rem;cursor:pointer;font-family:JetBrains Mono,monospace}.hero-content small{display:block;margin-top:.8rem;font-size:.75rem;opacity:.5}@media(max-width:1024px){.hero-canvas{height:85vh;min-height:500px}.hero-content{padding:4rem}.hero-content h1{font-size:2.8rem}.hero-content p{font-size:1rem}.hero-cta{width:220px;padding:12px 24px;font-size:.9rem}.hero-abstract{right:-20%;top:-20%;width:80%;height:140%}}@media(max-width:768px){.hero-wrapper{padding:0;margin:0;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.hero-canvas{height:90vh;min-height:600px;border-radius:0}.hero-content{max-width:100%;padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:100%}.hero-eyebrow{font-size:.65rem;letter-spacing:.15em;margin-bottom:.8rem}.hero-content h1{font-size:2rem;line-height:1.2;margin-bottom:1rem;word-break:break-word}.hero-content p{font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;color:#ffffffad}.hero-cta{width:100%;max-width:280px;padding:12px 24px;font-size:.9rem;border-radius:8px}.hero-content small{margin-top:.6rem;font-size:.7rem;opacity:.45;line-height:1.4}.hero-abstract{right:-25%;top:-25%;width:90%;height:150%;filter:blur(20px)}.hero-overlay{background:linear-gradient(to right,rgba(0,0,0,.93) 0%,rgba(0,0,0,.92) 50%,transparent 100%),radial-gradient(circle at 30% 50%,#0000004d,#000000e0)}}@media(max-width:480px){.hero-wrapper{padding:0;margin:0;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.hero-canvas{height:100vh;min-height:650px;border-radius:0}.hero-content{padding:1.5rem;justify-content:center}.hero-eyebrow{font-size:.6rem;letter-spacing:.12em;margin-bottom:.6rem}.hero-content h1{font-size:1.6rem;line-height:1.25;margin-bottom:.8rem}.hero-content p{font-size:.9rem;line-height:1.55;margin-bottom:1.2rem}.hero-cta{width:100%;max-width:100%;padding:11px 20px;font-size:.85rem;border-radius:6px}.hero-content small{margin-top:.5rem;font-size:.65rem;opacity:.4}.hero-abstract{right:-30%;top:-30%;width:100%;height:160%;filter:blur(16px)}.hero-video{filter:saturate(.85) contrast(.9)}}@media(max-width:360px){.hero-wrapper{padding:0;margin:0;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.hero-canvas{min-height:700px;border-radius:0}.hero-content{padding:1.2rem}.hero-eyebrow{font-size:.55rem;letter-spacing:.1em;margin-bottom:.5rem}.hero-content h1{font-size:1.4rem;line-height:1.3;margin-bottom:.7rem}.hero-content p{font-size:.85rem;line-height:1.5;margin-bottom:1rem}.hero-cta{padding:10px 16px;font-size:.8rem}}.sif-section{background:#121216;padding:8rem 6rem;color:#fff}.sif-top,.sif-bottom{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:6rem}.sif-bottom{margin-top:6rem}.sif-text h2{font-size:3rem;line-height:1.15;font-weight:700;margin-bottom:1.5rem;font-family:JetBrains Mono,monospace;max-width:800px}.sif-text h2 span{color:#6a0dad}.sif-text p{font-size:1.05rem;line-height:1.7;color:#ffffffbf;max-width:800px;font-family:Space Grotesk,sans-serif}.sif-grid-card{background:#0b0e13;border-radius:20px;padding:1rem}.sif-grid{height:260px;border-radius:14px;background:linear-gradient(90deg,#111,#0d0f14);background-size:cover}.sif-image-card{background:#0b0e13;border-radius:20px;padding:1rem}.sif-image{height:260px;border-radius:14px;background:linear-gradient(90deg,#101319,#0c0f14)}.sif-connector{position:relative;height:300px;margin:3rem 0}.connector-svg{width:100%;height:100%}.connector-path{fill:none;stroke:#6a0dad;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.dot{fill:#6a0dad;shape-rendering:geometricPrecision}.start-dot{opacity:1}.end-dot{opacity:clamp(0,(var(--dot-progress, 0) - .95) * 100,1);transition:opacity .2s ease}.node{position:absolute;width:10px;height:10px;background:#6a0dad;border-radius:50%}.node.start{left:calc(55% - 4px);top:0}.node.end{left:calc(85% - 4px);bottom:-4px}.scroll-stack-wrapper{position:relative;width:100%}.scroll-stack-scroller{position:relative;width:100%;height:100%;overflow-y:auto;overflow-x:visible;overscroll-behavior:contain;-webkit-overflow-scrolling:auto;transform:translateZ(0);will-change:scroll-position}.scroll-stack-scroller::-webkit-scrollbar{width:8px}.scroll-stack-scroller::-webkit-scrollbar-track{background:#ffffff0d}.scroll-stack-scroller::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.scroll-stack-inner{padding:2vh 5rem 15rem;min-height:100vh}.scroll-stack-card{transform-origin:top center;will-change:transform,filter;backface-visibility:hidden;transform-style:preserve-3d;box-shadow:0 20px 60px #00000080;min-height:2rem;width:100%;margin:30px 0;padding:3rem;border-radius:32px;box-sizing:border-box;transform:translateZ(0);position:relative;background:#1a1a1a;border:1px solid rgba(255,255,255,.08);transition:transform .05s cubic-bezier(.25,.46,.45,.94),filter .05s ease-out}.scroll-stack-end{width:100%;height:1px}@media(max-width:768px){.scroll-stack-inner{padding:10vh 2rem 30rem}}.bent-line{position:absolute;top:0;height:2px;background:linear-gradient(90deg,transparent,#7a2fe8,#7a2fe8);width:0;opacity:0;transition:width 1.2s ease-out,opacity .4s ease}.bent-line-right{right:0;border-top-right-radius:8px}.bent-line.animate{width:85%;opacity:1}.bent-line-right:after{content:"";position:absolute;right:0;top:0;width:20px;height:20px;border-top:2px solid #7a2fe8;border-right:2px solid #7a2fe8;border-top-right-radius:12px;transform:translate(50%,-50%)}.how-it-works-section{position:relative;width:100%;background:#121216;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:4rem 0;will-change:auto}.section-header-container{padding:0 2rem 1.5rem;max-width:1200px;margin:0 auto}.section-header{margin-bottom:3rem}.scroll-stack-wrapper{margin:0 auto;padding:0 2rem;max-width:calc(80% + 2rem)}.section-title{font-size:2rem;font-weight:700;color:#fff;line-height:1.2;margin:0 0 1.5rem;max-width:1200px;font-family:Space Grotesk,sans-serif}.step-number{color:#8b5cf6;font-size:.9rem;font-weight:700;letter-spacing:.1em;margin-bottom:1rem;font-family:JetBrains Mono,monospace}.step-title{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 1.5rem}.step-description{font-size:1.15rem;line-height:1.7;color:#ffffffb3;margin:0;max-width:600px}.visual-mockup{margin-top:2.5rem;background:#0000004d;border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.05)}.mockup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.camera-card{background:#ffffff0d;border-radius:12px;padding:1rem;border:1px solid rgba(255,255,255,.08)}.camera-header{font-size:.95rem;font-weight:600;color:#fff;margin-bottom:.75rem}.camera-image{width:100%;height:120px;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-radius:8px;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;color:#ffffff4d;font-size:.85rem}.camera-image.deploy-visual{height:200px;margin-bottom:1.5rem}.camera-stats{display:flex;gap:.75rem}.stat-badge{display:flex;align-items:center;gap:.4rem;background:#0006;padding:.4rem .75rem;border-radius:6px;font-size:.85rem;color:#fffc}.stat-icon{width:16px;height:16px;border-radius:3px;background:#ff4d1a33;border:1px solid #6a0dad}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.metric-card{background:#ffffff0d;padding:1rem;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.metric-label{font-size:.85rem;color:#ffffff80;margin-bottom:.5rem}.metric-value{font-size:1.75rem;font-weight:700;color:#fff}.alert-card{background:#ff4d1a1a;border:1px solid rgba(255,77,26,.3);border-radius:12px;padding:1.5rem;margin-top:1.5rem}.alert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.alert-badge{display:flex;align-items:center;gap:.5rem;color:#6a0dad;font-size:.9rem;font-weight:600}.alert-type{background:#ff4d1a33;color:#6a0dad;padding:.3rem .75rem;border-radius:6px;font-size:.85rem;font-weight:600}.alert-title{font-size:1.25rem;font-weight:600;color:#fff;margin:0 0 .75rem}.alert-details{display:flex;gap:1.5rem;font-size:.9rem;color:#fff9}.alert-id{color:#6a0dad}.alert-date{color:#f86}.improvement-card{margin-top:2rem;padding:1.5rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:12px}.improvement-label{font-size:.95rem;color:#fff9;margin-bottom:.75rem}.improvement-value{font-size:2rem;font-weight:700;color:#22c55e}.improvement-since{font-size:.9rem;color:#ffffff80;margin-top:.5rem}@media(max-width:768px){.section-title{font-size:2rem}.step-title{font-size:1.75rem}.mockup-grid,.metrics-grid{grid-template-columns:1fr}}.camera-connectivity{position:relative;background:#121216;padding:4rem 0;color:#fff;font-family:Inter,system-ui,-apple-system,sans-serif}.cc-header-container{padding:0 2rem 3rem;max-width:1200px;margin:0 auto}.cc-header .section-tag{display:inline-flex;align-items:center;gap:8px;color:#6a0dad;font-size:.95rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;font-family:JetBrains Mono,monospace}.cc-header .section-tag:before{content:"";width:8px;height:8px;background:#6a0dad;border-radius:50%}.cc-title-row{display:flex;justify-content:space-between;gap:4rem;margin-top:1.5rem}.cc-text{max-width:100%}.cc-text h2{font-size:2.5rem;font-weight:600;margin-bottom:1rem;max-width:100%;font-family:JetBrains Mono,monospace}.cc-text p{font-size:1.1rem;line-height:1.7;color:#ffffffbf;font-family:Space Grotesk,sans-serif}.cc-bullets{list-style:none;padding:0;margin:0}.cc-bullets li{display:flex;align-items:center;gap:10px;font-size:1rem;margin-bottom:.75rem;font-family:Space Grotesk,sans-serif}.cc-bullets span{color:#ff4d1a;font-weight:700}.cc-features-list{list-style:none;padding:0;margin:2rem 0 3rem}.cc-features-list li{display:flex;align-items:flex-start;gap:12px;font-size:1.05rem;line-height:1.6;color:#ffffffbf;margin-bottom:1rem;font-family:Space Grotesk,sans-serif}.cc-features-list span{color:#8b5cf6;font-weight:700;flex-shrink:0;margin-top:2px}.cc-note{display:block;margin-top:1rem;font-size:.9rem;color:#fff9;font-style:italic;font-family:Space Grotesk,sans-serif}.cc-grid-container{padding:0 2rem;max-width:calc(80% + 2rem);margin:0 auto}.cc-grid-wrapper{position:relative;margin-top:6rem}.cc-side-label{position:absolute;top:50%;transform:translateY(-50%) rotate(-90deg);font-size:.9rem;letter-spacing:.25em;color:#ffffff80}.cc-side-label.left{left:-3.5rem}.cc-side-label.right{right:-4.5rem}.cc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:3.5rem;align-items:center;position:relative}.cc-grid:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:100% 25%,20% 100%;pointer-events:none}.cc-device{display:flex;justify-content:center;align-items:center}.device-placeholder{width:90px;height:90px;background:linear-gradient(135deg,#1c1d22,#0d0e12);border-radius:50%;border:1px solid rgba(255,255,255,.15)}.cc-device.glow .device-placeholder{box-shadow:0 0 0 8px #ff4d1a1f,0 0 40px #ff4d1a99;border-color:#ff4d1a}.cc-hub{grid-column:3;grid-row:span 2;background:linear-gradient(180deg,#7a1f00,#3a0b00);padding:3rem;border-radius:12px;text-align:center;border:1px solid rgba(255,255,255,.2)}.cc-hub p{font-size:1.2rem;letter-spacing:.12em;line-height:1.6}.hub-box{margin-top:2rem;height:90px;background:linear-gradient(135deg,#1b1b1b,#0f0f0f);border-radius:8px;border:1px solid rgba(255,255,255,.25)}.cc-cta{background:#6a0dad;color:#fff;border:none;width:400px;border-radius:10px;padding:14px 28px;font-size:.95rem;cursor:pointer;font-family:JetBrains Mono,monospace}.cc-cta small{display:block;margin-top:.8rem;font-size:.75rem;opacity:.5}.roi-section{background:#121216;padding:0rem 6rem 7rem;color:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.roi-container{display:grid;grid-template-columns:1.2fr 1fr;gap:6rem;align-items:center;max-width:1200px;margin:0 auto}.section-tag{display:inline-flex;align-items:center;gap:8px;color:#6a0dad;font-size:.95rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.75rem;font-family:JetBrains Mono,monospace}.roi-left h2{font-size:2.6rem;font-weight:600;line-height:1.2;margin:0;letter-spacing:-.01em;font-family:JetBrains Mono,monospace;max-width:100%}.roi-left h2 span{color:#8b5cf6}.roi-right{max-width:520px}.roi-right p{font-size:1.05rem;line-height:1.75;color:#ffffffbf;margin-bottom:2rem;font-family:Space Grotesk,sans-serif}.roi-button{background:#6a0dad;color:#fff;border:none;padding:.9rem 1.6rem;font-size:.95rem;font-weight:600;border-radius:8px;cursor:pointer;transition:background .2s ease,transform .15s ease;font-family:IBM Plex Mono,monospace}.roi-button:hover{background:#8b5cf6;transform:translateY(-1px)}@media(max-width:900px){.roi-container{grid-template-columns:1fr;gap:3rem}.roi-left h2{font-size:2.6rem}}.industry-section{background:#121216;padding:7rem 6rem 8rem;color:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;position:relative}.industry-top{max-width:calc(80% + 2rem);margin:0 auto 5rem;padding:0 2rem}.industry-tag{display:inline-flex;align-items:center;gap:8px;color:#6a0dad;font-size:.95rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:1.5rem;font-family:JetBrains Mono,monospace}.industry-tag:before{content:"";width:8px;height:8px;background:#6a0dad;border-radius:50%}.industry-tag .dot{width:6px;height:6px;background:#ff4d1a;border-radius:50%}.section-tag{display:inline-flex;align-items:center;gap:8px;color:#6a0dad;font-size:.95rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:1.5rem;font-family:JetBrains Mono,monospace}.section-tag:before{content:"";width:8px;height:8px;background:#6a0dad;border-radius:50%}.industry-top h2{font-size:2.6rem;font-weight:500;line-height:1.3;letter-spacing:-.01em;font-family:IBM Plex Mono,monospace}.industry-content{display:grid;grid-template-columns:1.1fr 1fr;gap:6rem;align-items:center;max-width:calc(80% + 2rem);margin:0 auto;padding:0 2rem}.industry-visual{display:flex;justify-content:flex-start}.industry-image{width:420px;height:420px;position:relative;background:linear-gradient(135deg,#1a1c23,#0b0d12);clip-path:polygon(0 8%,92% 0,100% 92%,8% 100%);border:1px solid #8b5cf6;transition:transform .4s ease,box-shadow .4s ease}.industry-image:hover{transform:translateY(-6px);box-shadow:0 0 60px #ff4d1a40}.image-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#6a0dad,transparent 60%);pointer-events:none}.roi-divider{margin-bottom:5rem;height:1px;width:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.15),transparent)}.industry-list{display:flex;flex-direction:column;gap:2.5rem}.industry-item{position:relative;display:flex;align-items:center;gap:14px;cursor:pointer;padding-bottom:.6rem}.industry-item .arrow{color:#8b5cf6;font-size:1.1rem;transform:translate(0);transition:transform .3s ease}.industry-item .label{font-size:1.1rem;font-weight:500;color:#ffffffd9;transition:color .3s ease;font-family:Space Grotesk,sans-serif}.industry-item .line{position:absolute;left:0;bottom:0;height:1px;width:0%;background:linear-gradient(to right,#8b5cf6,#6a0dad);transition:width .4s ease}.industry-item:hover .arrow{transform:translate(6px)}.industry-item:hover .label{color:#fff;margin-left:5px}.industry-item:hover .line{width:100%}@media(max-width:900px){.industry-content{grid-template-columns:1fr;gap:4rem}.industry-image{width:100%;height:320px}.industry-top h2{font-size:2.1rem}}.home{padding-top:64px}@media(max-width:768px){.home{padding-top:64px;margin:0;padding-left:0;padding-right:0;width:100vw;overflow-x:hidden}}@media(max-width:480px){.home{padding-top:64px;margin:0;padding-left:0;padding-right:0;width:100vw;overflow-x:hidden}}.nav-btn{height:3rem;width:3rem;display:flex;align-items:center;justify-content:center;transition:background-color .15s;border:none;background-color:transparent;cursor:pointer}.nav-btn.active{background-color:#262626}.nav-btn:hover:not(.active){background-color:#1a1a1a}.nav-btn img{height:1.5rem;width:1.5rem}.navbar-l{height:100vh;width:5rem;background-color:#09090b;border-right:1px solid #262626;display:flex;flex-direction:column;align-items:center}.navbar-top-section{width:100%;display:flex;flex-direction:column;align-items:center;padding-top:1rem;gap:.75rem}.navbar-logo{height:3rem;width:3rem;display:flex;align-items:center;justify-content:center}.navbar-logo img{height:2rem;width:2rem}.navbar-spacer{flex:1}.navbar-bottom-section{width:100%;display:flex;flex-direction:column;align-items:center;padding-bottom:1rem;gap:.75rem}.map-view{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:#fff}.plant-layout{position:relative;flex:1;background:linear-gradient(135deg,#e8e8e8,#f0f0f0);overflow:hidden;border-radius:0}.plant-section{position:absolute;border:2px solid rgba(0,0,0,.15);background:linear-gradient(135deg,#c8c8c84d,#b4b4b433)}.section-1{top:5%;left:5%;width:40%;height:35%;border-radius:4px}.section-2{top:5%;right:5%;width:40%;height:35%;border-radius:4px}.section-3{bottom:5%;left:5%;width:40%;height:35%;border-radius:4px}.section-4{bottom:5%;right:5%;width:40%;height:35%;border-radius:4px}.plant-grid{position:absolute;width:100%;height:100%;background-image:linear-gradient(90deg,rgba(0,0,0,.08) 1px,transparent 1px),linear-gradient(180deg,rgba(0,0,0,.08) 1px,transparent 1px);background-size:80px 80px;pointer-events:none}.markers-container{position:absolute;width:100%;height:100%;top:0;left:0}.plant-labels{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.label{position:absolute;font-size:.8rem;color:#00000080;font-weight:600;letter-spacing:.5px;font-family:JetBrains Mono,IBM Plex Mono,monospace}.label-a{top:12%;left:15%}.label-b{top:12%;right:12%}.label-c{bottom:12%;left:15%}.label-d{bottom:12%;right:12%}.map-legend{display:flex;gap:2rem;padding:.75rem 1.5rem;border-top:1px solid rgba(0,0,0,.1);justify-content:center;background:#fffc}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#555;font-weight:500;font-family:Space Grotesk,sans-serif}.legend-dot{width:.75rem;height:.75rem;border-radius:50%}.legend-dot.safe{background-color:#10b981}.legend-dot.risk{background-color:#f59e0b}.legend-dot.critical{background-color:#ef4444}@media(max-width:768px){.map-legend{gap:1rem;flex-wrap:wrap}.label{font-size:.7rem}}.camera-marker{position:absolute;width:2.5rem;height:2.5rem;transform:translate(-50%,-50%);cursor:pointer;z-index:20}.marker-glow{position:absolute;width:100%;height:100%;border:2.5px solid;border-radius:50%;top:0;left:0;opacity:.4;animation:glow-pulse 2s ease-in-out infinite}.marker-circle{position:absolute;width:.9rem;height:.9rem;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:21;box-shadow:inset 0 1px 2px #fff6}.marker-pulse{position:absolute;width:100%;height:100%;border-radius:50%;top:0;left:0;animation:pulse-expand 2s ease-out infinite}.marker-label{position:absolute;bottom:100%;left:50%;transform:translate(-50%);white-space:nowrap;background:#000000d9;padding:.4rem .8rem;border-radius:4px;font-size:.75rem;color:#fff;margin-bottom:.6rem;pointer-events:none;animation:fade-in .2s ease;border:1px solid rgba(255,255,255,.2);font-family:Space Grotesk,sans-serif}.camera-marker.safe .marker-glow{border-color:#10b981}.camera-marker.safe .marker-circle{background-color:#10b981}.camera-marker.safe .marker-pulse{border:2.5px solid #10b981}.camera-marker.risk .marker-glow{border-color:#f59e0b}.camera-marker.risk .marker-circle{background-color:#f59e0b}.camera-marker.risk .marker-pulse{border:2.5px solid #f59e0b}.camera-marker.critical .marker-glow{border-color:#ef4444}.camera-marker.critical .marker-circle{background-color:#ef4444;animation:critical-pulse 1s ease-in-out infinite}.camera-marker.critical .marker-pulse{border:2.5px solid #ef4444}.camera-marker.hovered .marker-circle{width:1.2rem;height:1.2rem;box-shadow:0 0 16px currentColor,inset 0 1px 2px #fff6}@keyframes glow-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.2;transform:scale(1.15)}}@keyframes pulse-expand{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}@keyframes fade-in{0%{opacity:0;transform:translate(-50%) translateY(-5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes critical-pulse{0%,to{opacity:1}50%{opacity:.7}}@media(max-width:768px){.camera-marker{width:2rem;height:2rem}.marker-circle{width:.7rem;height:.7rem}.marker-label{font-size:.7rem}}.camera-info-card{position:absolute;background:#fffffffa;border:1px solid rgba(0,0,0,.15);border-radius:8px;width:280px;box-shadow:0 8px 24px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;animation:card-appear .2s ease-out;pointer-events:none;overflow:hidden;left:0;top:0}.card-arrow{position:absolute;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(255,255,255,.98);bottom:-8px;left:50%;transform:translate(-50%)}.preview-screen{position:relative;width:100%;aspect-ratio:16 / 9;background:#0a0e27;border-bottom:1px solid rgba(0,0,0,.15);overflow:hidden}.preview-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0e27e6,#141932f2);opacity:.85}.preview-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:flex;align-items:center;gap:8px}.preview-indicator{width:8px;height:8px;background:#ef4444;border-radius:50%;animation:pulse-indicator 1.5s ease-in-out infinite}@keyframes pulse-indicator{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.preview-label{font-size:10px;font-weight:600;color:#ef4444;letter-spacing:1px;text-transform:uppercase;font-family:JetBrains Mono,IBM Plex Mono,monospace}.preview-timestamp{position:absolute;bottom:4px;right:6px;font-size:8px;color:#ef4444b3;font-family:Courier New,monospace;letter-spacing:.5px}.card-content{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.25rem}.card-title{margin:0;font-size:.95rem;font-weight:700;color:#000;font-family:JetBrains Mono,IBM Plex Mono,monospace}.status-badge{display:inline-block;padding:.3rem .7rem;border-radius:4px;font-size:.65rem;font-weight:700;letter-spacing:.3px;font-family:JetBrains Mono,IBM Plex Mono,monospace}.badge-safe{background-color:#10b98126;color:#059669}.badge-risk{background-color:#f59e0b26;color:#d97706}.badge-critical{background-color:#ef444426;color:#dc2626}.card-item{display:flex;flex-direction:column;gap:.3rem}.item-label{font-size:.7rem;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.3px;font-family:JetBrains Mono,IBM Plex Mono,monospace}.item-value{font-size:.85rem;color:#000;font-weight:600;font-family:Space Grotesk,sans-serif}.item-value.score{font-size:.9rem;color:#059669}.item-value.risk{color:#d97706;font-style:italic}@keyframes card-appear{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.camera-info-card{width:220px;padding:.85rem}.card-title{font-size:.85rem}.item-value{font-size:.8rem}}.dashboard-view{position:relative;width:100%;height:100%;display:flex;background:#fff;overflow:hidden;border-radius:0}.dashboard-sidebar{width:280px;background:linear-gradient(135deg,#f9f9f9,#fff);border-right:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:1rem;border-bottom:1px solid rgba(0,0,0,.08);display:flex;justify-content:space-between;align-items:center}.sidebar-title{margin:0;font-size:1rem;font-weight:700;color:#000;font-family:JetBrains Mono,IBM Plex Mono,monospace}.camera-count{font-size:.8rem;font-weight:600;color:#666;background:#0000000d;padding:.25rem .75rem;border-radius:12px;font-family:Space Grotesk,sans-serif}.dashboard-content{flex:1;display:flex;flex-direction:column;background:#fff;overflow:hidden}.dashboard-content>div:not(.dashboard-grid):not(.dashboard-header){flex:1;display:flex;flex-direction:column;overflow:hidden}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.08);background:linear-gradient(135deg,#f8f8f8,#fff)}.dashboard-title{margin:0 0 .25rem;font-size:1.05rem;font-weight:700;color:#000;font-family:JetBrains Mono,IBM Plex Mono,monospace}.dashboard-info{margin:0;font-size:.8rem;color:#666;font-weight:500;font-family:Space Grotesk,sans-serif}.status-summary{display:flex;gap:1rem}.summary-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;padding:.5rem 1rem;border-radius:6px;background:#00000005;border-left:3px solid}.summary-item.safe{color:#059669;border-left-color:#10b981;background:#10b98114}.summary-item.risk{color:#d97706;border-left-color:#f59e0b;background:#f59e0b14}.summary-item.critical{color:#dc2626;border-left-color:#ef4444;background:#ef444414}.summary-item .count{font-weight:900;font-size:1.1rem}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem;overflow-y:auto;flex:1;background:#fafafa;align-content:start}.dashboard-grid::-webkit-scrollbar{width:8px}.dashboard-grid::-webkit-scrollbar-track{background:transparent}.dashboard-grid::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.dashboard-grid::-webkit-scrollbar-thumb:hover{background:#00000040}@media(max-width:1400px){.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;padding:1rem}.dashboard-sidebar{width:250px}}@media(max-width:1024px){.dashboard-sidebar{width:220px}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.status-summary{gap:.75rem}.summary-item{padding:.4rem .75rem;font-size:.75rem}}@media(max-width:768px){.dashboard-view{flex-direction:column}.dashboard-sidebar{width:100%;height:auto;max-height:200px;border-right:none;border-bottom:1px solid rgba(0,0,0,.08)}.dashboard-content{flex:1}.dashboard-header{flex-direction:column;gap:1rem;align-items:flex-start}.status-summary{width:100%;gap:.5rem}.summary-item{flex:1;justify-content:center}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;padding:1rem}}@media(max-width:480px){.dashboard-grid{grid-template-columns:1fr}}.camera-tile{position:relative;border:2px solid rgba(0,0,0,.1);border-radius:12px;background:#ffffff80;overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.camera-tile:hover{border-color:#6a0aad4d;box-shadow:0 8px 24px #6a0aad1f;transform:translateY(-2px)}.camera-tile.selected{border-color:#6a0dad;background:#6a0aad0d;box-shadow:0 0 0 3px #6a0aad26}.camera-tile.status-safe{border-top:3px solid #10b981}.camera-tile.status-risk{border-top:3px solid #f59e0b}.camera-tile.status-critical{border-top:3px solid #ef4444}.tile-preview{position:relative;width:100%;aspect-ratio:16 / 9;background:#0a0e27;overflow:hidden}.preview-bg{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#0a0e27f2,#141932)}.preview-grid{position:absolute;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:20px 20px}.live-badge{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:6px;padding:4px 8px;background:#00000080;border-radius:4px;font-size:11px;font-weight:600;color:#ef4444;font-family:JetBrains Mono,IBM Plex Mono,monospace;letter-spacing:.5px;z-index:2}.live-dot{width:6px;height:6px;background:#ef4444;border-radius:50%;animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.detection-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:50%;z-index:1}.detection-svg{width:100%;height:100%;stroke:#10b981;stroke-width:2;fill:none;filter:drop-shadow(0 0 4px rgba(16,185,129,.5))}.detection-label{position:absolute;bottom:-20px;left:0;font-size:10px;color:#10b981;font-weight:600;background:#10b9811a;padding:2px 6px;border-radius:3px;white-space:nowrap}.safety-score{position:absolute;bottom:8px;left:8px;z-index:2}.score-circle{width:50px;height:50px;border-radius:50%;background:#0009;border:2px solid #10b981;display:flex;align-items:center;justify-content:center;font-weight:700;color:#10b981;font-size:12px;flex-direction:column}.score-value{font-size:18px;line-height:1}.score-unit{font-size:9px;opacity:.8}.tile-info{padding:12px;flex:1;background:#ffffffb3;display:flex;flex-direction:column}.tile-name{margin:0 0 2px;font-size:14px;font-weight:600;color:#000}.tile-location{margin:0 0 6px;font-size:11px;color:#0009}.tile-status-row{display:flex;align-items:center;gap:6px}.status-badge{padding:2px 6px;font-size:10px;font-weight:600;border-radius:3px;text-transform:uppercase;letter-spacing:.3px}.status-badge.status-safe{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.status-badge.status-risk{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.status-badge.status-critical{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.risk-indicator{font-size:12px;animation:wiggle .5s ease-in-out 2}@keyframes wiggle{0%,to{transform:rotate(0)}50%{transform:rotate(15deg)}}.tile-actions{display:flex;gap:6px;padding:0 12px 12px;border-top:1px solid rgba(0,0,0,.08)}.action-btn{flex:1;padding:6px 10px;border:1px solid rgba(0,0,0,.15);border-radius:6px;background:#fffc;color:#000;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px}.action-btn:hover{background:#fffffff2;border-color:#00000040;transform:translateY(-1px)}.rules-btn:active{background:#10b9811a;border-color:#10b981;color:#10b981}.edit-btn:active{background:#6a0aad1a;border-color:#6a0dad;color:#6a0dad}@media(max-width:768px){.tile-actions{padding:0 10px 10px}.action-btn{padding:5px 8px;font-size:10px}}.camera-rules-container{display:flex;flex-direction:column;height:100%;background:#ffffffb3;border-radius:12px;overflow:hidden;animation:slideIn .3s ease-out}.rules-header{padding:16px;background:linear-gradient(135deg,#6a0aad1a,#10b9810d);border-bottom:1px solid rgba(0,0,0,.1);display:flex;align-items:center;gap:12px}.rules-header h2{margin:0;font-size:18px;font-weight:700;color:#000;flex:1;font-family:JetBrains Mono,IBM Plex Mono,monospace}.camera-display-section{padding:12px;background:#1414280d;border-bottom:1px solid rgba(0,0,0,.1)}.camera-feed-container{display:flex;flex-direction:column;gap:12px;align-items:center}.demo-canvas{width:100%;max-width:700px;height:auto;border:2px solid rgba(106,10,173,.3);border-radius:8px;background:#141428e6;box-shadow:0 4px 12px #00000026}.zone-legend{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;width:100%;max-width:700px}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500}.legend-color{width:16px;height:16px;border-radius:3px;border:1px solid rgba(0,0,0,.2)}.legend-label{color:#000;font-family:Space Grotesk,sans-serif}.rules-content{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:20px}.rules-content::-webkit-scrollbar{width:6px}.rules-content::-webkit-scrollbar-track{background:transparent}.rules-content::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.rules-content::-webkit-scrollbar-thumb:hover{background:#0003}.rules-section{background:#fffc;padding:16px;border:1px solid rgba(0,0,0,.1);border-radius:8px}.section-title{margin:0 0 12px;font-size:14px;font-weight:700;color:#fff!important;display:flex;align-items:center;gap:8px}.ppe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.ppe-card{padding:12px;background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:6px;text-align:center;transition:all .2s ease}.ppe-card.required-false{background:#6464640d;border-color:#64646433}.ppe-card:hover{background:#10b9811a;border-color:#10b98166;transform:translateY(-2px)}.ppe-icon{font-size:28px;margin-bottom:6px}.ppe-info{margin:0}.ppe-name{margin:0 0 2px;font-size:11px;font-weight:600;color:#000}.ppe-severity{margin:0 0 2px;font-size:10px;color:#0009}.ppe-status{margin:0;font-size:9px;color:#00000080;font-weight:500}.zones-list{display:flex;flex-direction:column;gap:10px}.zone-rule-card{background:#fff9;border:1px solid rgba(0,0,0,.1);border-radius:6px;overflow:hidden}.zone-header{padding:12px;display:flex;align-items:center;gap:10px;cursor:pointer;background:#ffffff80;border-bottom:1px solid rgba(0,0,0,.08);transition:background .2s ease}.zone-header:hover{background:#ffffffb3}.zone-title-info{flex:1;margin:0}.zone-name{margin:0;font-size:13px;font-weight:600;color:#000}.zone-description{margin:2px 0 0;font-size:11px;color:#00000080}.zone-meta{display:flex;align-items:center;gap:8px}.zone-risk-badge{padding:3px 8px;font-size:10px;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.zone-risk-badge.risk-critical{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.zone-risk-badge.risk-high{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.zone-risk-badge.risk-low{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.zone-occupancy{padding:3px 8px;font-size:10px;font-weight:600;background:#6a0aad1a;color:#6a0dad;border:1px solid rgba(106,10,173,.3);border-radius:4px;white-space:nowrap}.expand-icon{font-size:10px;color:#0006;transition:transform .2s ease;flex-shrink:0}.zone-details-container{padding:12px;background:#10b9810d;border-top:1px solid rgba(0,0,0,.08)}.zone-ppe-list{display:flex;flex-direction:column;gap:12px}.required-label{margin:0;font-size:11px;font-weight:600;color:#000;text-transform:uppercase;letter-spacing:.3px}.ppe-requirement{display:flex;flex-direction:column;gap:6px;padding:8px;background:#ffffff80;border:1px solid rgba(0,0,0,.08);border-radius:4px}.ppe-header{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:#000}.checkmark{color:#10b981;font-weight:700;flex-shrink:0}.ppe-name-detail{flex:1}.severity-tag{padding:2px 6px;font-size:9px;background:#00000014;border-radius:3px;color:#0009;font-weight:600;white-space:nowrap}.contacts-info{display:flex;flex-direction:column;gap:4px;padding-left:24px;border-left:2px solid rgba(16,185,129,.3)}.contact-item{display:flex;gap:8px;font-size:10px}.contact-label{font-weight:600;color:#000000b3;min-width:65px}.contact-name{color:#0009;flex:1}@media(max-width:768px){.rules-header{padding:12px}.camera-display-section{padding:8px}.demo-canvas{max-width:100%}.zone-legend{max-width:100%;gap:12px}.rules-content{padding:12px;gap:16px}.rules-section{padding:12px}.ppe-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px}.zone-meta{flex-wrap:wrap;gap:4px}.zone-risk-badge,.zone-occupancy{font-size:9px;padding:2px 6px}}.camera-edit-container{display:flex;flex-direction:column;height:100%;background:#ffffffb3;border-radius:12px;overflow:hidden;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.edit-header{padding:16px;background:linear-gradient(135deg,#6a0aad1a,#10b9810d);border-bottom:1px solid rgba(0,0,0,.1);display:flex;align-items:center;gap:12px}.edit-header h2{margin:0;font-size:18px;font-weight:700;color:#000;flex:1;font-family:JetBrains Mono,IBM Plex Mono,monospace}.camera-location{font-size:12px;color:#0009;background:#0000000d;padding:4px 8px;border-radius:4px;white-space:nowrap;font-family:Space Grotesk,sans-serif}.back-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#6a0aad1a;border:1px solid rgba(106,10,173,.3);border-radius:6px;font-size:16px;font-weight:600;color:#6a0dad;cursor:pointer;transition:all .2s ease;flex-shrink:0}.back-button:hover{background:#6a0aad33;border-color:#6a0dad}.edit-content{flex:1;display:grid;grid-template-columns:1fr 280px;gap:12px;padding:12px;overflow:hidden}.canvas-section{display:flex;flex-direction:column;background:#fffc;border:1px solid rgba(0,0,0,.1);border-radius:8px;overflow:hidden}.canvas-header{padding:12px;border-bottom:1px solid rgba(0,0,0,.1);background:#ffffff80}.canvas-header h3{margin:0 0 4px;font-size:13px;font-weight:600;color:#000;font-family:JetBrains Mono,IBM Plex Mono,monospace}.canvas-hint{margin:0;font-size:10px;color:#00000080;font-style:italic;font-family:Space Grotesk,sans-serif}.zone-canvas{flex:1;display:block;background:#f5f5f580;cursor:crosshair;border:1px solid rgba(0,0,0,.08)}.canvas-placeholder-label{padding:8px 12px;background:#10b98114;border-top:1px solid rgba(16,185,129,.2);font-size:11px;font-weight:500;color:#10b981cc;text-align:center;font-style:italic;font-family:Space Grotesk,sans-serif}.canvas-controls{display:flex;gap:8px;padding:10px;border-top:1px solid rgba(0,0,0,.1);background:#ffffff80}.control-btn{flex:1;padding:6px 8px;border:1px solid rgba(0,0,0,.15);border-radius:4px;background:#fffc;color:#000;font-size:10px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:Space Grotesk,sans-serif}.control-btn:hover{background:#fffffff2;border-color:#00000040}.undo-btn:active{background:#f59e0b1a;border-color:#f59e0b;color:#f59e0b}.clear-btn:active{background:#ef44441a;border-color:#ef4444;color:#ef4444}.add-btn:active{background:#10b9811a;border-color:#10b981;color:#10b981}.rules-panel{display:flex;flex-direction:column;background:#fffc;border:1px solid rgba(0,0,0,.1);border-radius:8px;overflow:hidden}.rules-panel .rules-header{padding:12px;border-bottom:1px solid rgba(0,0,0,.1);background:#ffffff80}.rules-panel .rules-header h3{margin:0;font-size:13px;font-weight:600;color:#000;font-family:JetBrains Mono,IBM Plex Mono,monospace}.zones-config{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:8px}.zones-config::-webkit-scrollbar{width:4px}.zones-config::-webkit-scrollbar-track{background:transparent}.zones-config::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.zones-config::-webkit-scrollbar-thumb:hover{background:#0003}.zone-config-card{padding:10px;background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:6px;transition:all .2s ease}.zone-config-card.active{background:#6a0aad1a;border-color:#6a0dad}.zone-config-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.zone-color-indicator{width:16px;height:16px;border-radius:3px;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.zone-name-input{flex:1;padding:4px 6px;border:1px solid rgba(0,0,0,.1);border-radius:3px;font-size:11px;font-weight:600;background:#ffffffb3;color:#000}.zone-name-input:focus{outline:none;border-color:#6a0dad;background:#ffffffe6}.delete-zone-btn{width:20px;height:20px;padding:0;border:1px solid rgba(239,68,68,.3);background:#ef44441a;border-radius:3px;color:#ef4444;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.delete-zone-btn:hover{background:#ef444433;border-color:#ef4444}.zone-select-btn{width:100%;padding:5px 6px;margin-bottom:6px;border:1px solid rgba(0,0,0,.15);border-radius:4px;background:#fff9;color:#000;font-size:10px;font-weight:600;cursor:pointer;transition:all .2s ease}.zone-select-btn:hover{background:#fffc;border-color:#00000040}.zone-select-btn.selected{background:#6a0aad33;border-color:#6a0bad;color:#6a0bad}.zone-color-picker{margin-bottom:8px;padding:6px;background:#ffffff80;border-radius:4px}.color-picker-label{display:block;font-size:9px;font-weight:600;color:#000000b3;margin-bottom:4px;text-transform:uppercase;letter-spacing:.3px}.color-options{display:flex;gap:4px;flex-wrap:wrap}.color-option{width:24px;height:24px;border-radius:4px;border:2px solid transparent;cursor:pointer;transition:all .2s ease;flex-shrink:0}.color-option:hover{transform:scale(1.1);box-shadow:0 2px 6px #0003}.color-option.selected{border-color:#000;box-shadow:0 0 0 2px #fffc,0 0 0 3px #000}.zone-rules-collapse{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:10px;font-weight:600;color:#000;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:6px;border-bottom:1px solid rgba(0,0,0,.08)}.zone-rules-collapse:hover{color:#6a0dad}.expand-icon{font-size:8px;transition:transform .2s ease}.expand-icon.expanded{transform:rotate(180deg)}.ppe-checklist{display:flex;flex-direction:column;gap:5px;margin-bottom:8px;padding:8px;background:#fff9;border:1px solid rgba(0,0,0,.08);border-radius:4px}.ppe-checkbox{display:flex;align-items:center;gap:6px;font-size:10px;color:#000;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ppe-checkbox input{width:14px;height:14px;cursor:pointer;accent-color:#6a0dad}.ppe-checkbox span{flex:1}.severity-selector{display:flex;align-items:center;gap:6px;padding:4px 6px;background:#f59e0b0d;border:1px solid rgba(245,158,11,.15);border-radius:3px;margin-top:4px}.severity-label{font-size:8px;font-weight:600;color:#000000b3;text-transform:uppercase;white-space:nowrap}.severity-options{display:flex;gap:2px}.severity-btn{width:20px;height:20px;padding:0;border:1px solid rgba(0,0,0,.2);border-radius:3px;background:#fff9;color:#000;font-size:9px;font-weight:700;cursor:pointer;transition:all .2s ease}.severity-btn.severity-critical{color:#ef4444}.severity-btn.severity-critical.active{background:#ef444433;border-color:#ef4444}.severity-btn.severity-high{color:#f59e0b}.severity-btn.severity-high.active{background:#f59e0b33;border-color:#f59e0b}.severity-btn.severity-medium{color:#10b981}.severity-btn.severity-medium.active{background:#10b98133;border-color:#10b981}.severity-btn.severity-low{color:#3b82f6}.severity-btn.severity-low.active{background:#3b82f633;border-color:#3b82f6}.severity-display{font-size:8px;font-weight:600;color:#0009;padding:2px 4px;background:#ffffffb3;border-radius:2px;margin-left:auto}.ppe-item{display:flex;flex-direction:column;gap:4px}.ppe-contacts-section{margin-top:4px;padding:4px;background:#6a0aad0d;border:1px solid rgba(106,10,173,.15);border-radius:3px}.contacts-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:4px 6px;background:#6a0aad1a;border:1px solid rgba(106,10,173,.2);border-radius:3px;font-size:9px;font-weight:600;color:#6a0bad;cursor:pointer;transition:all .2s ease}.contacts-toggle:hover{background:#6a0aad26;border-color:#6a0aad4d}.toggle-icon{font-size:8px;transition:transform .2s ease}.toggle-icon.expanded{transform:rotate(180deg)}.contacts-form{display:flex;flex-direction:column;gap:4px;margin-top:4px}.contact-input{padding:4px 6px;border:1px solid rgba(106,10,173,.2);border-radius:3px;font-size:9px;background:#fffc;color:#000;transition:all .2s ease}.contact-input::-moz-placeholder{color:#0006;font-size:8px}.contact-input::placeholder{color:#0006;font-size:8px}.contact-input:focus{outline:none;border-color:#6a0bad;background:#fffffff2;box-shadow:0 0 0 2px #6a0aad1a}.zone-points-info{padding:4px 0;border-top:1px solid rgba(0,0,0,.08)}.points-count{margin:0;font-size:9px;color:#00000080;font-weight:500;text-align:center}@media(max-width:1024px){.edit-content{grid-template-columns:1fr;grid-template-rows:1fr 220px}.rules-panel{max-height:220px}}@media(max-width:768px){.edit-header{padding:12px}.edit-content{padding:8px;gap:8px}.zone-canvas{max-height:300px}}.scroll-list-container{position:relative;height:100%;display:flex;flex-direction:column}.scroll-list{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column}.scroll-list::-webkit-scrollbar{width:6px}.scroll-list::-webkit-scrollbar-track{background:transparent}.scroll-list::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}.scroll-list::-webkit-scrollbar-thumb:hover{background:#00000040}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.item{padding:.85rem;background-color:#f5f5f5;border-radius:6px;border:1px solid rgba(0,0,0,.08);margin-bottom:0;transition:all .2s ease}.item:not(:last-child){margin-bottom:.75rem}.item:hover{background-color:#eee;border-color:#0000001f}.item.selected{background:linear-gradient(135deg,#6a0dad,#8b2e9f);border-color:#6a0dad;box-shadow:0 2px 8px #6a0dad33}.item.selected .item-text{color:#fff}.item-text{color:#333;margin:0;font-size:.85rem;font-weight:500;transition:color .2s ease;font-family:Space Grotesk,sans-serif}.top-gradient{position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,#ffffff,transparent);pointer-events:none;transition:opacity .3s ease;z-index:10}.bottom-gradient{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,#ffffff,transparent);pointer-events:none;transition:opacity .3s ease;z-index:10}.home-wrapper{display:flex;width:100%;height:100vh;background-color:#2a2a32;overflow:hidden}.home-container{flex:1;display:flex;flex-direction:column;background:#2a2a32;overflow:hidden;padding:1rem;position:relative}.home-container:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,#ffffff 1px,transparent 1px),linear-gradient(180deg,#ffffff 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;opacity:.08}.home-header{position:relative;z-index:10;text-align:center;margin-bottom:2rem}.home-title{font-size:2rem;font-weight:700;color:#000;margin:0 0 .5rem;letter-spacing:-.5px;font-family:JetBrains Mono,IBM Plex Mono,monospace}.home-subtitle{font-size:1rem;color:#666;margin:0;font-family:Space Grotesk,sans-serif}.view-container{flex:1;width:100%;position:relative;overflow:hidden;border-radius:8px;background:#fff;border:1px solid rgba(0,0,0,.1);z-index:5}.floating-controls{position:absolute;top:1.5rem;right:1.5rem;z-index:50;display:flex;gap:.75rem;background:#ffffffe6;padding:.5rem;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 12px #00000026}.control-btn{padding:.6rem 1.2rem;border:1px solid rgba(0,0,0,.15);border-radius:6px;background-color:transparent;color:#666;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Space Grotesk,sans-serif}.control-btn:hover{border-color:#0000004d;color:#000;background-color:#00000005}.control-btn.active{background:linear-gradient(135deg,#6a0dad,#8b2e9f);border-color:#6a0dad;color:#fff;box-shadow:0 2px 8px #6a0dad4d}.demo-view-container{flex:1;width:100%;background:linear-gradient(135deg,#fafafae6,#f0f0f0e6);border-radius:12px;border:1px solid rgba(0,0,0,.1);overflow:hidden;position:relative}.demo-disclaimer{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);z-index:20;text-align:center;font-size:.75rem;color:#999}.demo-disclaimer p{margin:0}.demo-disclaimer strong{color:#666}@media(max-width:1024px){.home-container{padding:1.5rem}.home-title{font-size:1.5rem}.demo-container{padding:1rem}}@media(max-width:768px){.home-wrapper{flex-direction:column;height:auto}.home-container{padding:1rem}.home-title{font-size:1.3rem}.home-subtitle{font-size:.9rem}.demo-controls{justify-content:center;gap:.75rem}.control-btn{padding:.6rem 1.2rem;font-size:.85rem}.demo-view-container{min-height:400px}}@media(max-width:480px){.home-container{padding:.75rem}.home-title{font-size:1.2rem}.demo-controls{gap:.5rem}.control-btn{padding:.5rem 1rem;font-size:.8rem}}.home-container::-webkit-scrollbar{width:8px}.home-container::-webkit-scrollbar-track{background:transparent}.home-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.home-container::-webkit-scrollbar-thumb:hover{background:#fff3}.alerts-wrapper{display:flex;height:100vh;width:100%}.alerts-page{display:flex;flex-direction:column;height:100%;flex:1;background:#f5f5f5;overflow:hidden}.alerts-header{padding:24px;background:#fff;border-bottom:1px solid #e5e7eb}.header-content{margin-bottom:0}.header-title{margin:0 0 6px;font-size:24px;font-weight:700;color:#111827;letter-spacing:-.5px;font-family:JetBrains Mono,IBM Plex Mono,monospace}.header-subtitle{margin:0;font-size:13px;color:#6b7280;font-weight:500;font-family:Space Grotesk,sans-serif}.header-stats{display:none}.alerts-table-container{flex:1;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:12px;background:#f5f5f5}.alerts-table{width:100%;border-collapse:separate;border-spacing:0;background:transparent;font-size:13px}.alerts-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.alerts-table thead tr{height:44px}.alerts-table thead th{padding:0 16px;text-align:left;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px;font-size:11px;border:none;font-family:JetBrains Mono,IBM Plex Mono,monospace}.alerts-table tbody{overflow-y:auto;display:block;height:100%}.alerts-table thead,.alerts-table tbody tr{display:table;width:100%;table-layout:fixed}.alerts-table tbody tr{height:56px;margin-bottom:8px;border-bottom:none;background:#fff;border-radius:6px;box-shadow:0 1px 3px #00000014;transition:all .2s ease}.alerts-table tbody tr:hover{box-shadow:0 4px 12px #0000001f}.alerts-table tbody tr.severity-critical{border-left:4px solid #ef4444}.alerts-table tbody tr.severity-high{border-left:4px solid #fe8300}.alerts-table tbody tr.severity-medium{border-left:4px solid #f6fa02}.alerts-table tbody tr.severity-low{border-left:4px solid #3b82f6}.alerts-table tbody td{padding:0 20px;height:56px;display:table-cell;vertical-align:middle;border:none;color:#374151}.col-checkbox{width:40px;padding:0 12px}.col-incident,.col-location{width:25%;font-family:Space Grotesk,sans-serif}.col-equipment{width:15%;font-family:Space Grotesk,sans-serif}.col-severity,.col-timestamp{width:12%;font-family:Space Grotesk,sans-serif}.col-actions{width:11%;font-family:Space Grotesk,sans-serif}.col-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#6a0dad}.severity-badge{display:inline-block;padding:4px 8px;border-radius:4px;color:#fff;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.3px;font-family:JetBrains Mono,IBM Plex Mono,monospace}.alert-actions{display:none}.action-btn{padding:6px 12px;border:1px solid #d1d5db;border-radius:4px;background:#fff;color:#374151;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px;margin-right:6px;font-family:Space Grotesk,sans-serif}.action-btn:last-child{margin-right:0}.action-btn:hover{background:#f3f4f6;border-color:#9ca3af}.action-btn:active{background:#e5e7eb}.dismiss-btn{color:#dc2626;border-color:#fca5a5}.dismiss-btn:hover{background:#fef2f2;border-color:#ef4444}.confirm-btn{color:#059669;border-color:#a7f3d0}.confirm-btn:hover{background:#f0fdf4;border-color:#10b981}.no-alerts{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#9ca3af;padding:60px 20px;text-align:center}.no-alerts-title{margin:0 0 8px;font-size:18px;font-weight:600;color:#6b7280;font-family:JetBrains Mono,IBM Plex Mono,monospace}.no-alerts-text{margin:0;font-size:13px;color:#9ca3af;font-family:Space Grotesk,sans-serif}.alerts-footer{padding:12px 24px;background:#fff;border-top:1px solid #e5e7eb}.footer-content{display:flex;align-items:center}.footer-text{margin:0;font-size:11px;color:#6b7280;font-weight:500;font-family:Space Grotesk,sans-serif}@media(max-width:768px){.alerts-header{padding:16px}.header-title{font-size:22px}.header-stats{gap:8px}.stat-card{padding:10px 14px}.stat-value{font-size:20px}.alerts-list{padding:12px 16px;gap:8px}.alert-card{padding:12px}.alert-body{gap:10px}.alert-image{width:70px;height:70px}.alert-details{grid-template-columns:1fr;gap:8px}.detail-item.full-width{grid-column:1}.alert-title{font-size:13px}.alerts-footer{padding:10px 16px}.footer-text{font-size:10px}}@media(max-width:480px){.alerts-page{padding:0}.alerts-header{padding:12px}.header-title{font-size:20px}.header-stats{justify-content:space-between}.stat-card{flex:1;min-width:0;padding:8px 10px}.stat-value{font-size:18px}.stat-label{font-size:9px}.alert-card{padding:10px}.alert-header{flex-direction:column;align-items:flex-start;gap:8px}.alert-badge{padding:3px 8px;font-size:9px}.alert-body{flex-direction:column}.alert-image{width:100%;height:100px}.alert-details{grid-template-columns:1fr}.action-btn{padding:6px 10px;font-size:10px}}.audit-list-view{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.audit-list-header{padding:1.5rem;border-bottom:1px solid #e8e8e8;display:flex;gap:2rem;flex-wrap:wrap;align-items:center}.search-section{flex:1;min-width:250px;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f5f5f5;border-radius:8px;border:1px solid #e0e0e0;color:#999}.search-input{flex:1;border:none;background:transparent;outline:none;font-size:.95rem;color:#333;font-family:Space Grotesk,sans-serif}.search-input::-moz-placeholder{color:#999}.search-input::placeholder{color:#999}.filter-section{display:flex;gap:1rem;align-items:center}.filter-group{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f5f5f5;border-radius:8px;border:1px solid #e0e0e0;color:#999}.filter-select,.sort-select{border:1px solid #e0e0e0;padding:.75rem 1rem;border-radius:8px;background:#fff;cursor:pointer;font-size:.9rem;color:#333;transition:all .3s ease;font-family:Space Grotesk,sans-serif}.filter-select:hover,.sort-select:hover{border-color:#6a0dad;background:#f5f0fa}.filter-select:focus,.sort-select:focus{outline:none;border-color:#6a0dad;box-shadow:0 0 0 3px #6a0dad1a}.audit-list-container{overflow-x:auto}.audit-table{width:100%;border-collapse:collapse}.audit-table thead{background:#f9f9f9;border-bottom:2px solid #e8e8e8}.audit-table th{padding:1rem;text-align:left;font-weight:600;color:#666;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;font-family:IBM Plex Mono,monospace}.audit-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s ease}.audit-table tbody tr:hover{background:#f9f9f9}.audit-table td{padding:1rem;color:#333;font-size:.95rem;font-family:Space Grotesk,sans-serif}.audit-name{font-weight:600;color:#1a1a1a}.risk-icon{font-size:1.2rem;text-align:center}.severity-badge{display:inline-block;padding:.4rem .8rem;border-radius:6px;color:#fff;font-weight:600;font-size:.8rem}.status-badge{display:inline-block;padding:.4rem .8rem;border-radius:6px;font-weight:600;font-size:.8rem}.status-pending{background:#fff3cd;color:#856404}.status-inprogress{background:#cce5ff;color:#004085}.status-completed{background:#d4edda;color:#155724}.date-cell{color:#666;font-size:.9rem}.view-btn{padding:.5rem 1rem;background:#6a0dad;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:.85rem;font-family:Space Grotesk,sans-serif}.view-btn:hover{background:#5a0a9d;transform:translateY(-2px);box-shadow:0 4px 12px #6a0dad4d}.empty-state{padding:3rem;text-align:center;color:#999}.empty-state p{margin:0;font-size:1rem;font-family:Space Grotesk,sans-serif}@media(max-width:768px){.audit-list-header{flex-direction:column;gap:1rem}.filter-section{width:100%;flex-direction:column}.filter-select,.sort-select{width:100%}.audit-table{font-size:.9rem}.audit-table th,.audit-table td{padding:.75rem .5rem}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease}.audit-detail-modal{background:#fff;border-radius:12px;max-width:900px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease;box-shadow:0 10px 40px #0000004d}.modal-header{padding:2rem;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(135deg,#f5f5f5,#fafafa)}.header-info h2{margin:0 0 .5rem;font-size:1.5rem;color:#1a1a1a;font-family:JetBrains Mono,monospace}.facility-info{margin:0;color:#666;font-size:.95rem;font-family:Space Grotesk,sans-serif}.close-btn{background:none;border:none;cursor:pointer;color:#666;padding:0;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.close-btn:hover{color:#6a0dad}.modal-tabs{display:flex;border-bottom:2px solid #e8e8e8;background:#fff;flex-wrap:wrap}.tab-btn{padding:1rem 1.5rem;background:none;border:none;cursor:pointer;color:#666;font-weight:600;border-bottom:3px solid transparent;transition:all .3s ease;font-size:.95rem;font-family:Space Grotesk,sans-serif}.tab-btn:hover{color:#6a0dad}.tab-btn.active{color:#6a0dad;border-bottom-color:#6a0dad}.modal-content{flex:1;overflow-y:auto;padding:2rem}.overview-section{display:flex;flex-direction:column;gap:2rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-item label{font-weight:600;color:#333;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;font-family:IBM Plex Mono,monospace}.info-item select,.info-item input{padding:.75rem;border:1px solid #e0e0e0;border-radius:6px;font-size:.95rem;color:#333;font-family:Space Grotesk,sans-serif}.info-item select:focus,.info-item input:focus{outline:none;border-color:#6a0dad;box-shadow:0 0 0 3px #6a0dad1a}.severity-display{padding:.75rem;border-radius:6px;color:#fff;font-weight:600;text-align:center;font-size:.85rem}.description-section{display:flex;flex-direction:column;gap:.5rem}.description-section label{font-weight:600;color:#333;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;font-family:IBM Plex Mono,monospace}.description-section textarea{padding:.75rem;border:1px solid #e0e0e0;border-radius:6px;font-size:.95rem;color:#333;font-family:Space Grotesk,sans-serif;resize:vertical}.description-section textarea:focus{outline:none;border-color:#6a0dad;box-shadow:0 0 0 3px #6a0dad1a}.questions-section{display:flex;flex-direction:column;gap:1.5rem}.section-tabs{display:flex;gap:1rem;flex-wrap:wrap}.section-tab{padding:.6rem 1.2rem;background:#f5f5f5;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;font-weight:600;color:#666;font-size:.9rem;transition:all .3s ease;font-family:Space Grotesk,sans-serif}.section-tab:hover{border-color:#6a0dad;color:#6a0dad}.questions-content{display:flex;flex-direction:column;gap:1.5rem}.question-group{display:flex;flex-direction:column;gap:1rem}.question-group h4{margin:0;color:#1a1a1a;font-size:1rem;font-weight:700;font-family:JetBrains Mono,monospace}.question-item{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#f9f9f9;border-radius:8px;border-left:4px solid #6a0dad}.question{margin:0;color:#333;font-weight:500;font-family:Space Grotesk,sans-serif}.answer-options{display:flex;gap:1.5rem}.answer-options label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#666;font-weight:500;font-family:Space Grotesk,sans-serif}.answer-options input[type=radio]{cursor:pointer;accent-color:#6a0dad}.notes-section{display:flex;flex-direction:column;gap:1.5rem}.add-note{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem;background:#f9f9f9;border-radius:8px;border:2px solid #e8e8e8}.add-note textarea{padding:.75rem;border:1px solid #e0e0e0;border-radius:6px;font-size:.95rem;color:#333;font-family:Space Grotesk,sans-serif;resize:vertical}.add-note textarea:focus{outline:none;border-color:#6a0dad;box-shadow:0 0 0 3px #6a0dad1a}.add-note-btn{align-self:flex-end;display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:#6a0dad;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease;font-family:Space Grotesk,sans-serif}.add-note-btn:hover{background:#5a0a9d;transform:translateY(-2px)}.notes-list{display:flex;flex-direction:column;gap:1rem}.note-card{padding:1rem;border:1px solid #e8e8e8;border-radius:8px;background:#f9f9f9;position:relative}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.85rem}.note-author{font-weight:600;color:#6a0dad}.note-time{color:#999;font-family:Space Grotesk,sans-serif}.note-text{margin:0;color:#333;line-height:1.5;font-family:Space Grotesk,sans-serif}.delete-note-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;color:#999;transition:color .3s ease}.delete-note-btn:hover{color:#6a0dad}.actions-section{display:flex;flex-direction:column;gap:2rem}.suggested-actions,.assigned-actions{display:flex;flex-direction:column;gap:1rem}.suggested-actions h4,.assigned-actions h4{margin:0;color:#1a1a1a;font-size:1rem;font-weight:700;font-family:JetBrains Mono,monospace}.action-card{padding:1.5rem;border-radius:8px;border-left:4px solid}.critical-action{background:#fff5f5;border-left-color:#f44}.action-header{margin-bottom:1rem}.action-severity{display:inline-block;padding:.4rem .8rem;background:#f44;color:#fff;border-radius:4px;font-weight:600;font-size:.75rem}.action-description{margin:1rem 0;color:#333;line-height:1.5;font-family:Space Grotesk,sans-serif}.action-buttons{display:flex;gap:1rem}.assign-btn,.critical-btn{padding:.6rem 1.2rem;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:.9rem;font-family:Space Grotesk,sans-serif}.assign-btn{background:#f5f5f5;color:#333;border:1px solid #e0e0e0}.assign-btn:hover{background:#e8e8e8}.critical-btn{background:#f44;color:#fff}.critical-btn:hover{background:#e63d3d}.assigned-action-item{padding:1rem;border:1px solid #e8e8e8;border-radius:6px;background:#f9f9f9}.action-title{font-weight:600;color:#1a1a1a;margin-bottom:.5rem;font-family:Space Grotesk,sans-serif}.action-status{display:inline-block;padding:.3rem .6rem;background:#e8e8e8;border-radius:4px;font-size:.8rem;color:#666;font-family:Space Grotesk,sans-serif}.no-actions{margin:0;color:#999;text-align:center;padding:2rem;font-family:Space Grotesk,sans-serif}.modal-footer{padding:1.5rem 2rem;border-top:1px solid #e8e8e8;display:flex;justify-content:flex-end;gap:1rem;background:#f9f9f9}.cancel-btn,.save-btn{padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease;font-family:Space Grotesk,sans-serif}.cancel-btn{background:#f5f5f5;color:#333;border:1px solid #e0e0e0}.cancel-btn:hover{background:#e8e8e8}.save-btn{background:#6a0dad;color:#fff}.save-btn:hover{background:#5a0a9d;transform:translateY(-2px);box-shadow:0 4px 12px #6a0dad4d}@media(max-width:768px){.audit-detail-modal{max-width:100%;max-height:100vh}.modal-header,.modal-content{padding:1.5rem}.modal-tabs{flex-wrap:wrap}.tab-btn{padding:.75rem 1rem;font-size:.85rem}.info-grid{grid-template-columns:1fr}.action-buttons,.modal-footer{flex-direction:column}.cancel-btn,.save-btn{width:100%}}.create-audit-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1001;padding:1rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.create-audit-form{background:#fff;border-radius:12px;max-width:600px;width:100%;animation:slideUp .3s ease;box-shadow:0 10px 40px #0000004d}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.form-header{padding:2rem;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f5f5f5,#fafafa)}.form-header h3{margin:0;font-size:1.3rem;color:#1a1a1a;font-weight:700;font-family:JetBrains Mono,monospace}.close-form-btn{background:none;border:none;cursor:pointer;color:#666;padding:0;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.close-form-btn:hover{color:#6a0dad}.create-audit-form form{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#333;font-size:.9rem;font-family:IBM Plex Mono,monospace}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid #e0e0e0;border-radius:6px;font-size:.95rem;color:#333;font-family:Space Grotesk,sans-serif;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#6a0dad;box-shadow:0 0 0 3px #6a0dad1a}.form-group textarea{resize:vertical;font-family:inherit}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e8e8e8}.cancel-form-btn,.submit-form-btn{padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease;font-size:.95rem;font-family:Space Grotesk,sans-serif}.cancel-form-btn{background:#f5f5f5;color:#333;border:1px solid #e0e0e0}.cancel-form-btn:hover{background:#e8e8e8}.submit-form-btn{background:linear-gradient(135deg,#6a0dad,#5a0a9d);color:#fff;box-shadow:0 4px 12px #6a0dad4d}.submit-form-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6a0dad66}.submit-form-btn:active{transform:translateY(0)}@media(max-width:600px){.create-audit-form{max-width:100%}.form-header{padding:1.5rem}.create-audit-form form{padding:1.5rem;gap:1rem}.form-row{grid-template-columns:1fr;gap:1rem}.form-actions{flex-direction:column}.cancel-form-btn,.submit-form-btn{width:100%}}.audits-wrapper{display:flex;min-height:100vh;background:linear-gradient(135deg,#f5f5f5,#fafafa)}.audits-container{flex:1;padding:2rem;overflow-y:auto}.audits-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1.5rem}.header-content h1{margin:0;font-size:2rem;color:#1a1a1a;font-weight:700;font-family:JetBrains Mono,monospace}.header-content p{margin:.5rem 0 0;color:#666;font-size:.95rem;font-family:Space Grotesk,sans-serif}.create-audit-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6a0dad,#5a0a9d);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #6a0dad4d;font-family:Space Grotesk,sans-serif}.create-audit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6a0dad66}.create-audit-btn:active{transform:translateY(0)}@media(max-width:768px){.audits-wrapper{flex-direction:column}.audits-container{padding:1rem}.audits-header{flex-direction:column;align-items:stretch}.header-content h1{font-size:1.5rem}.create-audit-btn{width:100%;justify-content:center}}