:root{--background:#fff;--background-gradient:linear-gradient(180deg,#fff,#dbeafe);--foreground:#1e3a8a;--card:hsla(0,0%,100%,.8);--card-foreground:#1e3a8a;--surface-strong:hsla(0,0%,100%,.98);--surface:hsla(0,0%,100%,.95);--surface-muted:hsla(0,0%,100%,.9);--surface-soft:hsla(0,0%,100%,.7);--primary:#3b82f6;--primary-hover:#2563eb;--primary-foreground:#fff;--secondary:#8b5cf6;--secondary-hover:#7c3aed;--secondary-foreground:#fff;--muted:#f1f5f9;--muted-foreground:#475569;--accent:#06b6d4;--accent-foreground:#fff;--destructive:#ef4444;--destructive-foreground:#fff;--border:rgba(191,219,254,.5);--border-strong:rgba(191,219,254,.65);--input:rgba(191,219,254,.5);--ring:#3b82f6;--success:#10b981;--success-foreground:#fff;--warning:#f59e0b;--warning-foreground:#fff;--info:#06b6d4;--info-foreground:#fff;--gradient-primary:linear-gradient(90deg,#3b82f6,#8b5cf6);--gradient-primary-hover:linear-gradient(90deg,#2563eb,#7c3aed);--gradient-secondary:linear-gradient(90deg,#06b6d4,#3b82f6);--gradient-accent:linear-gradient(90deg,#3b82f6,#8b5cf6,#06b6d4);--gradient-text:linear-gradient(135deg,#3b82f6,#8b5cf6);--gradient-bg:linear-gradient(to bottom right,#dbeafe,#fff,#f3e8ff);--sidebar-width:280px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--shadow-blue:0 20px 25px -5px rgba(59,130,246,.3)}:root.theme-dark{color-scheme:dark;--background:#050915;--background-gradient:radial-gradient(circle at 20% 20%,rgba(56,189,248,.08),transparent 35%),radial-gradient(circle at 80% 0%,rgba(168,85,247,.08),transparent 30%),linear-gradient(180deg,#0b1220,#0a0f1c 40%,#060912);--foreground:#e2e8f0;--card:rgba(11,17,28,.9);--card-foreground:#e2e8f0;--surface-strong:rgba(9,14,24,.92);--surface:rgba(11,16,27,.88);--surface-muted:rgba(17,24,39,.78);--surface-soft:rgba(25,35,52,.6);--primary:#38bdf8;--primary-hover:#0ea5e9;--primary-foreground:#0b1220;--secondary:#a855f7;--secondary-hover:#7c3aed;--secondary-foreground:#0b1220;--muted:#0f172a;--muted-foreground:#94a3b8;--accent:#22d3ee;--accent-foreground:#0b1220;--destructive:#ef4444;--destructive-foreground:#0b1220;--border:rgba(148,163,184,.4);--border-strong:rgba(148,163,184,.55);--input:rgba(148,163,184,.35);--ring:#38bdf8;--success:#22c55e;--success-foreground:#032513;--warning:#f59e0b;--warning-foreground:#1f1302;--info:#06b6d4;--info-foreground:#021b2c;--gradient-primary:linear-gradient(120deg,#22d3ee,#38bdf8,#a855f7);--gradient-primary-hover:linear-gradient(120deg,#0ea5e9,#22d3ee,#7c3aed);--gradient-secondary:linear-gradient(120deg,#0ea5e9,#22d3ee);--gradient-accent:linear-gradient(135deg,#38bdf8,#a855f7,#22d3ee);--gradient-text:linear-gradient(135deg,#22d3ee,#a855f7);--gradient-bg:radial-gradient(circle at 20% 20%,rgba(56,189,248,.08),transparent 35%),radial-gradient(circle at 80% 0%,rgba(168,85,247,.08),transparent 30%),linear-gradient(180deg,#0b1220,#0a0f1c 40%,#060912);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.4);--shadow-md:0 10px 30px -12px rgba(0,0,0,.6),0 4px 10px -6px rgba(0,0,0,.5);--shadow-lg:0 15px 40px -10px rgba(0,0,0,.65),0 8px 18px -8px rgba(0,0,0,.5);--shadow-xl:0 25px 60px -10px rgba(0,0,0,.7),0 10px 25px -10px rgba(0,0,0,.65);--shadow-2xl:0 35px 80px -15px rgba(0,0,0,.75);--shadow-blue:0 20px 55px -10px rgba(56,189,248,.35)}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}body{background:var(--background-gradient);color:var(--foreground);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .4s ease,color .3s ease}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");a{color:inherit;text-decoration:none}.dashboard-grid{display:grid;grid-template-columns:1fr;grid-gap:1.25rem;gap:1.25rem}@media (min-width:768px){.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (min-width:1200px){.dashboard-grid{grid-template-columns:repeat(12,1fr);gap:1.5rem}}.col-span-12{grid-column:span 12}.col-span-6{grid-column:span 6}.col-span-4{grid-column:span 4}.col-span-3{grid-column:span 3}@media (max-width:1199px){.col-span-3,.col-span-4{grid-column:span 1}.col-span-6{grid-column:span 2}}@media (max-width:767px){.col-span-12,.col-span-3,.col-span-4,.col-span-6{grid-column:span 1}}.sidebar{width:var(--sidebar-width);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;z-index:100;transition:transform .3s ease;box-shadow:var(--shadow-lg)}.sidebar,.sidebar-overlay{position:fixed;top:0;left:0}.sidebar-overlay{display:none;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:99}.sidebar-overlay.active{display:block}.main-content{margin-left:var(--sidebar-width);flex:1 1;display:flex;flex-direction:column;min-height:100vh}.mobile-header{display:none}.hamburger-btn{display:none;background:none;border:none;color:var(--foreground);cursor:pointer;padding:.5rem}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}.mobile-header{justify-content:space-between;padding:1rem;background:var(--surface-muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:50;box-shadow:var(--shadow-md)}.hamburger-btn,.mobile-header{display:flex;align-items:center}.hamburger-btn{justify-content:center}.desktop-header{display:none!important}.main-padding{padding:1rem!important}.incidents-grid-3{grid-template-columns:1fr!important}}@media (min-width:769px) and (max-width:1024px){.sidebar{width:240px}.main-content{margin-left:240px}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,0));background-size:1000px 100%;animation:shimmer 3s infinite;position:relative;overflow:hidden}.shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);animation:shimmer-slide 2s infinite}@keyframes shimmer-slide{0%{left:-100%}to{left:100%}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 rgba(59,130,246,.4)}50%{box-shadow:0 0 0 10px rgba(59,130,246,0)}}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulse-opacity{0%,to{opacity:1}50%{opacity:.7}}.pulse-glow{animation:pulse-glow 2s infinite}.pulse-scale{animation:pulse-scale 2s ease-in-out infinite}.pulse-opacity{animation:pulse-opacity 2s ease-in-out infinite}.gradient-text-shimmer{background:linear-gradient(135deg,#3b82f6,#8b5cf6 50%,#06b6d4);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.icon-pulse{animation:icon-pulse 2s ease-in-out infinite}@keyframes icon-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}.card-shimmer{position:relative;overflow:hidden}.card-shimmer:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);animation:card-shimmer 3s infinite}@keyframes card-shimmer{0%{left:-100%}to{left:100%}}.hide-mobile{display:block}.show-mobile{display:none}@media (max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}.theme-toggle{display:inline-flex;align-items:center;gap:.55rem;background:var(--surface);color:var(--foreground);border:1px solid var(--border);border-radius:999px;padding:.4rem .75rem;cursor:pointer;transition:all .25s ease;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-toggle:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.theme-toggle:active{transform:translateY(0)}.theme-toggle__track{position:relative;width:48px;height:26px;border-radius:999px;background:var(--muted);border:1px solid var(--border);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05)}.theme-toggle__thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:var(--shadow-md);transition:all .25s ease}.theme-toggle[data-state=dark]{background:linear-gradient(120deg,rgba(34,211,238,.1),rgba(59,130,246,.1));border-color:var(--border-strong);box-shadow:var(--shadow-blue)}.theme-toggle[data-state=dark] .theme-toggle__thumb{transform:translateX(22px);box-shadow:0 10px 30px rgba(34,211,238,.25)}.theme-toggle__icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:var(--gradient-primary);color:var(--primary-foreground);border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.btn-primary:hover{background:var(--gradient-primary-hover);transform:scale(1.05);box-shadow:var(--shadow-xl)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:var(--gradient-secondary);color:var(--primary-foreground);border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md)}.btn-secondary:hover{transform:scale(1.05);box-shadow:var(--shadow-xl)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary);border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease}.btn-outline:hover{background:var(--gradient-primary);color:var(--primary-foreground);transform:scale(1.05);box-shadow:var(--shadow-lg)}.btn-ghost{background:transparent;color:var(--foreground);border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .3s ease}.btn-ghost:hover{background:var(--muted);color:var(--foreground)}.btn-destructive{background:var(--destructive);color:var(--destructive-foreground);border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md)}.btn-destructive:hover{background:#dc2626;transform:scale(1.05);box-shadow:var(--shadow-xl)}.card{background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:1rem;padding:1.5rem;box-shadow:var(--shadow-lg);transition:all .3s ease}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.card-gradient{background:linear-gradient(to bottom right,rgba(59,130,246,.05),rgba(139,92,246,.05));border:2px solid rgba(191,219,254,.5)}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.input{background:var(--card);border:1px solid var(--border);border-radius:.75rem;padding:.75rem 1rem;color:var(--foreground);font-size:.875rem;transition:all .3s ease}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.badge{display:inline-flex;align-items:center;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border:2px solid transparent;transition:all .3s ease}.badge-primary{background:var(--gradient-primary);color:var(--primary-foreground);box-shadow:var(--shadow-md)}.badge-success{background:var(--success);color:var(--success-foreground);box-shadow:var(--shadow-md)}.badge-warning{background:var(--warning);color:var(--warning-foreground);box-shadow:var(--shadow-md)}.badge-destructive{background:var(--destructive);color:var(--destructive-foreground);box-shadow:var(--shadow-md)}.badge-outline{background:transparent;border-color:var(--border);color:var(--foreground)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--muted);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gradient-primary-hover)}.landing-hero-bg{position:relative;overflow:hidden}.landing-hero-bg:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(59,130,246,.08) 0,transparent 50%);animation:pulse-bg 8s ease-in-out infinite}@keyframes pulse-bg{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:1}}html{scroll-behavior:smooth}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out forwards}.landing-card{transition:transform .3s ease,box-shadow .3s ease}.landing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.feature-icon{transition:transform .3s ease}.card:hover .feature-icon{transform:scale(1.1)}.btn-primary:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:hsla(0,0%,100%,.2);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.btn-primary:active:after{width:200px;height:200px}@media (max-width:768px){.landing-grid-2{grid-template-columns:1fr!important}.landing-section{padding:3rem 1rem!important}.landing-hero{padding-top:6rem!important}}.integration-card{transition:all .3s ease}.integration-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:var(--shadow-lg)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.cta-gradient{background:linear-gradient(-45deg,#3b82f6,#8b5cf6,#06b6d4,#3b82f6);background-size:300% 300%;animation:gradientShift 10s ease infinite}