@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.dashboard-topbar{display:flex;align-items:center;justify-content:space-between;height:58px;min-height:58px;width:100%;padding:0 24px;background:#0a0f1ef2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,255,255,.15);position:sticky;top:0;z-index:1000;box-sizing:border-box}.topbar-logo-img{width:46px;height:46px;border-radius:8px;object-fit:cover;box-shadow:0 0 12px #00f5ff80}.hamburger{width:26px;height:20px;display:none;flex-direction:column;justify-content:space-between;cursor:pointer;background:transparent;border:none;z-index:1100}.hamburger span{display:block;height:2.5px;width:100%;background:#00f5ff;border-radius:4px;transition:.3s ease;box-shadow:0 0 6px #00f5ff}@media(max-width:1024px){.dashboard-topbar{padding:0 16px;height:54px;min-height:54px}.topbar-logo-img{width:38px;height:38px}.hamburger{display:flex}.nav-links,.nav-right{display:none!important}}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.logo{font-size:20px;font-weight:800;color:#00f5ff;letter-spacing:1.5px;text-transform:uppercase;background:linear-gradient(45deg,#00f5ff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center}.nav-links{display:flex;align-items:center;gap:8px}.nav-item{position:relative;display:flex;align-items:center}.nav-item span,.nav-links a{color:#94a3b8!important;text-decoration:none;font-size:14px;font-weight:600;padding:6px 12px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;gap:4px;cursor:pointer}.nav-links a.active,.nav-item span.active{color:#00f5ff!important;background:#00f5ff1a;font-weight:700}.nav-item span:hover,.nav-links a:hover{color:#00f5ff!important;background:#00f5ff14}.arrow{font-size:10px;margin-left:2px;transition:transform .2s ease;display:inline-block;opacity:.7}.arrow.open{transform:rotate(180deg);opacity:1}.dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:180px;background:#0a1020f7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(0,245,255,.2);border-radius:10px;padding:6px;box-shadow:0 12px 30px #0009,0 0 15px #00f5ff1a;z-index:2000;animation:dropdownSlideIn .18s cubic-bezier(.16,1,.3,1)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown a{display:flex!important;align-items:center;padding:8px 12px!important;margin:2px 0;color:#94a3b8!important;font-size:13px!important;font-weight:500!important;border-radius:6px;text-decoration:none;transition:all .15s ease!important}.dropdown a:hover{color:#00f5ff!important;background:#00f5ff1f!important;transform:translate(3px)}.dropdown a.active{color:#00f5ff!important;background:#00f5ff26!important;font-weight:700!important}.nav-right{display:flex;align-items:center;gap:12px}.user-info{display:flex;flex-direction:column;align-items:flex-end}.user-name{color:#fff;font-weight:600;font-size:13px}.user-role{font-size:11px;font-weight:700}.user-role.admin{color:#ff4d4d;font-weight:700;text-transform:uppercase}.user-role.user{color:#00ff9c;font-weight:700;text-transform:uppercase}.logout-btn{padding:5px 12px;border:1px solid rgba(0,245,255,.4);background:#00f5ff0d;color:#00f5ff;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:#00f5ff;color:#000;box-shadow:0 0 10px #00f5ff66}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#030712bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9998;animation:overlayFadeIn .25s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.mobile-sidebar{position:fixed;top:0;left:0;width:min(320px,86vw);height:100vh;height:100dvh;background:#0a0f1efa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid rgba(0,245,255,.25);box-shadow:10px 0 40px #000c,0 0 25px #00f5ff1f;z-index:9999;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);overflow:hidden;box-sizing:border-box}.mobile-sidebar.open{transform:translate(0)}.mobile-sidebar-header{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,245,255,.15);background:linear-gradient(180deg,rgba(0,245,255,.06),transparent)}.mobile-sidebar-brand{display:flex;align-items:center;gap:12px}.mobile-sidebar-logo-img{width:38px;height:38px;border-radius:8px;object-fit:cover;box-shadow:0 0 12px #00f5ff80;border:1px solid rgba(0,245,255,.4)}.mobile-sidebar-brand-text{display:flex;flex-direction:column}.mobile-brand-title{font-size:16px;font-weight:800;color:#00f5ff;letter-spacing:1px;text-transform:uppercase}.mobile-brand-sub{font-size:10px;color:#64748b;letter-spacing:.5px;text-transform:uppercase}.mobile-sidebar-close-btn{background:#0f172a99;border:1px solid rgba(0,245,255,.2);color:#94a3b8;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.mobile-sidebar-close-btn:hover{background:#ef444433;border-color:#ef4444;color:#ef4444}.mobile-user-card{margin:14px 16px 8px;padding:12px 14px;background:#0f172ab3;border:1px solid rgba(0,245,255,.18);border-radius:10px;display:flex;align-items:center;gap:12px}.mobile-user-avatar{width:34px;height:34px;border-radius:8px;background:#00f5ff1f;border:1px solid rgba(0,245,255,.3);color:#00f5ff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-user-details{display:flex;flex-direction:column;overflow:hidden;flex:1}.mobile-user-name{color:#f8fafc;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-user-email{color:#64748b;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-role-badge{font-size:10px;font-weight:800;padding:3px 8px;border-radius:4px;letter-spacing:.5px}.mobile-role-badge.admin{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#ef4444}.mobile-role-badge.user{background:#10b98126;border:1px solid rgba(16,185,129,.4);color:#10b981}.mobile-sidebar-nav{flex:1;overflow-y:auto;padding:10px 14px;overscroll-behavior:contain}.mobile-sidebar-nav::-webkit-scrollbar{width:4px}.mobile-sidebar-nav::-webkit-scrollbar-thumb{background:#00f5ff33;border-radius:4px}.mobile-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.mobile-nav-single-item{list-style:none}.mobile-nav-link{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:8px;color:#94a3b8;text-decoration:none;font-size:14px;font-weight:600;transition:all .2s ease;border:1px solid transparent}.mobile-nav-link:hover{background:#00f5ff14;color:#00f5ff;border-color:#00f5ff33;transform:translate(4px)}.mobile-nav-link.active{background:#00f5ff24;color:#00f5ff;border-color:#00f5ff59;box-shadow:0 0 12px #00f5ff26}.mobile-nav-icon{color:#00f5ff;flex-shrink:0}.mobile-nav-text{flex:1}.mobile-nav-group-item{list-style:none}.mobile-group-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-radius:8px;background:transparent;border:1px solid transparent;color:#94a3b8;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:left}.mobile-group-toggle:hover{background:#00f5ff0f;color:#00f5ff}.mobile-group-toggle.active-group{color:#00f5ff;background:#00f5ff14;border-color:#00f5ff33}.mobile-group-toggle-left{display:flex;align-items:center;gap:12px}.mobile-chevron{color:#64748b;transition:transform .2s ease}.mobile-sub-list{list-style:none;margin:4px 0 6px 20px;padding:4px 0 4px 12px;border-left:1px dashed rgba(0,245,255,.25);display:flex;flex-direction:column;gap:3px;animation:submenuFade .2s ease}@keyframes submenuFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mobile-sub-item{list-style:none}.mobile-sub-link{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:6px;color:#94a3b8;text-decoration:none;font-size:13px;font-weight:500;transition:all .2s ease}.mobile-sub-link:hover{color:#00f5ff;background:#00f5ff14;transform:translate(4px)}.mobile-sub-link.active{color:#00f5ff;background:#00f5ff1f;font-weight:700}.mobile-sub-icon{color:#38bdf8;flex-shrink:0}.mobile-sidebar-footer{padding:14px 16px;border-top:1px solid rgba(0,245,255,.15);background:#0a0f1ef2}.mobile-logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:8px;background:#ef44441a;border:1px solid rgba(239,68,68,.35);color:#f87171;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.mobile-logout-btn:hover{background:#ef4444;color:#fff;box-shadow:0 0 15px #ef444480}@media(min-width:1025px){.mobile-sidebar,.sidebar-overlay{display:none!important}}.admin-banner{position:relative;width:100%;background:linear-gradient(90deg,#f36,#e11d48);color:#fff;padding:3px 12px;text-align:center;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:1px;z-index:1001;display:flex;align-items:center;justify-content:center;gap:6px;height:24px;box-sizing:border-box}.admin-banner-icon{display:inline-block;width:8px;height:8px;background:#fff;border-radius:50%;animation:blink 1s infinite}.admin-banner-text{text-shadow:0 1px 2px rgba(0,0,0,.5)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.layout{width:100%;min-height:100vh;min-height:100dvh;background:var(--bg-primary, #030712);display:flex;flex-direction:column;position:relative;overflow-x:hidden}.content{width:100%;max-width:100%;padding:24px 24px 48px;margin-top:0;box-sizing:border-box;flex:1;overflow-x:hidden}@media(max-width:1024px){.content{padding:22px 18px 36px}}@media(max-width:640px){.content{padding:20px 16px 32px}}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1rem;border-radius:8px}.table-responsive::-webkit-scrollbar{height:6px}.table-responsive::-webkit-scrollbar-track{background:#0f172a99}.table-responsive::-webkit-scrollbar-thumb{background:#00f5ff40;border-radius:4px}.table-responsive::-webkit-scrollbar-thumb:hover{background:#00f5ff80}.grid-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-background);pointer-events:none;overflow:hidden}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0%,rgba(5,10,24,.4) 50%,rgba(5,10,24,.8) 100%)}.particle-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-background);pointer-events:none;opacity:.6}.navbar{position:fixed;top:0;left:0;width:100%;z-index:var(--z-fixed);padding:var(--spacing-md) 0}.navbar-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg)}.navbar-logo{display:flex;align-items:center}.logo-link{font-size:var(--font-xl);font-weight:700;color:var(--accent);text-decoration:none;transition:all var(--transition-fast);display:flex;align-items:center;gap:10px}.navbar-logo-img{width:48px;height:48px;border-radius:8px;object-fit:cover;box-shadow:0 0 14px #00f5ff80}.logo-link:hover{color:var(--accent-hover);text-shadow:0 0 10px var(--accent-soft)}.navbar-menu{display:flex;align-items:center;gap:var(--spacing-md)}.nav-link,.nav-link .btn{text-decoration:none}.main-layout{position:relative;min-height:100vh;width:100%}.main-content{position:relative;z-index:var(--z-base);padding-top:100px;min-height:calc(100vh - 100px)}.landing{min-height:100vh;padding:0;overflow-x:hidden}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);position:relative}.hero-container{display:flex;align-items:center;justify-content:space-between;max-width:1400px;width:100%;gap:var(--spacing-3xl)}.hero-left{flex:1;max-width:600px;text-align:left}.hero-right{flex:1;max-width:500px;display:flex;justify-content:center;align-items:center}.hero-title{font-size:3rem;line-height:1.2;font-weight:700;color:var(--accent);margin-bottom:var(--spacing-lg);text-shadow:0 0 30px var(--accent-soft)}.hero-subtitle{font-size:var(--font-lg);color:var(--text-secondary);margin-bottom:var(--spacing-2xl);line-height:1.6}.hero-buttons{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.hero-buttons .btn{transition:all var(--transition-normal)}.hero-buttons .btn:hover{transform:scale(1.05)}.dashboard-preview{width:100%;max-width:400px;padding:var(--spacing-lg);position:relative;overflow:hidden}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border)}.preview-indicator{width:12px;height:12px;border-radius:50%;background:var(--accent);position:relative}.preview-indicator.active:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;border:2px solid var(--accent);animation:pulse 2s infinite}.preview-header span{color:var(--text-primary);font-weight:500}.preview-metrics{display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.metric{text-align:center}.metric-value{display:block;font-size:var(--font-xl);font-weight:700;color:var(--accent);margin-bottom:var(--spacing-xs)}.metric-label{font-size:var(--font-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.preview-chart{display:flex;align-items:flex-end;justify-content:space-between;height:80px;gap:var(--spacing-sm)}.chart-bar{flex:1;background:linear-gradient(to top,var(--accent),var(--accent-hover));border-radius:var(--radius-sm);animation:chartGrow 2s ease-out infinite alternate}.chart-bar:nth-child(1){height:60%}.chart-bar:nth-child(2){height:80%}.chart-bar:nth-child(3){height:45%}.chart-bar:nth-child(4){height:90%}@keyframes chartGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.features-section{padding:var(--spacing-3xl) var(--spacing-xl);background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));position:relative}.features-container{max-width:1200px;margin:0 auto}.section-title{font-size:var(--font-3xl);font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:var(--spacing-3xl)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.feature-card{padding:var(--spacing-xl);text-align:center;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--accent-soft),transparent);transition:left .5s ease}.feature-card:hover:before{left:100%}.feature-card:hover{transform:translateY(-10px) scale(1.02);border-color:var(--accent);box-shadow:0 0 20px var(--accent)}.feature-icon{font-size:3rem;margin-bottom:var(--spacing-md);display:block;filter:drop-shadow(0 0 10px var(--accent-soft))}.feature-card h3{font-size:var(--font-xl);font-weight:600;color:var(--accent);margin-bottom:var(--spacing-md)}.feature-card p{color:var(--text-secondary);line-height:1.6}.about-section{padding:var(--spacing-3xl) var(--spacing-xl);background:var(--bg-primary)}.about-container{max-width:800px;margin:0 auto}.about-content{padding:var(--spacing-2xl);text-align:center}.about-title{font-size:var(--font-2xl);font-weight:600;color:var(--accent);margin-bottom:var(--spacing-lg)}.about-text{font-size:var(--font-lg);color:var(--text-secondary);line-height:1.8;margin-bottom:0}.cta-section{padding:var(--spacing-3xl) var(--spacing-xl);background:linear-gradient(135deg,var(--bg-secondary),var(--bg-primary))}.cta-container{max-width:600px;margin:0 auto}.cta-content{text-align:center;padding:var(--spacing-3xl)}.cta-title{font-size:var(--font-3xl);font-weight:700;color:var(--accent);margin-bottom:var(--spacing-lg);text-shadow:0 0 20px var(--accent-soft)}.cta-subtitle{font-size:var(--font-lg);color:var(--text-secondary);margin-bottom:var(--spacing-2xl);line-height:1.6}.cta-button{padding:var(--spacing-md) var(--spacing-2xl);font-size:var(--font-lg);font-weight:600;transition:all var(--transition-normal)}.cta-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 30px var(--accent-soft)}.fade-in{opacity:0;transform:translateY(40px);animation:fadeIn .8s ease forwards}@media(max-width:1024px){.hero-container{flex-direction:column;text-align:center;gap:var(--spacing-2xl)}.hero-left,.hero-right{max-width:100%;text-align:center}}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:var(--font-base)}.features-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn{width:200px}.dashboard-preview{max-width:100%}}.cl-page{background-color:#030712;color:#f1f5f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh;min-height:100dvh;margin:0;padding:0;box-sizing:border-box;overflow-x:hidden;width:100%;position:relative}.cl-page:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 15%,rgba(6,182,212,.08) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(56,189,248,.05) 0%,transparent 50%);pointer-events:none;z-index:0}.cl-nav{position:sticky;top:0;z-index:100;background:#030712eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,245,255,.15);padding:.85rem 2rem;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;transition:padding .2s ease}.cl-brand{display:flex;align-items:center;gap:.75rem}.cl-logo-img{width:44px;height:44px;border-radius:8px;object-fit:cover;box-shadow:0 0 14px #38bdf880;border:1px solid rgba(56,189,248,.4);flex-shrink:0}.cl-brand-title{font-size:1.15rem;font-weight:800;color:#fff;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.cl-brand-tag{background:#06b6d426;color:#38bdf8;border:1px solid rgba(56,189,248,.35);padding:.15rem .5rem;border-radius:.375rem;font-family:monospace;font-size:.75rem;font-weight:700;letter-spacing:1px}.cl-nav-actions{display:flex;align-items:center;gap:1rem}.cl-btn-text{color:#cbd5e1;text-decoration:none;font-size:.875rem;font-weight:600;padding:.5rem .85rem;border-radius:.375rem;transition:color .2s ease,background-color .2s ease}.cl-btn-text:hover{color:#38bdf8;background-color:#38bdf814}.cl-btn-primary{background:linear-gradient(135deg,#06b6d4,#0284c7);color:#030712;text-decoration:none;font-size:.875rem;font-weight:700;padding:.6rem 1.25rem;border-radius:.5rem;box-shadow:0 4px 14px #06b6d459;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.cl-btn-primary:hover{background:linear-gradient(135deg,#38bdf8,#06b6d4);transform:translateY(-1px);box-shadow:0 6px 20px #06b6d480}.cl-btn-secondary{background-color:#0f172acc;color:#f1f5f9;border:1px solid #334155;text-decoration:none;font-size:.875rem;font-weight:600;padding:.6rem 1.25rem;border-radius:.5rem;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.cl-btn-secondary:hover{background-color:#1e293b;border-color:#38bdf8;color:#38bdf8}.cl-btn-text-short{display:none}.cl-section{max-width:1200px;margin:0 auto;padding:4rem 1.5rem;box-sizing:border-box;width:100%;position:relative;z-index:1}.cl-section-header{text-align:center;max-width:760px;margin:0 auto 3rem;padding:0 1rem}.cl-section-header h2{font-size:clamp(1.6rem,3.5vw,2.25rem);font-weight:800;color:#fff;margin:0 0 .75rem;letter-spacing:-.01em}.cl-section-header p{color:#94a3b8;font-size:clamp(.875rem,1.8vw,1.05rem);line-height:1.6;margin:0}.cl-hero{text-align:center;padding-top:clamp(2.5rem,7vw,5.5rem);padding-bottom:2.5rem}.cl-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1rem;background:#06b6d41f;border:1px solid rgba(6,182,212,.35);color:#38bdf8;border-radius:9999px;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.75rem;box-shadow:0 0 15px #06b6d426}.cl-dot{width:7px;height:7px;background-color:#38bdf8;border-radius:50%;box-shadow:0 0 8px #38bdf8;animation:dotPulse 2s infinite ease-in-out}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.cl-hero-title{font-size:clamp(1.85rem,5.2vw,3.25rem);font-weight:800;line-height:1.15;color:#fff;max-width:920px;margin:0 auto 1.5rem;letter-spacing:-.02em;word-break:break-word}.cl-hero-sub{font-size:clamp(.95rem,2.2vw,1.2rem);color:#94a3b8;max-width:720px;margin:0 auto 2.5rem;line-height:1.6;padding:0 .5rem}.cl-hero-cta{display:flex;justify-content:center;gap:1rem;margin-bottom:3.5rem;flex-wrap:wrap}.cl-metrics-section{padding-top:1rem;padding-bottom:3rem}.cl-grid-4-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;width:100%;box-sizing:border-box}.cl-metric-card{background:#0f172abf;border:1px solid rgba(56,189,248,.2);border-radius:.875rem;padding:1.5rem 1rem;text-align:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 24px #0006,0 0 15px #06b6d40d;transition:all .2s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.cl-metric-card:hover{border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 12px 30px #0009,0 0 20px #38bdf833}.cl-metric-value{display:block;font-size:clamp(1.6rem,3.2vw,2.25rem);font-weight:800;color:#38bdf8;margin-bottom:.4rem;font-family:monospace;letter-spacing:-.02em;white-space:nowrap;line-height:1.1;text-shadow:0 0 20px rgba(56,189,248,.4)}.cl-metric-label{color:#94a3b8;font-size:clamp(.72rem,1.4vw,.825rem);font-weight:600;text-transform:uppercase;letter-spacing:.06em;line-height:1.35;text-align:center}.cl-story-timeline{display:flex;flex-direction:column;gap:1.5rem;margin-top:1rem;width:100%}.cl-story-card{background:#0f172ab3;border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1.75rem 2rem;display:grid;grid-template-columns:80px 1fr 280px;gap:1.75rem;align-items:center;transition:all .2s ease;box-sizing:border-box;width:100%}.cl-story-card:hover{border-color:#38bdf866;background:#0f172ae6;box-shadow:0 8px 30px #0006,0 0 15px #38bdf81a}.cl-act-badge{font-family:monospace;font-size:.8rem;font-weight:800;color:#38bdf8;background:#38bdf81f;border:1px solid rgba(56,189,248,.25);padding:.5rem;border-radius:.5rem;text-align:center;letter-spacing:.5px}.cl-story-info h3{font-size:clamp(1.15rem,2vw,1.35rem);font-weight:700;color:#fff;margin:0 0 .5rem}.cl-story-info p{color:#94a3b8;font-size:.925rem;line-height:1.6;margin:0}.cl-story-spec{background:#020617cc;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1rem}.cl-spec-row{display:flex;justify-content:space-between;font-size:.825rem;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.cl-spec-row:last-child{border-bottom:none}.cl-spec-label{color:#64748b;font-weight:500}.cl-spec-val{color:#38bdf8;font-weight:600;font-family:monospace}.cl-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1rem;width:100%;box-sizing:border-box}.cl-feature-box{background:#0f172ab3;border:1px solid rgba(255,255,255,.08);border-radius:.875rem;padding:1.75rem 1.5rem;height:100%;box-sizing:border-box;transition:all .2s ease}.cl-feature-box:hover{border-color:#38bdf859;transform:translateY(-2px);box-shadow:0 8px 24px #0006}.cl-feature-box h4{font-size:1.1rem;font-weight:700;color:#fff;margin:0 0 .6rem}.cl-feature-box p{color:#94a3b8;font-size:.875rem;line-height:1.6;margin:0}.cl-footer{border-top:1px solid rgba(255,255,255,.08);padding:2.5rem 1.5rem;text-align:center;color:#64748b;font-size:.85rem;background:#030712cc}@media(max-width:1024px){.cl-nav{padding:.85rem 1.5rem}.cl-grid-4-metrics{grid-template-columns:repeat(2,1fr);gap:1rem}.cl-grid-3{grid-template-columns:repeat(2,1fr);gap:1.25rem}.cl-story-card{grid-template-columns:70px 1fr 240px;gap:1.25rem;padding:1.5rem}}@media(max-width:860px){.cl-story-card{grid-template-columns:1fr;gap:1.25rem;padding:1.5rem}.cl-act-badge{width:fit-content;padding:.35rem .85rem}.cl-story-spec{width:100%;box-sizing:border-box}}@media(max-width:640px){.cl-nav{padding:.65rem 1rem}.cl-logo-img{width:36px;height:36px}.cl-brand-title{font-size:1rem}.cl-nav-actions{gap:.5rem}.cl-btn-text{padding:.4rem .5rem;font-size:.825rem}.cl-btn-primary{padding:.45rem .85rem;font-size:.8rem}.cl-section{padding:2.75rem 1rem}.cl-hero{padding-top:2rem;padding-bottom:1.5rem}.cl-pill{font-size:.7rem;padding:.3rem .75rem;margin-bottom:1.25rem}.cl-hero-title{font-size:clamp(1.65rem,6.5vw,2.25rem);margin-bottom:1rem;line-height:1.2}.cl-hero-sub{font-size:.925rem;line-height:1.5;margin-bottom:2rem;padding:0}.cl-hero-cta{flex-direction:column;align-items:stretch;gap:.75rem;width:100%;max-width:360px;margin:0 auto 2.5rem}.cl-hero-cta .cl-btn-primary,.cl-hero-cta .cl-btn-secondary{width:100%;padding:.75rem 1rem;box-sizing:border-box;font-size:.9rem}.cl-grid-4-metrics{grid-template-columns:repeat(2,1fr);gap:.75rem}.cl-metric-card{padding:1.1rem .6rem;border-radius:.75rem}.cl-metric-value{font-size:clamp(1.35rem,5.2vw,1.75rem);margin-bottom:.25rem}.cl-metric-label{font-size:.725rem;line-height:1.3}.cl-grid-3{grid-template-columns:1fr;gap:1rem}.cl-feature-box{padding:1.25rem 1rem}.cl-feature-box h4{font-size:1rem}.cl-feature-box p{font-size:.825rem}.cl-story-card{padding:1.25rem 1rem;gap:1rem;border-radius:.75rem}.cl-story-info h3{font-size:1.1rem}.cl-story-info p{font-size:.85rem;line-height:1.5}.cl-story-spec{padding:.75rem}.cl-spec-row{font-size:.78rem}}@media(max-width:380px){.cl-brand-title,.cl-btn-text-full{display:none}.cl-btn-text-short{display:inline}.cl-grid-4-metrics{grid-template-columns:1fr;gap:.65rem}.cl-metric-card{padding:.9rem .75rem}}.auth-login-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow-x:hidden;overflow-y:auto;padding:40px 16px;box-sizing:border-box;background:#030712}.auth-login-page .auth-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.auth-login-page .grid-lines{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,245,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,.07) 1px,transparent 1px);background-size:40px 40px}.auth-login-page .particles{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 15% 20%,rgba(0,245,255,.08) 0%,transparent 45%),radial-gradient(circle at 85% 80%,rgba(239,68,68,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(14,165,233,.04) 0%,transparent 65%)}.auth-login-card{position:relative;z-index:10;width:100%;max-width:440px;margin:auto 0;background:#0a1122f0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:18px;padding:30px 26px;box-sizing:border-box;box-shadow:0 20px 50px -10px #000c;transition:border-color .3s ease,box-shadow .3s ease}.auth-login-card.role-user{border:1px solid rgba(0,245,255,.35);box-shadow:0 12px 45px -10px #00f5ff2e,0 0 1px #00f5ff80}.auth-login-card.role-admin{border:1px solid rgba(239,68,68,.38);box-shadow:0 12px 45px -10px #ef444438,0 0 1px #ef444480}.auth-login-header{text-align:center;margin-bottom:22px}.auth-login-header .brand-logo-link{display:inline-block;text-decoration:none;transition:transform .2s ease}.auth-login-header .brand-logo-link:hover{transform:scale(1.05)}.auth-login-logo{width:52px;height:52px;border-radius:12px;object-fit:cover;box-shadow:0 0 18px #00f5ff73;margin-bottom:12px;border:1px solid rgba(0,245,255,.3)}.auth-login-header h2{font-size:24px;font-weight:700;color:#f8fafc;margin:0 0 4px;letter-spacing:-.02em}.auth-login-header .text-cyan{color:#00f5ff;text-shadow:0 0 16px rgba(0,245,255,.6)}.auth-login-header p{color:#94a3b8;font-size:13px;margin:0;line-height:1.4}.auth-login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#0f172ae6;padding:5px;border-radius:11px;border:1px solid rgba(255,255,255,.09);margin-bottom:18px}.auth-login-tab-btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;border-radius:8px;border:none;background:transparent;color:#94a3b8;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.auth-login-tab-btn:hover{color:#f8fafc}.auth-login-tab-btn.user-tab.active{background:#00f5ff29;color:#00f5ff;box-shadow:0 2px 10px #00f5ff40;border:1px solid rgba(0,245,255,.35)}.auth-login-tab-btn.admin-tab.active{background:#ef44442e;color:#ef4444;box-shadow:0 2px 10px #ef444440;border:1px solid rgba(239,68,68,.4)}.auth-login-quickstrip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;margin-bottom:18px;border-radius:8px;background:#0f172a99;border:1px solid rgba(255,255,255,.08)}.auth-login-quickstrip-label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#94a3b8}.auth-login-quickstrip-chips{display:flex;align-items:center;gap:6px}.auth-quick-chip{padding:4px 9px;font-size:11px;font-weight:600;border-radius:5px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#cbd5e1;cursor:pointer;transition:all .15s ease}.auth-quick-chip:hover{background:#ffffff1f;color:#fff;border-color:#ffffff4d}.auth-quick-chip.chip-cyan:hover{background:#00f5ff2e;color:#00f5ff;border-color:#00f5ff66}.auth-quick-chip.chip-red:hover{background:#ef44442e;color:#ef4444;border-color:#ef444466}.auth-saved-select-box{margin-bottom:16px}.auth-saved-select{width:100%;height:34px;padding:4px 10px;background:#0f172ab3;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#94a3b8;font-size:11px;font-weight:500;outline:none;cursor:pointer;transition:border-color .2s ease}.auth-saved-select:focus{border-color:#00f5ff;color:#f8fafc}.auth-login-form{display:flex;flex-direction:column;gap:16px}.auth-login-field{display:flex;flex-direction:column;gap:6px;text-align:left}.auth-login-field label{color:#cbd5e1;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.auth-login-input{width:100%;height:42px;padding:0 14px;background:#0f172ad9;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:#fff;font-size:13px;font-weight:500;box-sizing:border-box;outline:none;transition:all .2s ease}.auth-login-input::placeholder{color:#64748b;font-size:12px}.auth-login-input:focus{border-color:#00f5ff;box-shadow:0 0 12px #00f5ff40;background:#0f172af2}.role-admin .auth-login-input:focus{border-color:#ef4444;box-shadow:0 0 12px #ef444440}.auth-login-password-wrap{position:relative;display:flex;align-items:center;width:100%}.auth-login-password-wrap .auth-login-input{padding-right:44px}.auth-login-eye-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.auth-login-eye-btn:hover{color:#f8fafc}.auth-captcha-box{display:flex;flex-direction:column;gap:8px;background:#0f172abf;border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:10px 12px;box-sizing:border-box}.auth-captcha-header{display:flex;align-items:center;justify-content:space-between}.auth-captcha-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.6px}.auth-captcha-row{display:flex;align-items:center;gap:10px}.auth-captcha-canvas-wrap{position:relative;background:#050b14;border-radius:6px;border:1px solid rgba(0,245,255,.35);display:flex;align-items:center;justify-content:center;overflow:hidden;height:40px;padding:0 4px}.role-admin .auth-captcha-canvas-wrap{border-color:#ef444466}.auth-captcha-refresh-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.auth-captcha-refresh-btn:hover{color:#00f5ff;transform:rotate(90deg)}.role-admin .auth-captcha-refresh-btn:hover{color:#ef4444}.auth-captcha-input{flex:1;height:40px;padding:0 12px;background:#0a101ed9;border:1px solid rgba(255,255,255,.14);border-radius:6px;color:#fff;font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;box-sizing:border-box;outline:none;transition:all .2s ease}.auth-captcha-input::placeholder{letter-spacing:normal;text-transform:none;font-size:11px;font-weight:400;color:#64748b}.auth-captcha-input:focus{border-color:#00f5ff;box-shadow:0 0 10px #00f5ff40}.role-admin .auth-captcha-input:focus{border-color:#ef4444;box-shadow:0 0 10px #ef444440}.auth-login-options{display:flex;justify-content:space-between;align-items:center;margin-top:-2px}.auth-login-checkbox-label{display:flex;align-items:center;gap:7px;color:#94a3b8;font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.auth-login-checkbox{accent-color:#00f5ff;cursor:pointer}.role-admin .auth-login-checkbox{accent-color:#ef4444}.auth-login-forgot-link{color:#94a3b8;font-size:12px;text-decoration:none;transition:color .2s ease}.auth-login-forgot-link:hover{color:#00f5ff;text-decoration:underline}.auth-login-error{padding:9px 12px;background:#ef444424;border:1px solid rgba(239,68,68,.4);border-radius:8px;color:#fca5a5;font-size:12px;line-height:1.4;text-align:center;word-break:break-word}.auth-login-success{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;background:#22c55e24;border:1px solid rgba(34,197,94,.4);border-radius:8px;color:#86efac;font-size:12px;line-height:1.4;text-align:center}.auth-login-submit-btn{width:100%;height:44px;margin-top:4px;border-radius:9px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:7px;transition:all .25s ease}.auth-login-submit-btn.user-btn{background:linear-gradient(135deg,#00f5ff,#0284c7);color:#030712;box-shadow:0 4px 18px #00f5ff59}.auth-login-submit-btn.user-btn:hover:not(:disabled){box-shadow:0 6px 24px #00f5ff8c;transform:translateY(-1px)}.auth-login-submit-btn.admin-btn{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;box-shadow:0 4px 18px #ef444466}.auth-login-submit-btn.admin-btn:hover:not(:disabled){box-shadow:0 6px 24px #ef444499;transform:translateY(-1px)}.auth-login-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-login-instant-btn{width:100%;height:38px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#cbd5e1;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.auth-login-instant-btn:hover:not(:disabled){background:#ffffff17;color:#fff;border-color:#ffffff40}.role-admin .auth-login-instant-btn:hover:not(:disabled){background:#ef444426;color:#f87171;border-color:#ef444466}.role-user .auth-login-instant-btn:hover:not(:disabled){background:#00f5ff1f;color:#00f5ff;border-color:#00f5ff59}.auth-login-footer{text-align:center;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:8px}.auth-login-footer p{color:#94a3b8;font-size:12px;margin:0}.auth-login-footer .auth-link{color:#00f5ff;text-decoration:none;font-weight:600;transition:color .2s ease}.auth-login-footer .auth-link:hover{color:#38bdf8;text-decoration:underline}.auth-login-back-home{color:#64748b;font-size:12px;text-decoration:none;transition:color .2s ease}.auth-login-back-home:hover{color:#94a3b8}@media(max-width:480px){.auth-login-page{padding:20px 12px}.auth-login-card{padding:22px 16px;border-radius:14px}.auth-login-header h2{font-size:21px}.auth-login-tab-btn{font-size:11px;padding:8px 6px}.auth-login-quickstrip{flex-direction:column;align-items:flex-start;gap:6px}.auth-login-quickstrip-chips{width:100%;justify-content:flex-start}}.auth-container{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;position:relative;overflow-x:hidden;overflow-y:auto;padding:24px 16px;box-sizing:border-box}.auth-content-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;max-width:1600px;gap:60px;min-height:100vh;padding:40px 20px}@media(max-width:768px){.auth-content-wrapper{flex-direction:column;align-items:center;gap:20px}}.auth-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.grid-lines{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,245,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite}.particles{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,var(--accent-soft) 0%,transparent 50%),radial-gradient(circle at 80% 20%,var(--accent-soft) 0%,transparent 50%),radial-gradient(circle at 40% 40%,var(--accent-soft) 0%,transparent 50%);animation:particleFloat 10s ease-in-out infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes particleFloat{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:.6;transform:translateY(-20px)}}.auth-card.landscape-card{width:100%;max-width:940px;min-width:320px;padding:0;display:flex;flex-direction:row;overflow:hidden;border-radius:16px;background:#0a0f1ed9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(0,245,255,.3);box-shadow:0 0 50px #00f5ff26;margin:0 auto}.signup-hero-panel{flex:0 0 320px;background:linear-gradient(145deg,#00f5ff1f,#0f172af2);border-right:1px solid rgba(0,245,255,.2);padding:36px 24px;display:flex;flex-direction:column;justify-content:center;gap:20px}.hero-brand{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.hero-shield-icon{color:#00f5ff;filter:drop-shadow(0 0 10px rgba(0,245,255,.5))}.hero-brand h2{font-size:22px;font-weight:800;color:#fff;margin:0;letter-spacing:.5px}.hero-badge{font-size:9px;font-weight:700;padding:2px 8px;border-radius:4px;background:#00f5ff26;color:#00f5ff;border:1px solid rgba(0,245,255,.4);letter-spacing:1px}.hero-desc{font-size:12px;color:#94a3b8;line-height:1.5;margin:0}.hero-features{display:flex;flex-direction:column;gap:12px;margin-top:8px}.feature-item{display:flex;align-items:center;gap:10px;font-size:12px;color:#e2e8f0;font-weight:500}.signup-form-panel{flex:1;padding:32px 36px;display:flex;flex-direction:column;justify-content:center}.signup-form-panel .auth-header{text-align:left;margin-bottom:20px}.signup-form-panel .auth-header h2{font-size:24px;font-weight:700;color:#00f5ff;margin-bottom:4px}.signup-form-panel .auth-header p{font-size:13px;color:#94a3b8;margin:0}.signup-grid-landscape{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 18px}.signup-grid-landscape .span-2{grid-column:span 2}.input-icon-wrapper{position:relative;display:flex;align-items:center}.input-field-icon{position:absolute;left:12px;color:#00f5ff;pointer-events:none;z-index:2}.auth-input.with-icon{padding-left:36px!important}.password-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.password-toggle-btn{position:absolute;right:12px;background:none;border:none;color:#00f5ff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}@media(max-width:820px){.auth-card.landscape-card{flex-direction:column;max-width:480px}.signup-hero-panel{flex:none;padding:24px;border-right:none;border-bottom:1px solid rgba(0,245,255,.2)}.signup-form-panel{padding:24px}.signup-grid-landscape{grid-template-columns:1fr}.signup-grid-landscape .span-2{grid-column:span 1}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-header h2{font-size:var(--font-2xl);font-weight:700;color:var(--accent);margin-bottom:var(--spacing-sm);text-shadow:0 0 20px var(--accent-soft)}.auth-header p{color:var(--text-secondary);font-size:var(--font-sm);line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{color:#00f5ff!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.8px!important;margin-bottom:6px!important;display:block}.auth-input,.auth-select{width:100%;height:44px!important;box-sizing:border-box!important;padding:0 14px!important;line-height:42px!important;background:#0f172af2!important;border:1px solid rgba(0,245,255,.4)!important;border-radius:8px!important;color:#fff!important;font-size:13px!important;font-weight:600!important;outline:none;transition:all .2s ease;box-shadow:inset 0 1px 3px #00000080}textarea.auth-input{height:auto!important;min-height:70px!important;padding:10px 14px!important;line-height:1.4!important}.auth-input::placeholder{color:#64748b!important;font-weight:400!important}.auth-input:focus,.auth-select:focus{border-color:#00f5ff!important;box-shadow:0 0 12px #00f5ff4d,inset 0 1px 3px #00000080!important}.auth-input:hover,.auth-select:hover{border-color:#00f5ff99!important}.auth-input.with-icon{padding-left:38px!important}.auth-select{padding:0 36px 0 14px!important;line-height:42px!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml;utf8,<svg fill='%2300f5ff' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:18px!important;cursor:pointer}.auth-select.with-icon{padding-left:38px!important}.auth-select option{background-color:#0f172a!important;color:#fff!important;padding:10px 14px!important;font-size:13px!important;font-weight:500!important}.auth-button{width:100%;padding:14px;margin-top:var(--spacing-md);font-weight:600;font-size:var(--font-base);text-transform:uppercase;letter-spacing:.5px;transition:all var(--transition-normal);position:relative;overflow:hidden}.auth-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.auth-button:hover:before{left:100%}.auth-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--accent-soft)}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{padding:var(--spacing-sm);background:#ff33661a;border:1px solid rgba(255,51,102,.3);border-radius:var(--radius-md);color:#f36;font-size:var(--font-sm);text-align:center;animation:errorShake .5s ease}.success-message{background:#00ff661a;border:1px solid rgba(0,255,102,.3);color:#0f6;padding:12px;border-radius:8px;font-size:14px;margin-bottom:20px;text-align:center;animation:fadeIn .3s ease-in}.form-help-text{display:block;margin-top:5px;font-size:12px;color:var(--text-secondary);opacity:.8}.auth-textarea{resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.auth-footer{text-align:center;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border)}.auth-footer p{color:var(--text-secondary);font-size:var(--font-sm)}.auth-link{color:var(--accent);text-decoration:none;font-weight:500;transition:all var(--transition-fast)}.auth-link:hover{color:var(--accent-hover);text-shadow:0 0 10px var(--accent-soft)}@media(max-width:860px){.auth-card.landscape-card{flex-direction:column;max-width:500px;width:100%;margin:16px auto}.signup-hero-panel{flex:none;width:100%;box-sizing:border-box;padding:24px 20px;border-right:none;border-bottom:1px solid rgba(0,245,255,.2)}.signup-form-panel{padding:24px 20px;box-sizing:border-box;width:100%}.signup-grid-landscape{grid-template-columns:1fr}.signup-grid-landscape .span-2{grid-column:span 1}}@media(max-width:480px){.auth-card{width:95%;max-width:360px;padding:var(--spacing-md)}.auth-header h2{font-size:var(--font-xl)}.auth-input{padding:10px 14px}.auth-button{padding:12px}}.signup-hero-logo-img{width:54px;height:54px;border-radius:12px;object-fit:cover;box-shadow:0 0 15px #00f5ff80;margin-bottom:8px}.card{background:#0f172a;border:1px solid #1e293b;border-radius:.75rem;padding:1.25rem;box-shadow:0 4px 6px -1px #0000004d;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;position:relative;height:100%;display:flex;flex-direction:column}.card:hover{border-color:#38bdf8;box-shadow:0 10px 25px -5px #00000080,0 0 15px #38bdf826;transform:translateY(-2px)}.card:active{transform:translateY(0)}.card>*{position:relative;z-index:1}.card.cyber{background:#0f172a;border:1px solid #1e293b}.card.cyber:hover{border-color:#06b6d4;box-shadow:0 8px 24px #0006,0 0 12px #06b6d433}.stat-card{background:#0f172a;border:1px solid #1e293b;transition:all .2s ease}.stat-card:hover{border-color:#38bdf8;box-shadow:0 8px 20px #0006;transform:translateY(-2px)}.stat-card.warning:hover{border-color:#f59e0b;box-shadow:0 8px 20px #f59e0b26}.stat-card.success:hover{border-color:#10b981;box-shadow:0 8px 20px #10b98126}.stat-card.danger:hover{border-color:#ef4444;box-shadow:0 8px 20px #ef444426}.card.interactive{cursor:pointer}.card.interactive:hover{border-color:#38bdf8;transform:translateY(-3px);box-shadow:0 12px 28px #00000080}.card.glowing{border-color:#38bdf8;box-shadow:0 0 10px #38bdf833}.card.glowing:hover{box-shadow:0 0 20px #38bdf866;border-color:#38bdf8}.animated-counter{display:inline-flex;align-items:center;font-family:JetBrains Mono,monospace;font-weight:600;position:relative}.counter-value{display:inline-block;transition:all .3s ease;position:relative}.animated-counter.animating .counter-value{color:#00f5ff;text-shadow:0 0 10px rgba(0,245,255,.8);animation:counterPulse .5s ease}@keyframes counterPulse{0%{transform:scale(1);text-shadow:0 0 10px rgba(0,245,255,.8)}50%{transform:scale(1.1);text-shadow:0 0 20px rgba(0,245,255,1)}to{transform:scale(1);text-shadow:0 0 10px rgba(0,245,255,.8)}}.animated-counter.success .counter-value{color:#0f0}.animated-counter.success.animating .counter-value{text-shadow:0 0 10px rgba(0,255,0,.8);animation:successPulse .5s ease}@keyframes successPulse{0%{transform:scale(1);text-shadow:0 0 10px rgba(0,255,0,.8)}50%{transform:scale(1.1);text-shadow:0 0 20px rgba(0,255,0,1)}to{transform:scale(1);text-shadow:0 0 10px rgba(0,255,0,.8)}}.animated-counter.warning .counter-value{color:#fa0;background:#ffaa001a;padding:2px 4px;border-radius:4px}.animated-counter.warning.animating .counter-value{text-shadow:0 0 10px rgba(255,170,0,.8);animation:warningPulse .5s ease}@keyframes warningPulse{0%{transform:scale(1);text-shadow:0 0 10px rgba(255,170,0,.8)}50%{transform:scale(1.1);text-shadow:0 0 20px rgba(255,170,0,1)}to{transform:scale(1);text-shadow:0 0 10px rgba(255,170,0,.8)}}.animated-counter.danger .counter-value{color:#f36}.animated-counter.danger.animating .counter-value{text-shadow:0 0 10px rgba(255,51,102,.8);animation:dangerPulse .5s ease}@keyframes dangerPulse{0%{transform:scale(1);text-shadow:0 0 10px rgba(255,51,102,.8)}50%{transform:scale(1.1);text-shadow:0 0 20px rgba(255,51,102,1)}to{transform:scale(1);text-shadow:0 0 10px rgba(255,51,102,.8)}}.animated-counter.large{font-size:2rem;font-weight:700}.animated-counter.medium{font-size:1.5rem;font-weight:600}.animated-counter.small{font-size:1rem;font-weight:500}.animated-counter.compact{font-size:.875rem;font-weight:500}.animated-counter.glow .counter-value{animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{text-shadow:0 0 5px rgba(0,245,255,.5)}to{text-shadow:0 0 15px rgba(0,245,255,.8)}}.dashboard-container{max-width:1400px;margin:0 auto;padding:0 1.25rem 3rem;width:100%;box-sizing:border-box}.dashboard-header{margin-bottom:1.5rem}.dashboard-title{font-size:1.85rem;font-weight:800;color:#38bdf8;margin:0 0 .35rem;letter-spacing:-.02em}.dashboard-sub{color:#94a3b8;font-size:.95rem;margin:0}.db-overview-section{margin-bottom:1.5rem}.db-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:1.25rem}.stat-card.db-card-clickable{background:#0f172a;border:1px solid #1e293b;border-radius:.85rem;padding:1.25rem;display:flex;flex-direction:row;align-items:center;gap:1.1rem;min-height:105px;box-sizing:border-box;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.stat-card.db-card-clickable:hover{transform:translateY(-2px);border-color:#38bdf8;box-shadow:0 10px 25px -5px #00000080,0 0 15px #38bdf82e}.stat-icon-wrapper{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.stat-icon-wrapper.cyan{background:#38bdf81f;border:1px solid rgba(56,189,248,.25);box-shadow:0 0 14px #38bdf826}.stat-icon-wrapper.red{background:#f871711f;border:1px solid rgba(248,113,113,.25);box-shadow:0 0 14px #f8717126}.stat-icon-wrapper.emerald{background:#34d3991f;border:1px solid rgba(52,211,153,.25);box-shadow:0 0 14px #34d39926}.stat-icon-wrapper.yellow{background:#fbbf241f;border:1px solid rgba(251,191,36,.25);box-shadow:0 0 14px #fbbf2426}.stat-card .stat-content{display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0;flex:1;overflow:visible}.stat-card .stat-value{font-size:1.85rem;font-weight:800;line-height:1.15;font-family:JetBrains Mono,monospace,sans-serif;letter-spacing:-.02em}.stat-card .stat-label{font-size:.825rem;font-weight:600;color:#f1f5f9;white-space:normal;word-break:normal;overflow-wrap:break-word;line-height:1.25}.stat-card .stat-sublabel{font-size:.725rem;color:#94a3b8;white-space:normal;word-break:normal;overflow-wrap:break-word;line-height:1.25}.db-controls-row{background:#0f172a;border:1px solid #1e293b;border-radius:.75rem;padding:.85rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.db-capture-status{display:flex;align-items:center;gap:.75rem}.db-status-text{font-size:.85rem;font-weight:600;color:#e2e8f0}.db-banner{background:#0f172a;border:1px solid #1e293b;border-radius:.75rem;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.db-banner-info{display:flex;align-items:center;gap:.75rem}.db-status-dot{width:10px;height:10px;border-radius:50%}.db-status-dot.active{background-color:#10b981;box-shadow:0 0 8px #10b981}.db-status-dot.inactive{background-color:#ef4444}.db-banner-title{color:#fff;font-weight:600;font-size:.9rem}.db-banner-sub{color:#64748b;font-size:.75rem}.db-banner-btn{padding:.45rem 1rem;font-size:.8rem;font-weight:700;border-radius:.375rem;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.db-banner-btn.btn-stop{background:#ef444426;color:#f87171;border-color:#ef44444d}.db-banner-btn.btn-stop:hover{background:#ef4444;color:#fff}.db-banner-btn.btn-start{background:#10b981;color:#030712}.db-banner-btn.btn-start:hover{background:#34d399}.db-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.db-kpi-card{background:#0f172a;border:1px solid #1e293b;border-radius:.75rem;padding:1.25rem;display:flex;flex-direction:column;justify-content:space-between;min-height:110px;height:100%}.db-card-clickable{cursor:pointer;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.db-card-clickable:hover{border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 8px 20px #0006,0 0 12px #38bdf826}.db-kpi-value{font-size:1.85rem;font-weight:800;line-height:1;margin-bottom:.35rem;font-family:monospace}.db-kpi-label{color:#94a3b8;font-size:.8rem;font-weight:500}.db-kpi-link{font-size:.725rem;color:#38bdf8;font-weight:600;margin-top:.5rem;opacity:.85}.text-cyan{color:#38bdf8}.text-red{color:#f87171}.text-yellow{color:#fbbf24}.text-emerald{color:#34d399}.db-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.5rem;align-items:stretch}.db-bottom-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.25rem;align-items:stretch}.db-side-stack{display:flex;flex-direction:column;gap:1.25rem}.db-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.db-card-title{font-size:1rem;font-weight:700;color:#fff;margin:0}.db-card-link-badge{font-size:.75rem;color:#38bdf8;background:#38bdf81a;border:1px solid rgba(56,189,248,.2);padding:.2rem .5rem;border-radius:.25rem;font-weight:600}.db-card-link-btn{background:transparent;border:none;color:#38bdf8;font-size:.775rem;font-weight:600;cursor:pointer;padding:0}.db-card-link-btn:hover{text-decoration:underline}.db-timeline-body{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.db-timeline-latest{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#020617;border:1px solid #1e293b;border-radius:.5rem;padding:.85rem 1rem}.db-timeline-main{display:flex;align-items:center;gap:.75rem;font-size:.875rem}.db-timeline-time{font-family:monospace;color:#38bdf8;font-weight:700;font-size:.8rem}.db-timeline-msg{color:#f1f5f9;font-weight:500}.db-timeline-empty{display:flex;align-items:center;gap:.75rem;background:#020617;border:1px solid #1e293b;border-radius:.5rem;padding:.85rem 1rem;font-size:.85rem;color:#94a3b8}.db-timeline-cta{display:flex;align-items:center;justify-content:flex-end;margin-top:.25rem}.db-timeline-btn{background:#06b6d4;color:#030712;border:none;border-radius:.375rem;padding:.4rem .85rem;font-size:.8rem;font-weight:700;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.db-timeline-btn:hover{background:#38bdf8;transform:translateY(-1px)}.db-telemetry-list{display:flex;flex-direction:column;gap:.5rem;font-size:.85rem}.db-telemetry-row{display:flex;justify-content:space-between;padding-bottom:.4rem;border-bottom:1px solid #1e293b}.db-telemetry-row:last-child{border-bottom:none}.db-telemetry-row .label{color:#94a3b8}.db-telemetry-row .val{font-weight:700}.db-activity-list{display:flex;flex-direction:column;gap:.5rem}.db-activity-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:#020617;border:1px solid #1e293b;border-radius:.375rem;font-size:.775rem}.db-activity-item .user{font-weight:700;color:#38bdf8}.db-activity-item .action{color:#cbd5e1}.db-activity-item .time{color:#64748b;font-size:.7rem}@media(min-width:1025px)and (max-width:1440px){.dashboard-container{max-width:100%;padding:0 1.5rem 3rem}.db-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.stat-card.db-card-clickable{padding:1rem;gap:.85rem;min-height:102px}.stat-icon-wrapper{width:42px;height:42px;font-size:19px;border-radius:10px;flex-shrink:0}.stat-card .stat-value{font-size:1.5rem;line-height:1.2}.stat-card .stat-label{font-size:.775rem;line-height:1.25}.stat-card .stat-sublabel{font-size:.7rem;line-height:1.25}.db-main-grid{grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.25rem;align-items:stretch}.db-bottom-grid{grid-template-columns:1.85fr 1.15fr;gap:1.25rem;align-items:stretch}.intel-card,.db-incident-card{min-height:330px}.interactive-steps-list .step-item{padding:6px 10px}.step-text{font-size:12px}}@media(max-width:1024px){.db-stats-grid,.db-kpi-grid{grid-template-columns:repeat(2,1fr)}.db-main-grid,.db-bottom-grid{grid-template-columns:1fr}}@media(max-width:640px){.db-stats-grid,.db-kpi-grid{grid-template-columns:1fr;gap:.75rem}.stat-card.db-card-clickable{padding:.9rem 1rem;min-height:auto}.stat-card .stat-value{font-size:1.5rem}.stat-card .stat-label{font-size:.8rem}.stat-card .stat-sublabel{font-size:.72rem}.db-banner{flex-direction:column;align-items:stretch;padding:1rem;gap:.75rem}.db-banner-info{width:100%}.db-banner-btn{width:100%;text-align:center;padding:.6rem 1rem}.dashboard-title{font-size:1.4rem}.chart-box{padding:1rem}}.dashboard-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.full-width{grid-column:span 2}.card{width:100%;height:auto;padding:16px;border-radius:12px;min-height:unset}@media(max-width:768px){.dashboard-grid,.dashboard-cards{grid-template-columns:1fr}.chart-container{height:200px}}.dashboard{max-width:1200px;margin:auto}.dashboard-header{display:flex;flex-direction:column;gap:var(--spacing-sm)}.page-title{font-size:var(--font-3xl);font-weight:700;color:var(--text-primary);margin:0}.card p{margin:4px 0}.page-subtitle{color:var(--text-secondary);font-size:var(--font-lg);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}.user-stats{grid-template-columns:repeat(4,minmax(200px,1fr));gap:var(--spacing-md)}.dashboard-charts{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.user-charts{grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.user-charts .traffic-chart,.user-charts .threat-chart{min-height:250px;max-height:280px}.admin-stats{grid-template-columns:repeat(6,minmax(180px,1fr));gap:var(--spacing-md)}.admin-charts{grid-template-columns:1.5fr 1fr;gap:var(--spacing-md)}.admin-charts .traffic-chart,.admin-charts .threat-chart{min-height:280px;max-height:320px}.traffic-chart,.threat-chart{padding:0;overflow:hidden}.traffic-chart .line-chart-container,.threat-chart .pie-chart-container{background:transparent;border:none;box-shadow:none;padding:20px}.stat-card{padding:var(--spacing-lg);transition:all var(--transition-normal)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 0 20px var(--accent-soft)}.stat-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.stat-header{display:flex;align-items:center;gap:var(--spacing-sm)}.stat-icon{font-size:var(--font-xl);color:var(--accent);text-shadow:0 0 10px var(--accent-soft)}.stat-title{color:var(--text-secondary);font-size:var(--font-sm);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:var(--font-2xl);font-weight:700;color:var(--text-primary);line-height:1}.stat-change{display:flex;align-items:center;gap:var(--spacing-xs)}.trend{font-size:var(--font-sm);font-weight:600;display:inline-flex;align-items:center;justify-content:center}.trend.up{color:var(--accent)}.trend.up:before{content:" ";font-size:18px;margin-right:4px}.trend.down{color:#f36}.trend.down:before{content:" ";font-size:18px;margin-right:4px}.trend.stable{color:var(--text-secondary)}.trend.stable:before{content:" ";font-size:18px;margin-right:4px}.change-text{color:var(--text-secondary);font-size:var(--font-sm);font-weight:500}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.recent-alerts,.system-status{padding:var(--spacing-lg)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border)}.card-header h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.card h2{font-size:28px}.status-indicator{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent-soft)}.status-indicator.online{animation:pulse 2s infinite}.alert-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.alert-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.alert-item:hover{background:#00f5ff0d}.alert-severity{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;min-width:60px;text-align:center}.alert-severity.high{background:#f363;color:#f36;border:1px solid rgba(255,51,102,.3)}.alert-severity.medium{background:#fa03;color:#000;border:1px solid rgba(255,170,0,.3)}.alert-severity.low{background:#00f5ff33;color:var(--accent);border:1px solid rgba(0,245,255,.3)}.alert-message{flex:1;color:var(--text-primary);font-size:var(--font-sm);font-weight:500}.alert-time{color:var(--text-muted);font-size:var(--font-xs);white-space:nowrap}.status-metrics{display:flex;flex-direction:column;gap:var(--spacing-lg)}.status-item{display:flex;align-items:center;gap:var(--spacing-md)}.status-label{min-width:100px;color:var(--text-secondary);font-size:var(--font-sm);font-weight:500}.progress-bar{flex:1;height:8px;background:var(--bg-secondary);border-radius:var(--radius-sm);overflow:hidden;position:relative}.progress-fill{height:100%;background:var(--accent, #38bdf8);border-radius:var(--radius-sm);transition:width var(--transition-normal);position:relative}.status-value{min-width:40px;color:var(--text-primary);font-size:var(--font-sm);font-weight:600;text-align:right}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}body.admin .admin-dashboard{background:radial-gradient(circle at top,rgba(255,51,102,.1),transparent)}body.admin .admin-stats{grid-template-columns:repeat(3,1fr)}body.admin .admin-stat{background:#ff33660d;border:1px solid rgba(255,51,102,.2);box-shadow:0 4px 16px #ff336626}body.admin .admin-stat:hover{transform:translateY(-4px);box-shadow:0 8px 32px #f366,0 0 40px #f363;border-color:#f366}body.admin .admin-stat.critical{background:#ff33661a;border-color:#ff33664d;box-shadow:0 4px 16px #ff336640}body.admin .admin-chart{background:#ff336608;border:1px solid rgba(255,51,102,.15)}body.admin .admin-controls{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-lg);background:#ff33660d;border-radius:var(--radius-lg);border:1px solid rgba(255,51,102,.2)}body.admin .control-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:#ff33661a;border:1px solid rgba(255,51,102,.3);border-radius:var(--radius-md);color:#f36;font-weight:600;font-size:var(--font-sm);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all var(--transition-fast)}body.admin .control-button:hover{background:#f363;border-color:#ff336680;box-shadow:0 4px 16px #ff33664d;transform:translateY(-2px)}body.admin .control-button.block-ip:hover{box-shadow:0 4px 16px #f366,0 0 20px #ff33664d}body.admin .control-button.deploy-rule:hover{box-shadow:0 4px 16px #f006,0 0 20px #ff00004d}body.admin .control-button.kill-session:hover{box-shadow:0 4px 16px #8b000066,0 0 20px #8b00004d}body.admin .user-activity,body.admin .live-threat-feed{background:#ff336608;border:1px solid rgba(255,51,102,.15)}body.admin .activity-item.high,body.admin .threat-item.critical{background:#ff33661a;border-left:3px solid #ff3366}body.admin .live-indicator{animation:livePulse 1.5s infinite;background:#f36;color:#fff}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.6}}body.user .user-dashboard{background:radial-gradient(circle at top,rgba(0,245,255,.05),transparent)}body.user .user-stats{grid-template-columns:repeat(4,1fr)}body.user .user-stat{background:#ffffff05;border:1px solid rgba(255,255,255,.08);box-shadow:0 2px 8px #0000001a}body.user .user-stat:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00f5ff26;border-color:#00f5ff33}body.user .user-chart,body.user .my-alerts,body.user .my-logs{background:#ffffff05;border:1px solid rgba(255,255,255,.08)}body.user .alert-item.unread{background:#00f5ff0d;border-left:3px solid var(--accent)}body.user .unread-indicator{width:8px;height:8px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent)}body.user .quick-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-xl)}body.user .quick-stat-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);padding:var(--spacing-lg);text-align:center}body.user .quick-stat-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}body.user .quick-stat-label{color:var(--text-secondary);font-size:var(--font-sm);font-weight:500}body.user .quick-stat-value{color:var(--text-primary);font-size:var(--font-xl);font-weight:600}@media(max-width:1200px){body.admin .admin-stats,body.user .user-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){body.admin .admin-controls{flex-direction:column;gap:var(--spacing-md)}body.admin .admin-stats,body.user .user-stats{grid-template-columns:1fr;gap:var(--spacing-md)}body.user .quick-stats{grid-template-columns:1fr}.stat-card{padding:var(--spacing-md)}.alert-item,.status-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.status-label{min-width:auto}.progress-bar{width:100%}}.alerts-container{max-width:1280px;margin:0 auto;padding:0 0 3rem;width:100%;box-sizing:border-box}.alerts-header{margin-bottom:1.5rem}.alerts-title{font-size:1.75rem;font-weight:800;color:#38bdf8;margin:0 0 .25rem}.alerts-sub{color:#94a3b8;font-size:.9rem;margin:0}.alerts-top-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.5rem;align-items:stretch}.alerts-compact-bar{background:#0f172a;border:1px solid #1e293b;border-radius:.75rem;padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.alerts-filters{display:flex;align-items:center;gap:.5rem}.alerts-filters .filter-btn{background:#020617;border:1px solid #1e293b;color:#94a3b8;padding:.4rem .85rem;border-radius:.375rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.alerts-filters .filter-btn:hover{border-color:#38bdf8;color:#38bdf8}.alerts-filters .filter-btn.active{background:#06b6d4;color:#030712;border-color:#06b6d4}.alerts-search-group{display:flex;align-items:center;gap:.75rem;flex:1;max-width:520px}.alerts-search-group .search-select{padding:.45rem .85rem;background:#020617;color:#fff;border:1px solid #1e293b;border-radius:.375rem;font-size:.85rem;outline:none;cursor:pointer;transition:border-color .2s ease;min-width:170px}.alerts-search-group .search-select:focus{border-color:#38bdf8}.alerts-search-group .search-input{flex:1;width:100%;background:#020617;border:1px solid #1e293b;color:#fff;padding:.45rem .85rem;border-radius:.375rem;font-size:.85rem;outline:none;transition:border-color .2s ease}.alerts-search-group .search-input:focus{border-color:#38bdf8}.alerts-kpi-bar{display:flex;align-items:center;gap:.75rem}.kpi-pill{display:flex;align-items:center;gap:.4rem;background:#020617;border:1px solid #1e293b;padding:.35rem .75rem;border-radius:.375rem;font-size:.775rem}.kpi-num{font-weight:800;font-family:monospace;font-size:.95rem}.kpi-lbl{color:#94a3b8}.badge-pill{padding:.15rem .5rem;border-radius:.25rem;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.alerts-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;align-items:start}.alert-card-item{background:#0f172a;border:1px solid #1e293b;border-radius:.75rem;padding:1.1rem;cursor:pointer;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.alert-card-item:hover{border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 8px 20px #0006}.alert-card-minimal{display:flex;flex-direction:column;gap:.6rem}.alert-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.alert-card-title{font-size:.95rem;font-weight:700;color:#fff;margin:0;line-height:1.3}.alert-card-sub{display:flex;align-items:center;justify-content:space-between;font-size:.775rem;color:#94a3b8}.alert-card-expand-toggle{font-size:.75rem;color:#94a3b8;display:flex;align-items:center;justify-content:space-between;margin-top:.2rem;padding-top:.4rem;border-top:1px dashed #1e293b}.toggle-btn{color:#38bdf8;font-weight:700}.alert-card-expanded{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #1e293b;display:flex;flex-direction:column;gap:.65rem;animation:fadeIn .2s ease}.alert-desc-box{background:#020617;border:1px solid #1e293b;border-radius:.375rem;padding:.6rem .75rem;font-size:.8rem;color:#cbd5e1;line-height:1.4}.alert-detail-rows{display:flex;flex-direction:column;gap:.3rem;font-size:.775rem}.alert-detail-row{display:flex;justify-content:space-between;color:#94a3b8}.alert-detail-row strong{color:#38bdf8}.alert-card-actions{display:flex;align-items:center;gap:.5rem;margin-top:.4rem}.btn-block-ip{flex:1;background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3);padding:.35rem .6rem;border-radius:.375rem;font-size:.75rem;font-weight:700;cursor:pointer}.btn-block-ip:hover{background:#ef4444;color:#fff}.btn-resolve{flex:1;background:#06b6d4;color:#030712;border:none;padding:.35rem .6rem;border-radius:.375rem;font-size:.75rem;font-weight:700;cursor:pointer}.btn-resolve:hover{background:#38bdf8}.alerts-empty-box{grid-column:span 3;text-align:center;padding:3rem 1.5rem;background:#0f172a;border:1px solid #1e293b;border-radius:.75rem;color:#64748b;font-size:.9rem}.alerts-pagination-bar{display:flex;align-items:center;justify-content:center;margin-top:2rem}.btn-show-all{background:#0f172a;border:1px solid #38bdf8;color:#38bdf8;padding:.6rem 1.5rem;border-radius:.5rem;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-show-all:hover{background:#38bdf8;color:#030712}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.alerts-top-row{grid-template-columns:1fr;gap:1rem}.alerts-grid-3{grid-template-columns:repeat(2,1fr)}.alerts-compact-bar{gap:.75rem}.alerts-search-group{max-width:100%}}@media(max-width:640px){.alerts-grid-3{grid-template-columns:1fr;gap:.75rem}.alerts-compact-bar{flex-direction:column;align-items:stretch;padding:.85rem;gap:.75rem}.alerts-filters{flex-wrap:wrap;width:100%;gap:.4rem}.alerts-filters .filter-btn{flex:1;min-width:70px;text-align:center;padding:.45rem .6rem}.alerts-search-group{flex-direction:column;width:100%;gap:.5rem}.alerts-search-group .search-select,.alerts-search-group .search-input{width:100%;min-width:unset}.alerts-kpi-bar{justify-content:space-between;width:100%;margin-top:.25rem}.alerts-title{font-size:1.4rem}}.line-chart-wrapper{position:relative;width:100%;height:100%;min-height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden}.line-chart-wrapper canvas{max-width:100%!important;max-height:100%!important}.pie-chart-wrapper{position:relative;width:100%;height:100%;min-height:200px;display:flex;align-items:center;justify-content:center;overflow:hidden}.pie-chart-wrapper canvas{max-width:100%!important;max-height:100%!important;transition:transform .2s ease}.pie-chart-wrapper:hover canvas{transform:scale(1.02)}.network-monitor{padding:0;min-height:100vh}.page-header{margin-bottom:var(--spacing-lg)}.page-title{font-size:var(--font-xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.page-subtitle{font-size:var(--font-sm);color:var(--text-secondary);margin:0}.traffic-overview{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-items:start;margin-bottom:20px}.stat-card{padding:18px;background:#0a0f1eb3;border-radius:12px;border:1px solid rgba(0,255,255,.1);text-align:center;height:auto;max-width:100%}.traffic-card{height:auto;min-height:unset;display:flex;flex-direction:column;justify-content:flex-start}.stat-value{font-size:var(--font-2xl);font-weight:700;color:var(--accent);margin-bottom:10px}.stat-label{font-size:var(--font-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:5px 0}.protocol-section{margin-bottom:var(--spacing-xl)}.traffic-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}.stat-item{text-align:left}.stat-value{font-size:20px}.protocol-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.protocol-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.protocol-name{font-size:var(--font-md);font-weight:500;color:var(--text-primary)}.protocol-traffic{display:flex;align-items:center;gap:var(--spacing-sm)}.traffic-bar{width:120px;height:8px;background:var(--surface-dark);border-radius:var(--radius-sm);overflow:hidden}.traffic-fill{height:100%;background:var(--accent);transition:width .3s ease}.protocol-percentage{font-size:var(--font-sm);font-weight:600;color:var(--text-secondary);min-width:40px;text-align:right}.traffic-chart{margin-bottom:var(--spacing-xl)}.chart-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-lg);height:300px}.live-traffic{margin-bottom:var(--spacing-xl)}.network-details{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.network-actions{margin-top:20px}.actions-card{max-width:600px}.section-title{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.traffic-feed{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:400px;overflow-y:auto}.traffic-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.traffic-info{flex:1}.traffic-source{font-size:var(--font-md);font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.traffic-details{display:flex;gap:var(--spacing-xs);font-size:var(--font-sm);color:var(--text-secondary)}.traffic-type{padding:2px 6px;background:#00f5ff1a;border-radius:var(--radius-sm);font-size:var(--font-xs);color:var(--accent)}.traffic-volume{color:var(--text-secondary)}@media(max-width:1024px){.stats-overview{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.stat-card{height:auto}.protocol-list{gap:var(--spacing-xs)}.chart-container{height:250px;padding:var(--spacing-md)}}body.admin .admin-network-monitor{background:radial-gradient(circle at top,rgba(255,51,102,.08),transparent)}body.admin .admin-network-monitor .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}body.admin .monitor-toggle-btn{padding:var(--spacing-sm) var(--spacing-lg);background:#ff33661a;border:1px solid rgba(255,51,102,.3);border-radius:var(--radius-md);color:#f36;font-weight:600;font-size:var(--font-sm);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all var(--transition-fast)}body.admin .monitor-toggle-btn.enabled{background:#f363;border-color:#ff336680;box-shadow:0 0 20px #ff33664d}body.admin .monitor-toggle-btn.disabled{background:#ffffff0d;border-color:#ffffff1a;color:var(--text-muted)}body.admin .global-stats-grid{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:12px;margin-bottom:25px}body.admin .global-stats-grid .stat-card{background:#ff33660d;border:1px solid rgba(255,51,102,.2);padding:var(--spacing-md);text-align:center}body.admin .global-stats-grid .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #ff33664d;border-color:#f366}body.admin .full-network-graph{margin-bottom:var(--spacing-xl)}body.admin .network-graph-card{background:#ff336608;border:1px solid rgba(255,51,102,.15)}body.admin .graph-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}body.admin .live-indicator{padding:var(--spacing-xs) var(--spacing-sm);background:#f36;color:#fff;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;animation:livePulse 1.5s infinite}body.admin .dual-charts{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}body.admin .all-ips-section{margin-bottom:var(--spacing-xl)}body.admin .all-ips-card{background:#ff336608;border:1px solid rgba(255,51,102,.15)}body.admin .ips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}body.admin .ip-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--spacing-md)}body.admin .ip-card.high{border-color:#ffaa004d;background:#ffaa000d}body.admin .ip-card.critical{border-color:#ff336680;background:#ff33661a}body.admin .ip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}body.admin .ip-address{font-family:Courier New,monospace;font-weight:600;color:var(--accent)}body.admin .ip-status{padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;text-transform:uppercase}body.admin .ip-status.active{background:#0f03;color:#0f0}body.admin .ip-status.blocked{background:#f363;color:#f36}body.admin .ip-controls{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}body.admin .control-btn{flex:1;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);background:#ffffff0d;color:var(--text-secondary);font-size:var(--font-xs);font-weight:600;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast)}body.admin .control-btn:hover:not(:disabled){background:#f363;border-color:#f366;color:#f36}body.admin .control-btn.monitor-btn.active{background:#00f5ff33;border-color:#00f5ff66;color:#00f5ff}body.admin .live-traffic-section{margin-bottom:var(--spacing-xl)}body.admin .live-traffic-card{background:#ff336608;border:1px solid rgba(255,51,102,.15)}body.admin .traffic-feed{max-height:400px;overflow-y:auto}body.admin .traffic-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs)}body.admin .traffic-item.blocked{background:#ff33661a;border-color:#ff33664d}body.admin .traffic-flow{display:flex;align-items:center;gap:var(--spacing-sm);font-family:Courier New,monospace;font-size:var(--font-sm)}body.admin .traffic-arrow{color:var(--accent)}body.admin .protocol-analysis .protocol-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}body.admin .protocol-analysis .protocol-item{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--spacing-md)}body.user .user-network-monitor{background:radial-gradient(circle at top,rgba(0,245,255,.05),transparent)}body.user .personal-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}body.user .personal-stat-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;transition:all var(--transition-normal)}body.user .personal-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00f5ff26;border-color:#00f5ff33}body.user .personal-activity-section{margin-bottom:var(--spacing-xl)}body.user .personal-activity-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08)}body.user .personal-charts{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}body.user .my-sessions-section,body.user .my-connections-section{margin-bottom:var(--spacing-xl)}body.user .my-sessions-card,body.user .my-connections-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08)}body.user .sessions-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}body.user .session-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal)}body.user .session-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00f5ff1a}body.user .session-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}body.user .session-device{font-weight:600;color:var(--text-primary)}body.user .session-status.active{color:#0f0;font-weight:600}body.user .session-status.inactive{color:var(--text-muted)}body.user .connections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}body.user .connection-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md);transition:all var(--transition-normal)}body.user .connection-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00f5ff1a}body.user .connection-icon{width:40px;height:40px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:var(--font-lg)}body.user .connection-info{flex:1}body.user .connection-service{font-weight:600;color:var(--text-primary);display:block;margin-bottom:var(--spacing-xs)}body.user .connection-address,body.user .connection-duration{font-size:var(--font-sm);color:var(--text-secondary);display:block}body.user .status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}body.user .status-dot.connected{background:#0f0;box-shadow:0 0 8px #0f0}body.user .protocol-usage-section{margin-bottom:var(--spacing-xl)}body.user .protocol-usage-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08)}body.user .protocol-usage-list{display:flex;flex-direction:column;gap:var(--spacing-md)}body.user .protocol-usage-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md)}body.user .protocol-usage-info{flex:1}body.user .protocol-name{font-weight:600;color:var(--text-primary);display:block;margin-bottom:var(--spacing-xs)}body.user .protocol-usage-desc{font-size:var(--font-sm);color:var(--text-secondary)}body.user .protocol-usage-traffic{display:flex;align-items:center;gap:var(--spacing-md)}body.user .usage-bar{width:100px;height:6px;background:var(--bg-secondary);border-radius:var(--radius-sm);overflow:hidden}body.user .usage-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));transition:width var(--transition-normal)}body.user .quick-info-section{margin-top:var(--spacing-xl)}body.user .quick-info-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--spacing-lg)}@media(max-width:1200px){body.admin .global-stats-grid{grid-template-columns:repeat(3,1fr)}body.user .personal-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.network-monitor{padding:var(--spacing-sm)}body.admin .global-stats-grid,body.user .personal-stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}body.admin .dual-charts,body.user .personal-charts,body.admin .ips-grid,body.user .sessions-list,body.user .connections-grid{grid-template-columns:1fr}body.admin .ip-controls{flex-direction:column}body.user .connection-card{flex-direction:column;text-align:center}.stat-card{height:auto;aspect-ratio:unset}.protocol-item,.traffic-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.chart-container{height:200px;padding:var(--spacing-sm)}.section-title{font-size:var(--font-md)}}.network-container{padding:20px;max-width:1600px;margin:0 auto}.network-header{margin-bottom:20px}.network-title{font-size:24px;font-weight:700;color:var(--text-primary, #f8fafc);margin:0 0 4px}.network-sub{font-size:14px;color:var(--text-secondary, #94a3b8);margin:0}.nm-top-bar{display:flex;flex-direction:row;align-items:center;gap:16px;background:#0f172ab3;border:1px solid rgba(0,245,255,.15);border-radius:12px;padding:12px 18px;margin-bottom:24px}.nm-controls-group{display:flex;align-items:center;gap:12px;flex-shrink:0}.nm-toggle-btn{padding:8px 16px;font-size:13px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.nm-toggle-btn.active{background:#10b98126;color:#10b981;border-color:#10b98166}.nm-toggle-btn.inactive{background:#ef444426;color:#ef4444;border-color:#ef444466}.nm-time-selector{display:flex;gap:4px;background:#0006;padding:4px;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.nm-time-selector .range-btn{padding:6px 12px;font-size:12px;font-weight:600;color:var(--text-secondary, #94a3b8);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.nm-time-selector .range-btn:hover{color:#fff}.nm-time-selector .range-btn.active{background:#00f5ff33;color:#00f5ff}.nm-kpi-row{display:flex;flex:1;align-items:center;gap:10px;min-width:0}.nm-kpi-pill{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;text-align:center;transition:transform .2s ease,border-color .2s ease}.nm-kpi-pill:hover{border-color:#00f5ff4d;transform:translateY(-1px)}.nm-kpi-pill .val{font-size:16px;font-weight:700;line-height:1.2}.nm-kpi-pill .lbl{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-top:2px}.text-cyan{color:#00f5ff}.text-emerald{color:#10b981}.text-red{color:#ef4444}.text-yellow{color:#f59e0b}.nm-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.nm-chart-card{background:#0f172ab3;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:18px;display:flex;flex-direction:column}.nm-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.nm-card-header h3{font-size:16px;font-weight:600;color:#f8fafc;margin:0}.nm-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;background:#00f5ff1a;color:#00f5ff;letter-spacing:.5px}.nm-badge.live{background:#ef444426;color:#ef4444}.nm-pie-container,.nm-line-container{flex:1;min-height:220px;position:relative;display:flex;align-items:center;justify-content:center}.nm-section{margin-bottom:24px}.nm-ips-card{background:#0f172ab3;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:18px}.nm-header-left{display:flex;flex-direction:column;gap:2px}.nm-card-sub{font-size:12px;color:#94a3b8;margin:0}.nm-ip-table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:12px;padding-bottom:4px}.nm-ip-table-scroll::-webkit-scrollbar{height:4px}.nm-ip-table-scroll::-webkit-scrollbar-thumb{background:#00f5ff33;border-radius:4px}.nm-ip-table{min-width:620px;display:flex;flex-direction:column;gap:8px}.nm-ip-table-header{display:grid;grid-template-columns:minmax(130px,1.4fr) minmax(95px,1fr) minmax(85px,.9fr) minmax(110px,1fr) minmax(95px,1fr) minmax(90px,.9fr);align-items:center;padding:10px 16px;background:#ffffff08;border-radius:8px;font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.nm-ip-table-body{display:flex;flex-direction:column;gap:6px}.nm-ip-row{display:grid;grid-template-columns:minmax(130px,1.4fr) minmax(95px,1fr) minmax(85px,.9fr) minmax(110px,1fr) minmax(95px,1fr) minmax(90px,.9fr);align-items:center;padding:10px 16px;background:#0f172a66;border:1px solid rgba(255,255,255,.06);border-radius:8px;transition:all .2s ease}.nm-ip-row:hover{background:#00f5ff08;border-color:#00f5ff33}.nm-ip-row.blocked{opacity:.85;background:#ef444408}.ip-cell{font-size:13px;display:flex;align-items:center}.ip-indicator-dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:8px;flex-shrink:0}.actions-cell{justify-content:flex-end;gap:8px}.nm-status-badge,.nm-risk-badge{padding:3px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.nm-btn-sm{padding:5px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-active-mon{background:#00f5ff26;color:#00f5ff;border:1px solid rgba(0,245,255,.3)}.btn-idle-mon{background:#ffffff0d;color:#94a3b8;border:1px solid rgba(255,255,255,.1)}.btn-block-action{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.btn-block-action:hover:not(:disabled){background:#ef444440;border-color:#ef4444}.btn-block-action:disabled,.btn-block-action.blocked{opacity:.5;cursor:not-allowed;background:#ffffff0d;color:#94a3b8;border-color:#ffffff1a}.nm-bottom-row{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-bottom:24px}.nm-feed-card,.nm-protocol-card{background:#0f172ab3;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:18px}.nm-traffic-stream{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto}.nm-stream-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#0f172a80;border:1px solid rgba(255,255,255,.06);border-radius:8px;font-size:13px}.nm-stream-item.blocked{background:#ef444414;border-color:#ef44444d}.stream-flow{display:flex;align-items:center;gap:8px;font-size:12px}.stream-flow .arrow{color:#94a3b8}.stream-details{display:flex;align-items:center;gap:10px}.proto-badge{padding:2px 6px;background:#00f5ff1a;color:#00f5ff;border-radius:4px;font-size:10px;font-weight:700}.size-text,.time-text{font-size:11px;color:#94a3b8}.status-pill{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}.status-pill.allowed{background:#10b98126;color:#10b981}.status-pill.blocked{background:#ef444426;color:#ef4444}.nm-protocol-list{display:flex;flex-direction:column;gap:10px}.nm-proto-item{padding:10px 12px;background:#0f172a66;border:1px solid rgba(255,255,255,.06);border-radius:8px}.proto-meta{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:#f8fafc}.proto-bar-bg{height:6px;background:#ffffff14;border-radius:3px;margin:6px 0;overflow:hidden}.proto-bar-fill{height:100%;background:linear-gradient(90deg,#00f5ff,#3b82f6);border-radius:3px}.proto-sub{display:flex;justify-content:space-between;font-size:11px;color:#94a3b8}.proto-risk-tag{text-transform:uppercase;font-weight:700;font-size:10px}.proto-risk-tag.low{color:#10b981}.proto-risk-tag.medium{color:#f59e0b}.proto-risk-tag.high{color:#ef4444}@media(max-width:1200px){.nm-top-bar{flex-wrap:wrap}.nm-kpi-row{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.network-container{padding:12px 10px}.traffic-overview{grid-template-columns:1fr}.nm-top-bar{flex-direction:column;align-items:stretch;gap:14px;padding:12px}.nm-controls-group{width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.nm-toggle-btn{flex:1;min-width:120px;text-align:center;padding:7px 12px;font-size:12px}.nm-time-selector{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.nm-kpi-row{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.nm-kpi-pill{padding:6px 8px}.nm-kpi-pill .val{font-size:14px}.nm-kpi-pill .lbl{font-size:9px}.nm-charts-row,.nm-bottom-row{grid-template-columns:1fr;gap:16px}.nm-chart-card,.nm-feed-card,.nm-protocol-card,.nm-ips-card{padding:14px}.nm-ip-table{min-width:540px}.nm-stream-item{padding:8px 10px}}@media(max-width:480px){.nm-kpi-row{grid-template-columns:repeat(2,1fr);gap:6px}.nm-controls-group{flex-direction:column;align-items:stretch}.nm-toggle-btn{width:100%}.nm-time-selector{width:100%;justify-content:space-between}.nm-time-selector .range-btn{flex:1;text-align:center;padding:5px 6px;font-size:11px}.nm-stream-item{flex-direction:column;align-items:flex-start;gap:6px}.stream-details{width:100%;justify-content:space-between}}.attack-analysis-page{padding:var(--spacing-xl);min-height:100vh}.analysis-actions{margin-top:25px;width:100%}.actions-card{width:100%;padding:20px;max-width:100%;box-sizing:border-box}.source-ips-list{display:flex;flex-direction:column;gap:12px}.source-ip-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:10px;background:#0a142899;border:1px solid rgba(0,255,255,.08);transition:.2s ease}.source-ip-item:hover{border-color:#00f5ff;transform:translateY(-2px)}.ip-info{display:flex;flex-direction:column;gap:4px}.ip-address{font-weight:600;font-size:14px}.ip-country{font-size:12px;color:var(--text-secondary)}.ip-stats{display:flex;align-items:center;gap:12px}.ip-status{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600}.ip-status.active{background:#f363;color:#f36}.ip-status.blocked{background:#0ff3;color:#00f5ff}.ip-status.monitoring{background:#fa03;color:#fa0}.overview-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:15px}.stat-item{text-align:center;padding:10px}.stat-value{font-size:20px;font-weight:700}.stat-label{font-size:12px;color:var(--text-secondary)}.attack-types-list{display:flex;flex-direction:column;gap:12px}.attack-type-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:8px;background:#0a142880;border:1px solid rgba(255,255,255,.05)}.attack-info{display:flex;gap:10px;align-items:center}.attack-name{font-weight:500}.attack-count{font-weight:600;color:var(--accent)}.attack-meta{display:flex;gap:10px;align-items:center}.severity-badge{color:#000;font-weight:600;padding:3px 8px;border-radius:6px;font-size:11px}.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.charts-row{grid-template-columns:1fr}@media(max-width:1024px){.analysis-grid{grid-template-columns:1fr}.overview-stats{grid-template-columns:repeat(2,1fr)}.charts-row{grid-template-columns:1fr}}.charts-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin:var(--spacing-xl) 0}.attack-distribution-card,.frequency-card{padding:0;overflow:hidden}.attack-distribution-card .pie-chart-container,.frequency-card .bar-chart-container{background:transparent;border:none;box-shadow:none;padding:20px}.alert-flash{animation:alertFlash .5s ease-in-out}@keyframes alertFlash{0%,to{border-color:var(--border);box-shadow:0 8px 32px #0000004d}50%{border-color:#f36;box-shadow:0 8px 32px #ff336680,0 0 30px #ff33664d}}.chart-updating{animation:chartPulse 1s ease-in-out}@keyframes chartPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}body.admin .admin-attack-analysis{background:radial-gradient(circle at top,rgba(255,51,102,.1),transparent)}body.admin .global-attack-stats{margin-bottom:var(--spacing-xl)}body.admin .stats-overview-card{background:#ff33660d;border:1px solid rgba(255,51,102,.2)}body.admin .overview-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacing-md)}body.admin .stat-item.critical{background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:var(--radius-md);padding:var(--spacing-md)}body.admin .stat-item.critical .stat-value{color:red;text-shadow:0 0 10px rgba(255,0,0,.5)}body.admin .stat-item.high{background:#ff33661a;border:1px solid rgba(255,51,102,.3);border-radius:var(--radius-md);padding:var(--spacing-md)}body.admin .stat-item.high .stat-value{color:#f36;text-shadow:0 0 8px rgba(255,51,102,.4)}body.admin .stat-item.success{background:#00ff001a;border:1px solid rgba(0,255,0,.3);border-radius:var(--radius-md);padding:var(--spacing-md)}body.admin .full-attack-data{margin-bottom:var(--spacing-xl)}body.admin .attack-data-card{background:#ff336608;border:1px solid rgba(255,51,102,.15)}body.admin .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}body.admin .live-indicator{padding:var(--spacing-xs) var(--spacing-sm);background:red;color:#fff;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;animation:criticalPulse 1s infinite}@keyframes criticalPulse{0%,to{opacity:1;box-shadow:0 0 10px #ff000080}50%{opacity:.7;box-shadow:0 0 20px #f00c}}body.admin .attack-feed{max-height:500px;overflow-y:auto}body.admin .attack-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);transition:all var(--transition-fast)}body.admin .attack-item.critical{background:#ff00001a;border-color:#ff00004d;box-shadow:0 0 20px #f003}body.admin .attack-item.high{background:#ff33661a;border-color:#ff33664d;box-shadow:0 0 15px #f363}body.admin .attack-flow{display:flex;align-items:center;gap:var(--spacing-sm);font-family:Courier New,monospace;font-size:var(--font-sm);min-width:300px}body.admin .attack-arrow{color:#f36;font-weight:700}body.admin .attack-details{display:flex;align-items:center;gap:var(--spacing-sm)}body.admin .attack-controls{display:flex;gap:var(--spacing-sm)}body.admin .control-btn{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);background:#ffffff0d;color:var(--text-secondary);font-size:var(--font-xs);font-weight:600;text-transform:uppercase;cursor:pointer;transition:all var(--transition-fast)}body.admin .control-btn:hover:not(:disabled){background:#f363;border-color:#f366;color:#f36;box-shadow:0 0 10px #ff33664d}body.admin .control-btn:disabled{opacity:.5;cursor:not-allowed}body.admin .attack-types-card,body.admin .source-ips-card{background:#ff336608;border:1px solid rgba(255,51,102,.15)}body.admin .attack-type-item.critical,body.admin .source-ip-item.critical{background:#ff00001a;border-color:#ff00004d;box-shadow:0 0 15px #f003}body.admin .attack-type-item.high,body.admin .source-ip-item.high{background:#ff33661a;border-color:#ff33664d;box-shadow:0 0 10px #f363}body.admin .ip-controls{display:flex;gap:var(--spacing-sm)}body.admin .admin-control-actions{margin-top:var(--spacing-xl)}body.admin .control-actions-card{background:#ff33660d;border:1px solid rgba(255,51,102,.2)}body.admin .control-indicator{padding:var(--spacing-xs) var(--spacing-sm);background:#f36;color:#fff;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}body.admin .control-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}body.admin .control-btn-primary{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:#ff33661a;border:1px solid rgba(255,51,102,.3);border-radius:var(--radius-md);color:#f36;font-weight:600;font-size:var(--font-sm);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all var(--transition-fast)}body.admin .control-btn-primary:hover{background:#f363;border-color:#ff336680;box-shadow:0 4px 16px #ff33664d;transform:translateY(-2px)}body.admin .control-btn-secondary{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:600;font-size:var(--font-sm);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all var(--transition-fast)}body.admin .control-btn-secondary:hover{background:#ffffff1a;border-color:#fff3;color:var(--text-primary)}body.user .user-attack-analysis{background:radial-gradient(circle at top,rgba(0,245,255,.05),transparent)}body.user .personal-security-stats{margin-bottom:var(--spacing-xl)}body.user .personal-stats-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08)}body.user .personal-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-lg)}body.user .stat-item.success{background:#00ff001a;border:1px solid rgba(0,255,0,.3);border-radius:var(--radius-md);padding:var(--spacing-md)}body.user .stat-item.success .stat-value{color:#0f0}body.user .personal-threat-summary{margin-bottom:var(--spacing-xl)}body.user .threat-summary-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08)}body.user .threat-summary-list{display:flex;flex-direction:column;gap:var(--spacing-md)}body.user .threat-summary-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);transition:all var(--transition-normal)}body.user .threat-summary-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00f5ff1a;border-color:#00f5ff33}body.user .threat-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}body.user .threat-type{font-weight:600;color:var(--text-primary)}body.user .threat-count{font-size:var(--font-lg);font-weight:700;color:var(--accent)}body.user .threat-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs)}body.user .threat-description{font-size:var(--font-sm);color:var(--text-secondary);text-align:right}body.user .severity-indicator{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;text-transform:uppercase;color:#fff}body.user .personal-charts{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}body.user .personal-chart-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08)}body.user .security-timeline{margin-bottom:var(--spacing-xl)}body.user .timeline-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08)}body.user .timeline-list{display:flex;flex-direction:column;gap:var(--spacing-md)}body.user .timeline-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md)}body.user .timeline-time{min-width:100px;font-size:var(--font-sm);color:var(--text-secondary)}body.user .timeline-event{flex:1;font-weight:500;color:var(--text-primary)}body.user .status-indicator{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}body.user .status-indicator.success{background:#0f0;box-shadow:0 0 8px #0f0}body.user .status-indicator.warning{background:#fa0;box-shadow:0 0 8px #fa0}body.user .security-recommendations{margin-bottom:var(--spacing-xl)}body.user .recommendations-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08)}body.user .recommendations-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}body.user .recommendation-item{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);transition:all var(--transition-normal)}body.user .recommendation-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00f5ff1a}body.user .recommendation-icon{width:40px;height:40px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:var(--font-lg)}body.user .recommendation-content{flex:1}body.user .recommendation-title{font-weight:600;color:var(--text-primary);display:block;margin-bottom:var(--spacing-xs)}body.user .recommendation-description{font-size:var(--font-sm);color:var(--text-secondary)}body.user .quick-security-info{margin-top:var(--spacing-xl)}body.user .info-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--spacing-lg)}body.user .info-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid rgba(255,255,255,.08)}body.user .info-item:last-child{border-bottom:none}body.user .info-label{color:var(--text-secondary);font-size:var(--font-sm)}body.user .info-value{color:var(--text-primary);font-weight:600}body.user .info-value.secure{color:#0f0}body.user .info-value.high{color:var(--accent)}@media(max-width:1200px){body.admin .overview-stats-grid,body.user .personal-stats-grid{grid-template-columns:repeat(3,1fr)}body.admin .control-buttons,body.user .personal-charts{grid-template-columns:1fr}}@media(max-width:768px){.attack-analysis-page{padding:var(--spacing-sm)}body.admin .overview-stats-grid,body.user .personal-stats-grid{grid-template-columns:1fr;gap:var(--spacing-md)}body.admin .attack-flow{min-width:auto;font-size:var(--font-xs)}body.admin .attack-item,body.user .threat-summary-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}body.admin .attack-controls,body.user .threat-meta{align-items:flex-start}body.user .timeline-item,body.user .recommendation-item{flex-direction:column;text-align:center}.analysis-grid{grid-template-columns:1fr}.overview-stats{grid-template-columns:repeat(2,1fr)}.charts-row{grid-template-columns:1fr}}.aa-header-kpi-card{margin-bottom:24px;padding:24px;background:#0a142899;border:1px solid rgba(0,245,255,.15);border-radius:12px}.aa-header-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.aa-controls-group{display:flex;align-items:center;gap:8px}.range-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.range-btn:hover{border-color:#00f5ff;color:#fff}.range-btn.active{background:#00f5ff26;border-color:#00f5ff;color:#00f5ff;box-shadow:0 0 10px #00f5ff33}.aa-kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}.aa-kpi-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 12px;background:#0f172a99;border:1px solid rgba(255,255,255,.06);border-radius:10px;text-align:center;transition:transform .2s ease}.aa-kpi-pill:hover{transform:translateY(-2px);border-color:#00f5ff33}.aa-kpi-pill .val{font-size:22px;font-weight:800;margin-bottom:4px;font-family:JetBrains Mono,monospace,sans-serif}.aa-kpi-pill .lbl{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.text-red{color:#f36!important}.text-emerald{color:#10b981!important}.text-yellow{color:#fbbf24!important}.text-cyan{color:#00f5ff!important}.aa-charts-row,.aa-tables-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}@media(max-width:1024px){.aa-charts-row,.aa-tables-row{grid-template-columns:1fr}}.aa-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.aa-card-header h3{font-size:15px;font-weight:700;color:#fff;margin:0}.aa-badge{font-size:10px;font-weight:700;padding:4px 8px;border-radius:4px;background:#00f5ff1a;color:#00f5ff;border:1px solid rgba(0,245,255,.2);text-transform:uppercase;letter-spacing:.5px}.aa-badge.mitre{background:#fbbf241a;color:#fbbf24;border-color:#fbbf2433}.aa-table-wrapper{overflow-x:auto}.aa-table{width:100%;border-collapse:collapse;font-size:12px}.aa-table th{text-align:left;padding:8px 10px;color:#94a3b8;font-weight:600;font-size:11px;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.08)}.aa-table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.aa-table tr:hover{background:#ffffff05}.mitre-code{font-family:monospace;background:#ffffff0d;padding:2px 6px;border-radius:4px;color:#fbbf24;font-weight:600}.trend-badge{font-size:11px;font-weight:700;padding:2px 6px;border-radius:4px}.trend-badge.up{color:#f36;background:#ff33661a}.trend-badge.down{color:#10b981;background:#10b9811a}.trend-badge.stable{color:#94a3b8;background:#94a3b81a}.aa-playbooks-card{margin-top:24px;padding:20px}.aa-playbooks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.aa-playbook-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-waf{background:#00f5ff1a;color:#00f5ff;border-color:#00f5ff4d}.btn-waf:hover{background:#00f5ff33;box-shadow:0 0 12px #00f5ff4d}.btn-pcap{background:#10b9811a;color:#10b981;border-color:#10b9814d}.btn-pcap:hover{background:#10b98133;box-shadow:0 0 12px #10b9814d}.btn-quarantine{background:#ff33661a;color:#f36;border-color:#ff33664d}.btn-quarantine:hover{background:#f363;box-shadow:0 0 12px #ff33664d}.btn-notify{background:#fbbf241a;color:#fbbf24;border-color:#fbbf244d}.btn-notify:hover{background:#fbbf2433;box-shadow:0 0 12px #fbbf244d}.ai-metrics-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:16px!important;margin-bottom:24px!important}.ai-models-recs-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px!important;margin-bottom:24px!important}@media(max-width:1024px){.ai-metrics-grid{grid-template-columns:repeat(2,1fr)!important}.ai-models-recs-row{grid-template-columns:1fr!important}}@media(max-width:640px){.ai-metrics-grid{grid-template-columns:1fr!important}}.analysis-tabs{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;white-space:nowrap;padding-bottom:6px;-webkit-overflow-scrolling:touch}.analysis-tabs::-webkit-scrollbar{height:4px}.analysis-tabs::-webkit-scrollbar-thumb{background:#00f5ff33;border-radius:4px}.analysis-tabs .tab-btn{padding:8px 18px;background:#0f172ab3;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#94a3b8;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.analysis-tabs .tab-btn:hover{background:#0f172ae6;color:#f8fafc;border-color:#00f5ff4d}.analysis-tabs .tab-btn.active{background:#00f5ff26;color:#00f5ff;border-color:#00f5ff80;box-shadow:0 0 12px #00f5ff26}.ai-insights-page{padding:0;min-height:100vh}.risk-overview{margin-bottom:25px}.risk-summary-card{width:100%;padding:16px}.risk-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.risk-metrics{display:flex;justify-content:space-between;align-items:center;gap:20px}.metric-item{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}body.admin .admin-ai-insights{background:radial-gradient(circle at top,rgba(255,51,102,.08),transparent)}body.admin .risk-dashboard{margin-bottom:var(--spacing-xl)}body.admin .risk-summary-card{background:#ff33660d;border:1px solid rgba(255,51,102,.2);border-radius:var(--radius-lg)}body.admin .risk-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}body.admin .metric-item.critical{background:#ff00001a;border:1px solid rgba(255,0,0,.3);border-radius:var(--radius-md);padding:var(--spacing-md)}body.admin .metric-item.critical .metric-value{color:red;text-shadow:0 0 10px rgba(255,0,0,.5)}body.admin .metric-item.high{background:#ff33661a;border:1px solid rgba(255,51,102,.3);border-radius:var(--radius-md);padding:var(--spacing-md)}body.admin .metric-item.high .metric-value{color:#f36;text-shadow:0 0 8px rgba(255,51,102,.4)}body.admin .attack-forecast-section{margin-bottom:var(--spacing-xl)}body.admin .forecast-card{background:#ff336608;border:1px solid rgba(255,51,102,.15);border-radius:var(--radius-lg)}body.admin .forecast-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}body.admin .forecast-indicator{padding:var(--spacing-xs) var(--spacing-sm);background:#f36;color:#fff;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;animation:criticalPulse 1s infinite}@keyframes criticalPulse{0%,to{opacity:1;box-shadow:0 0 10px #ff336680}50%{opacity:.7;box-shadow:0 0 20px #f36c}}body.admin .anomalies-section{margin-bottom:var(--spacing-xl)}body.admin .anomalies-card{background:#ff336608;border:1px solid rgba(255,51,102,.15);border-radius:var(--radius-lg)}body.admin .anomalies-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}body.admin .anomaly-count{padding:var(--spacing-xs) var(--spacing-sm);background:#f363;color:#f36;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600}body.admin .anomalies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}body.admin .anomaly-item{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-fast)}body.admin .anomaly-item.critical{background:#ff00001a;border-color:#ff00004d;box-shadow:0 0 15px #f003}body.admin .anomaly-item.high{background:#ff33661a;border-color:#ff33664d;box-shadow:0 0 10px #f363}body.admin .anomaly-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}body.admin .anomaly-type{font-weight:600;color:var(--text-primary)}body.admin .anomaly-severity{padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;text-transform:uppercase}body.admin .anomaly-details{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-sm);color:var(--text-secondary)}body.admin .anomaly-trend{font-weight:600;text-transform:capitalize}body.admin .predictions-section{margin-bottom:var(--spacing-xl)}body.admin .predictions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}body.admin .prediction-count{padding:var(--spacing-xs) var(--spacing-sm);background:#f363;color:#f36;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600}body.admin .predictions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-lg)}body.admin .prediction-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast)}body.admin .prediction-card.critical{background:#ff00001a;border-color:#ff00004d;box-shadow:0 0 20px #f003}body.admin .prediction-card.high{background:#ff33661a;border-color:#ff33664d;box-shadow:0 0 15px #f363}body.admin .prediction-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #ff33664d}body.admin .prediction-card.selected{border-color:#f36;box-shadow:0 0 30px #f366}body.admin .prediction-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}body.admin .prediction-title{font-weight:600;color:var(--text-primary);flex:1}body.admin .prediction-badges{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:flex-end}body.admin .risk-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;text-transform:uppercase;color:#fff}body.admin .confidence-badge{font-size:var(--font-xs);font-weight:600}body.admin .prediction-content{display:flex;flex-direction:column;gap:var(--spacing-md)}body.admin .prediction-text{color:var(--text-secondary);line-height:1.5}body.admin .prediction-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-sm)}body.admin .time-to-act,body.admin .affected-systems{display:flex;gap:var(--spacing-xs)}body.admin .time-label,body.admin .systems-label{color:var(--text-secondary)}body.admin .time-value,body.admin .systems-value{color:var(--accent);font-weight:600}body.admin .detailed-insight-card{background:#ff33660d;border:1px solid rgba(255,51,102,.2);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}body.admin .insight-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid rgba(255,51,102,.2)}body.admin .insight-content{padding:var(--spacing-lg)}body.admin .action-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}body.admin .action-number{width:24px;height:24px;background:#f36;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-xs)}body.admin .action-text{flex:1;color:var(--text-primary)}body.admin .ai-controls{margin-bottom:var(--spacing-xl)}body.admin .controls-card{background:#ff33660d;border:1px solid rgba(255,51,102,.2);border-radius:var(--radius-lg)}body.admin .control-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}body.admin .btn-primary.critical{background:#f003;border-color:#ff000080;color:red}body.admin .btn-primary.critical:hover{background:#ff00004d;border-color:#ff0000b3;box-shadow:0 4px 16px #ff00004d}body.admin .ai-status-card{background:#ff33660d;border:1px solid rgba(255,51,102,.2);border-radius:var(--radius-lg)}body.admin .status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);padding:var(--spacing-lg)}body.admin .status-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:#ffffff05;border-radius:var(--radius-md)}body.admin .status-label{color:var(--text-secondary);font-size:var(--font-sm)}body.admin .status-value{color:var(--accent);font-weight:600}body.user .user-ai-insights{background:radial-gradient(circle at top,rgba(0,245,255,.05),transparent)}body.user .personal-security-section{margin-bottom:var(--spacing-xl)}body.user .security-score-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);text-align:center}body.user .score-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}body.user .score-value{font-size:var(--font-4xl);font-weight:700;color:var(--accent)}body.user .score-meter{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}body.user .score-bar{width:100%;height:20px;background:#ffffff1a;border-radius:10px;overflow:hidden}body.user .score-fill{height:100%;transition:width var(--transition-normal);border-radius:10px}body.user .score-label{color:var(--text-secondary);font-size:var(--font-sm);text-transform:uppercase;letter-spacing:.5px}body.user .personal-stats-section{margin-bottom:var(--spacing-xl)}body.user .personal-stats-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg)}body.user .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);padding:var(--spacing-lg)}body.user .stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-md);background:#ffffff05;border-radius:var(--radius-md);transition:all var(--transition-normal)}body.user .stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00f5ff1a}body.user .stat-value{font-size:var(--font-xl);font-weight:700;color:var(--accent);margin-bottom:var(--spacing-xs)}body.user .stat-label{font-size:var(--font-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}body.user .insights-section{margin-bottom:var(--spacing-xl)}body.user .insights-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}body.user .insights-count{padding:var(--spacing-xs) var(--spacing-sm);background:#00f5ff33;color:var(--accent);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600}body.user .insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}body.user .insight-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;transition:all var(--transition-normal)}body.user .insight-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00f5ff26;border-color:#00f5ff33}body.user .insight-card.selected{border-color:var(--accent);box-shadow:0 8px 32px #00f5ff33}body.user .insight-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}body.user .insight-title{font-weight:600;color:var(--text-primary);flex:1}body.user .insight-badges{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:flex-end}body.user .risk-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;text-transform:uppercase;color:#fff}body.user .confidence-badge{font-size:var(--font-xs);font-weight:600}body.user .insight-content{display:flex;flex-direction:column;gap:var(--spacing-md)}body.user .insight-text{color:var(--text-secondary);line-height:1.5}body.user .priority-indicator{display:flex;gap:var(--spacing-xs);font-size:var(--font-sm)}body.user .priority-label{color:var(--text-secondary)}body.user .priority-value{font-weight:600}body.user .recommendations-section{margin-bottom:var(--spacing-xl)}body.user .recommendations-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg)}body.user .recommendations-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.08)}body.user .recommendations-count{padding:var(--spacing-xs) var(--spacing-sm);background:#00f5ff33;color:var(--accent);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600}body.user .recommendations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);padding:var(--spacing-lg)}body.user .recommendation-category{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--spacing-lg)}body.user .category-title{color:var(--accent);font-weight:600;margin-bottom:var(--spacing-md)}body.user .category-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}body.user .recommendation-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#ffffff05;border-radius:var(--radius-sm)}body.user .recommendation-checkmark{width:16px;height:16px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:600}body.user .recommendation-text{color:var(--text-primary);font-size:var(--font-sm)}body.user .detailed-insight-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}body.user .insight-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.08)}body.user .insight-content{padding:var(--spacing-lg)}body.user .action-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}body.user .action-number{width:24px;height:24px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-xs)}body.user .action-text{flex:1;color:var(--text-primary)}body.user .security-tips-section{margin-bottom:var(--spacing-xl)}body.user .tips-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg)}body.user .tips-list{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}body.user .tip-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);transition:all var(--transition-normal)}body.user .tip-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00f5ff1a}body.user .tip-icon{width:32px;height:32px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:var(--font-sm)}body.user .tip-text{color:var(--text-primary);font-size:var(--font-sm)}body.user .help-options{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg)}@media(max-width:1200px){body.admin .risk-metrics-grid,body.user .stats-grid{grid-template-columns:repeat(2,1fr)}body.user .recommendations-grid{grid-template-columns:1fr}}@media(max-width:768px){.ai-insights-page{padding:var(--spacing-sm)}body.admin .risk-metrics-grid,body.user .stats-grid{grid-template-columns:1fr;gap:var(--spacing-md)}body.admin .anomalies-grid,body.admin .predictions-grid,body.user .insights-grid,body.admin .control-buttons,body.user .help-options,body.admin .status-grid{grid-template-columns:1fr}body.admin .prediction-header,body.user .insight-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}body.admin .prediction-meta,body.user .priority-indicator{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.ai-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.ai-models-recs-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}@media(max-width:1024px){.ai-metrics-grid{grid-template-columns:repeat(2,1fr)}.ai-models-recs-row{grid-template-columns:1fr}}@media(max-width:640px){.ai-metrics-grid{grid-template-columns:1fr}}.ai-soc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px;flex-wrap:wrap}.soc-live-pill{display:inline-flex;align-items:center;gap:8px;background:#00f5ff1a;border:1px solid rgba(0,245,255,.35);color:#00f5ff;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:8px}.live-pulsar{width:8px;height:8px;border-radius:50%;background:#00f5ff;box-shadow:0 0 10px #00f5ff;animation:pulseLive 1.5s infinite}@keyframes pulseLive{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.3);opacity:1;box-shadow:0 0 14px #00f5ff}to{transform:scale(.9);opacity:.8}}.ai-soc-posture-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.posture-card{background:#0b1120b3;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;transition:all .2s ease}.posture-card:hover{border-color:#00f5ff4d;transform:translateY(-2px);box-shadow:0 8px 24px #0006}.card-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.card-tag{font-size:11px;font-weight:700;color:#94a3b8;letter-spacing:.5px;text-transform:uppercase}.risk-gauge-card{border-color:#ff336659;background:radial-gradient(circle at top,#ff336614,#0b1120b3)}.risk-score-display{display:flex;align-items:baseline;gap:4px;margin-bottom:8px}.risk-score-number{font-size:32px;font-weight:900;font-family:monospace;color:#f36;line-height:1}.risk-score-total{font-size:14px;color:#64748b;font-weight:700}.risk-progress-bar{width:100%;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden;margin-bottom:8px}.risk-progress-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f36);border-radius:3px;transition:width .5s ease}.risk-status-label{font-size:11px;font-weight:800;letter-spacing:.5px}.metric-headline{font-size:26px;font-weight:800;line-height:1.1;margin-bottom:10px}.metric-subtext{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#94a3b8}.copilot-workbench-card{background:#0b1120;border:1px solid rgba(0,245,255,.25);border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 12px 36px #00000080,0 0 24px #00f5ff0d}.copilot-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.copilot-title-group{display:flex;align-items:center;gap:14px}.copilot-avatar{width:44px;height:44px;border-radius:12px;background:#00f5ff1a;border:1px solid rgba(0,245,255,.35);display:flex;align-items:center;justify-content:center;flex-shrink:0}.copilot-title-group h3{font-size:18px;font-weight:800;color:#f8fafc;margin:0 0 4px}.copilot-title-group p{font-size:13px;color:#94a3b8;margin:0}.copilot-badge{font-size:11px;font-weight:700;letter-spacing:.8px;padding:4px 10px;border-radius:6px;background:#00f5ff1a;border:1px solid rgba(0,245,255,.3);color:#00f5ff}.copilot-chips-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.copilot-chip{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;font-size:12px;font-weight:600;padding:8px 14px;border-radius:8px;cursor:pointer;transition:all .2s ease}.copilot-chip:hover{background:#00f5ff1f;border-color:#00f5ff66;color:#00f5ff;transform:translateY(-1px)}.copilot-chip.active{background:#00f5ff33;border-color:#00f5ff;color:#00f5ff;box-shadow:0 0 16px #00f5ff33}.copilot-output-container{background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;margin-bottom:20px;min-height:180px}.copilot-thinking{display:flex;align-items:center;justify-content:center;gap:12px;color:#00f5ff;font-size:14px;min-height:140px}.spinning{animation:spin 1s linear infinite}.response-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.response-title{font-size:16px;font-weight:700;color:#38bdf8;margin:0}.response-timestamp{font-size:12px;color:#64748b}.response-summary{font-size:14px;color:#cbd5e1;line-height:1.6;margin:0 0 16px}.response-metrics-grid{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.response-metric-pill{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:6px 12px;border-radius:6px;font-size:12px}.res-metric-name{color:#94a3b8;margin-right:6px}.res-metric-val{color:#f1f5f9}.response-actions-box{background:#39ff140f;border:1px solid rgba(57,255,20,.25);border-radius:8px;padding:14px}.actions-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#86efac;margin-bottom:8px}.actions-list{margin:0;padding-left:20px;color:#cbd5e1;font-size:13px;line-height:1.5}.chat-scroll-container{max-height:520px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth;padding:16px}.chat-scroll-container::-webkit-scrollbar{width:6px}.chat-scroll-container::-webkit-scrollbar-track{background:#0f172a66;border-radius:4px}.chat-scroll-container::-webkit-scrollbar-thumb{background:#00f5ff40;border-radius:4px}.chat-scroll-container::-webkit-scrollbar-thumb:hover{background:#00f5ff80}.copilot-user-bubble-row{display:flex;justify-content:flex-end;width:100%}.copilot-user-bubble{background:linear-gradient(135deg,#00f5ff26,#0ea5e940);border:1px solid rgba(0,245,255,.4);border-radius:14px 14px 2px;padding:12px 16px;max-width:80%;box-shadow:0 4px 16px #00f5ff14}.copilot-user-bubble .bubble-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#38bdf8;margin-bottom:4px}.copilot-user-bubble p{margin:0;font-size:13px;color:#f8fafc;line-height:1.4}.ai-bubble{background:#0f172ad9;border:1px solid rgba(255,255,255,.1);border-radius:14px 14px 14px 2px;padding:18px;box-shadow:0 4px 20px #0000004d;animation:fadeIn .2s ease-out}.ai-response-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:#00f5ff1a;border:1px solid rgba(0,245,255,.3)}.bubble-action-row{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:flex-start}.copilot-query-form{display:flex;align-items:center;gap:10px}.copilot-input{flex:1;background:#0f172acc;border:1px solid rgba(0,245,255,.3);border-radius:10px;padding:12px 16px;color:#fff;font-size:14px;outline:none;transition:all .2s}.copilot-input:focus{border-color:#00f5ff;box-shadow:0 0 16px #00f5ff40}.copilot-send-btn{background:linear-gradient(135deg,#00f5ff,#09f);color:#000;border:none;border-radius:10px;padding:12px 20px;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.copilot-send-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00f5ff66}.ai-remediations-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.workbench-card{background:#0b1120;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:20px}.header-with-icon{display:flex;align-items:center;gap:10px}.header-with-icon h3{margin:0;font-size:16px;font-weight:700;color:#f8fafc}.action-items-list{display:flex;flex-direction:column;gap:12px}.action-item-card{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#0f172a99;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:14px;transition:all .2s}.action-item-card:hover{border-color:#ffffff26}.action-info h4{font-size:14px;font-weight:700;color:#fff;margin:0 0 4px}.action-info p{font-size:12px;color:#94a3b8;margin:0;line-height:1.4}.btn-applied{background:#39ff1426!important;color:#39ff14!important;border-color:#39ff1466!important}.forecast-footer-notes{margin-top:14px;padding:10px 14px;background:#00f5ff0d;border:1px solid rgba(0,245,255,.15);border-radius:8px;display:flex;align-items:flex-start;gap:8px}.note-label{font-size:11px;font-weight:700;text-transform:uppercase;color:#00f5ff;white-space:nowrap}.note-text{font-size:12px;color:#cbd5e1;margin:0;line-height:1.4}.anomalies-table-card{background:#0b1120;border:1px solid rgba(255,51,102,.25);border-radius:14px;padding:20px;margin-bottom:24px}.anomaly-count-pill{font-size:11px;font-weight:800;padding:4px 10px;border-radius:6px;background:#ff336626;color:#f36;border:1px solid rgba(255,51,102,.35)}.anomalies-table-scroll{overflow-x:auto;margin-top:14px}.ai-anomalies-table{width:100%;min-width:720px;border-collapse:collapse;font-size:13px}.ai-anomalies-table th{text-align:left;padding:12px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;border-bottom:1px solid rgba(255,255,255,.1);background:#0f172a80}.ai-anomalies-table td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.05)}.ai-anomalies-table tr:hover{background:#ffffff08}.anomaly-type-text{font-weight:600;color:#f1f5f9}.deviation-score{font-family:monospace;font-weight:700;color:#fbbf24}.risk-badge{display:inline-block;font-size:10px;font-weight:800;padding:2px 8px;border-radius:4px;text-transform:uppercase}.risk-badge.critical{background:#f363;color:#f36;border:1px solid rgba(255,51,102,.4)}.risk-badge.high{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.4)}.risk-badge.medium{background:#00f5ff26;color:#00f5ff;border:1px solid rgba(0,245,255,.35)}.anomaly-action-btns{display:flex;align-items:center;gap:8px}.anomaly-action-btns .btn-xs{padding:4px 8px;font-size:11px;border-radius:6px;display:inline-flex;align-items:center;gap:4px}@media(max-width:1024px){.ai-soc-posture-grid{grid-template-columns:repeat(2,1fr)}.ai-remediations-grid{grid-template-columns:1fr}}@media(max-width:640px){.ai-soc-posture-grid{grid-template-columns:1fr}.action-item-card{flex-direction:column;align-items:flex-start}.action-item-card button{width:100%;justify-content:center}.copilot-query-form{flex-direction:column}.copilot-send-btn{width:100%;justify-content:center}}.notifications-page{padding:0}.notifications-stats{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px;margin-bottom:25px}.stat-card{padding:16px;height:auto;min-height:90px;text-align:center;max-width:100%;width:100%;display:flex;align-items:center;justify-content:center}.stat-content{display:flex;flex-direction:column;gap:6px}.priority-badge{color:#000!important;font-weight:600;padding:4px 8px;border-radius:6px}.meta-badge-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.quick-read-btn{display:inline-flex;align-items:center;gap:4px;background:#00f5ff1f;border:1px solid rgba(0,245,255,.35);color:#00f5ff;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease}.quick-read-btn:hover{background:#00f5ff40;border-color:#00f5ff;transform:translateY(-1px)}body.admin .quick-read-btn{background:#ff33661f;border:1px solid rgba(255,51,102,.35);color:#f36}body.admin .quick-read-btn:hover{background:#ff336640;border-color:#f36}.read-status-badge{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:#94a3b8;padding:3px 6px;border-radius:4px;background:#94a3b81f;font-weight:500}body.admin .admin-notifications-page{background:radial-gradient(circle at top,rgba(255,51,102,.08),transparent)}body.admin .admin-controls{background:#ff336608;border:1px solid rgba(255,51,102,.2);border-radius:12px;padding:20px;margin-bottom:25px}body.admin .admin-actions{display:flex;gap:12px}body.admin .admin-actions .btn-danger{background:#ff00001a;border-color:#ff00004d;color:red}body.admin .admin-actions .btn-danger:hover{background:#f003;border-color:#ff000080;box-shadow:0 4px 16px #ff00004d}body.admin .admin-list .admin-notification{background:#ff336608;border:1px solid rgba(255,51,102,.2);margin-bottom:16px;transition:all .2s ease}body.admin .admin-list .admin-notification:hover{border-color:#f366;box-shadow:0 4px 16px #f363}body.admin .admin-list .admin-notification.unread{border-left:4px solid #ff3366;background:#ff33660d}body.admin .admin-settings{background:#ff336608;border:1px solid rgba(255,51,102,.2);margin-top:25px}body.admin .admin-settings h3{color:#f36;margin-bottom:20px}body.admin .admin-empty{background:#ff336608;border:1px solid rgba(255,51,102,.2);text-align:center;padding:40px 20px}body.admin .admin-empty .empty-icon{color:#f36;font-size:48px;margin-bottom:16px}body.admin .admin-empty h3{color:#f36;margin-bottom:8px}body.admin .priority-controls{display:flex;flex-direction:column;gap:4px;align-items:flex-end}body.admin .priority-select{padding:2px 6px;background:#ff33661a;border:1px solid rgba(255,51,102,.2);border-radius:4px;color:var(--text-primary);font-size:10px;font-weight:600;cursor:pointer}body.admin .notification-meta-info{display:flex;flex-direction:column;gap:4px;margin-top:8px}body.admin .notification-source{font-size:11px;color:var(--text-secondary);font-weight:600}body.admin .affected-users{font-size:11px;color:#f36;font-weight:600}body.user .user-notifications-page{background:radial-gradient(circle at top,rgba(0,245,255,.05),transparent)}body.user .user-notifications-page .notifications-stats{grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px}body.user .user-controls{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;margin-bottom:25px}body.user .user-actions{display:flex;gap:12px}body.user .user-list .user-notification{background:#ffffff05;border:1px solid rgba(255,255,255,.08);margin-bottom:16px;transition:all .2s ease}body.user .user-list .user-notification:hover{border-color:#00f5ff4d;box-shadow:0 4px 16px #00f5ff33}body.user .user-list .user-notification.unread{border-left:4px solid #00f5ff;background:#00f5ff0d}body.user .user-settings{background:#ffffff05;border:1px solid rgba(255,255,255,.08);margin-top:25px}body.user .user-settings h3{color:#00f5ff;margin-bottom:20px}body.user .user-empty{background:#ffffff05;border:1px solid rgba(255,255,255,.08);text-align:center;padding:40px 20px}body.user .user-empty .empty-icon{color:#00f5ff;font-size:48px;margin-bottom:16px}body.user .user-empty h3{color:#00f5ff;margin-bottom:8px}body.user .help-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);margin-top:25px}body.user .help-card h3{color:#00f5ff;margin-bottom:20px}.notifications-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:25px}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.filter-tab{padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:14px}.filter-tab:hover{background:#ffffff1a;border-color:#fff3}.filter-tab.active{background:var(--accent);color:#000;border-color:var(--accent)}.notifications-list,.admin-list,.user-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}.notification-item{border-radius:12px;padding:16px;transition:all .25s ease;height:auto;display:flex;flex-direction:column}.notification-item.collapsed{cursor:pointer}.notification-item.collapsed:hover{transform:translateY(-2px);border-color:#00f5ff59;box-shadow:0 4px 16px #00f5ff26}.notification-content{display:flex;flex-direction:column;gap:12px}.notification-header{display:flex;align-items:flex-start;gap:12px}.notification-icon{font-size:20px;margin-top:2px;flex-shrink:0}.notification-info{flex:1;min-width:0}.notification-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-message{color:var(--text-secondary);line-height:1.4;font-size:13px;margin-bottom:6px}.notification-message.truncated{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.notification-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.notification-time{font-size:11px;color:var(--text-secondary);font-family:Courier New,monospace}.expand-toggle-btn{font-size:11px;font-weight:700;color:#00f5ff;background:#00f5ff1a;border:1px solid rgba(0,245,255,.25);padding:4px 10px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;margin-top:6px;transition:all .2s ease;align-self:flex-start}.expand-toggle-btn:hover{background:#00f5ff33;border-color:#00f5ff}.notification-details-panel{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:10px;animation:fadeInDown .2s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.notification-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.btn-sm{padding:6px 12px;font-size:12px}.empty-state{text-align:center;padding:60px 20px}.empty-content{display:flex;flex-direction:column;align-items:center;gap:16px}.empty-icon{font-size:48px;color:var(--text-muted)}.notification-settings{border-radius:12px;padding:24px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:8px}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff1a;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--accent)}input:checked+.slider:before{transform:translate(20px)}@media(max-width:1024px){.notifications-list,.admin-list,.user-list{grid-template-columns:repeat(2,1fr);gap:14px}}@media(max-width:768px){.admin-notifications-page,.user-notifications-page,.notifications-page{padding:12px 10px}.notifications-stats,.admin-stats,.user-stats,body.admin .admin-stats,body.user .user-stats{grid-template-columns:repeat(2,1fr)!important;gap:10px}.notifications-list,.admin-list,.user-list{grid-template-columns:1fr;gap:12px}.notifications-controls{flex-direction:column;align-items:stretch;gap:12px;padding:14px}.filter-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;gap:6px;padding-bottom:4px}.filter-tab{flex-shrink:0;white-space:nowrap;padding:6px 12px;font-size:12px}.admin-actions,.user-actions{display:flex;gap:8px;width:100%}.admin-actions button,.user-actions button{flex:1;text-align:center;padding:8px 10px;font-size:12px}.notification-item{padding:14px}.notification-header{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:10px}.notification-title{white-space:normal;word-break:break-word;font-size:14px}.notification-meta{align-items:flex-end;min-width:auto;flex-shrink:0}.notification-actions{width:100%;justify-content:flex-start;gap:6px}.notification-actions button{padding:5px 10px;font-size:11px}.settings-grid{grid-template-columns:1fr}.setting-item{flex-direction:column;align-items:flex-start;gap:12px}}@media(max-width:480px){.notifications-stats,.admin-stats,.user-stats,body.admin .admin-stats,body.user .user-stats{grid-template-columns:repeat(2,1fr)!important;gap:8px}.stat-card,body.admin .admin-stat,body.user .user-stat{padding:10px 8px;min-height:70px}.stat-card .stat-value,body.admin .admin-stat .stat-value,body.user .user-stat .stat-value{font-size:18px}.stat-card .stat-label,body.admin .admin-stat .stat-label,body.user .user-stat .stat-label{font-size:10px}.filter-tabs{gap:6px}.filter-tab{padding:5px 10px;font-size:11px}}.investigation-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#050a14d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px;animation:modalFadeIn .25s cubic-bezier(.16,1,.3,1)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.investigation-modal-container{background:#0b1120;border:1px solid rgba(255,51,102,.35);box-shadow:0 16px 48px #000c,0 0 30px #ff336626;border-radius:16px;width:100%;max-width:780px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;color:#e2e8f0}.investigation-modal-header{padding:20px 24px;background:#ff33660d;border-bottom:1px solid rgba(255,51,102,.2);display:flex;align-items:center;justify-content:space-between;gap:16px}.modal-title-group{display:flex;align-items:center;gap:14px}.investigation-icon-badge{width:44px;height:44px;border-radius:10px;background:#ff33661f;border:1px solid rgba(255,51,102,.35);display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-eyebrow{font-size:11px;font-weight:700;letter-spacing:1px;color:#f36;text-transform:uppercase;margin-bottom:4px}.modal-title{font-size:18px;font-weight:700;color:#fff;margin:0}.modal-close-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#94a3b8;border-radius:8px;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close-btn:hover{background:#f363;border-color:#f36;color:#fff}.investigation-modal-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.forensic-kpi-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:#0f172a99;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px}.kpi-cell{display:flex;flex-direction:column;gap:4px}.kpi-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8}.kpi-value-row{display:flex;align-items:center;gap:8px}.kpi-score{font-size:16px;font-weight:800;font-family:monospace}.kpi-tag{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px}.kpi-tag.critical{background:#f363;color:#f36;border:1px solid rgba(255,51,102,.4)}.kpi-tag.high{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.4)}.kpi-value{font-size:14px;font-weight:600;color:#f1f5f9}.forensic-section{display:flex;flex-direction:column;gap:8px}.section-title{font-size:13px;font-weight:700;color:#cbd5e1;display:flex;align-items:center;gap:8px}.payload-header{justify-content:space-between}.copy-payload-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:#94a3b8;border-radius:6px;padding:4px 8px;font-size:11px;display:inline-flex;align-items:center;gap:4px;cursor:pointer;transition:all .2s}.copy-payload-btn:hover{background:#00f5ff26;border-color:#00f5ff;color:#00f5ff}.mitre-card{background:#0f172a80;border:1px solid rgba(0,245,255,.2);border-radius:10px;padding:14px}.mitre-badge-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.mitre-id{background:#00f5ff26;color:#00f5ff;border:1px solid rgba(0,245,255,.35);font-family:monospace;font-weight:700;font-size:12px;padding:3px 8px;border-radius:6px}.mitre-name{font-weight:700;color:#f8fafc;font-size:14px}.mitre-tactic{font-size:12px;color:#94a3b8;background:#ffffff0d;padding:2px 8px;border-radius:4px}.forensic-desc{font-size:13px;color:#94a3b8;line-height:1.5;margin:0}.recommendation-box{background:#fbbf240f;border:1px solid rgba(251,191,36,.25);border-radius:10px;padding:14px}.rec-text{font-size:13px;color:#fef08a;line-height:1.5;margin:0 0 8px}.vector-tag{font-size:12px;color:#94a3b8}.vector-tag strong{color:#00f5ff}.payload-terminal{background:#040812;border:1px solid rgba(57,255,20,.3);border-radius:10px;padding:14px;margin:0;overflow-x:auto}.payload-terminal code{font-family:Fira Code,Courier New,monospace;font-size:12px;color:#39ff14;white-space:pre-wrap;word-break:break-all;line-height:1.45}.investigation-modal-footer{padding:16px 24px;background:#0f172acc;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.footer-left-actions,.footer-right-actions{display:flex;align-items:center;gap:10px}.footer-left-actions .btn,.footer-right-actions .btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s}.btn-disabled{opacity:.6;cursor:not-allowed!important}@media(max-width:640px){.forensic-kpi-strip{grid-template-columns:repeat(2,1fr)}.investigation-modal-footer{flex-direction:column;align-items:stretch}.footer-left-actions,.footer-right-actions{width:100%;flex-direction:column}.footer-left-actions .btn,.footer-right-actions .btn{width:100%;justify-content:center}}.simulation-page{padding:0;min-height:100vh}.page-header{margin-bottom:20px;z-index:2;position:relative}.simulation-controls{margin-bottom:25px}.attack-selector-card{padding:20px;background:#0a0f1eb3;border:1px solid rgba(0,255,255,.1);border-radius:12px}.attack-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}body.admin .attack-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.attack-type{padding:16px;background:#00ffff0d;border:1px solid rgba(0,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s ease}.attack-type:hover{background:#00ffff1a;border-color:#00ffff4d;transform:translateY(-2px)}.attack-type.selected{background:#00ffff26;border-color:var(--accent)}.attack-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.attack-header h4{font-size:16px;font-weight:600;color:var(--text-primary)}.severity-badge{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;color:#000}.attack-description{color:var(--text-secondary);font-size:13px;line-height:1.4}.attack-meta{margin-top:8px}.duration{font-size:12px;color:var(--accent)}.simulation-action{margin-bottom:25px}.action-card{padding:20px;background:#0a0f1eb3;border:1px solid rgba(0,255,255,.1);border-radius:12px}.action-content{display:flex;justify-content:space-between;align-items:center}.action-info h3{color:var(--accent);margin-bottom:8px}.action-info p{color:var(--text-secondary);margin-bottom:12px}.simulation-warning{display:flex;align-items:center;gap:8px;padding:12px;background:#ffaa001a;border:1px solid rgba(255,170,0,.2);border-radius:8px}.warning-icon{color:#fa0;font-size:16px}.simulation-warning span{color:var(--text-secondary);font-size:12px}.simulate-btn{padding:12px 24px;background:var(--accent);color:#000;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.simulate-btn:hover{background:#0ffc;transform:translateY(-1px)}.simulate-btn.simulating{background:#666;cursor:not-allowed}.simulate-btn span{margin-right:8px}.attack-icon{color:var(--accent);font-size:16px}.result-card{padding:24px;background:#0a0f1eb3;border:1px solid rgba(0,255,255,.1);border-radius:12px}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.result-header h3{color:var(--accent)}.status-badge{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;color:#000}.result-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.overview-item{display:flex;flex-direction:column;gap:8px;padding:12px;background:#00ffff0d;border-radius:8px}.overview-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.overview-value{font-size:14px;color:var(--text-primary);font-weight:500}.result-details h4{color:var(--accent);margin-bottom:16px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.metric-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px;background:#00ffff0d;border-radius:8px}.metric-value{font-size:18px;font-weight:700;color:var(--accent);margin-bottom:4px}.metric-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.history-card{padding:20px;background:#0a0f1eb3;border:1px solid rgba(0,255,255,.1);border-radius:12px}.history-card h3{color:var(--accent);margin-bottom:16px}.history-list{display:flex;flex-direction:column;gap:12px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#00ffff0d;border-radius:8px}.history-info{display:flex;flex-direction:column;gap:4px}.history-attack{color:var(--text-primary);font-weight:500}.history-time{color:var(--text-secondary);font-size:12px}.history-meta{display:flex;gap:12px}.history-status{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;color:#000}.history-source{color:var(--accent);font-family:monospace;font-size:12px}.settings-card{padding:20px;background:#0a0f1eb3;border:1px solid rgba(0,255,255,.1);border-radius:12px}.settings-card h3{color:var(--accent);margin-bottom:16px}.spinner{width:20px;height:20px;border:2px solid rgba(0,255,255,.2);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}body.admin .admin-simulation-page{background:radial-gradient(circle at top,rgba(255,51,102,.08),transparent)}body.admin .admin-controls{display:grid;grid-template-columns:2fr 1fr;gap:25px;margin-bottom:25px}body.admin .admin-selector{background:#ff336608;border:1px solid rgba(255,51,102,.2);padding:20px;border-radius:12px}body.admin .admin-selector h3{color:#f36;margin-bottom:16px}body.admin .attack-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}body.admin .admin-attack{background:#ff33660d;border:1px solid rgba(255,51,102,.1);padding:16px;border-radius:8px;cursor:pointer;transition:all .2s ease}body.admin .admin-attack:hover{background:#ff33661a;border-color:#ff33664d;transform:translateY(-2px);box-shadow:0 4px 16px #f363}body.admin .admin-attack.selected{background:#ff336626;border-color:#f36;box-shadow:0 4px 16px #ff33664d}body.admin .attack-badges{display:flex;gap:4px}body.admin .complexity-badge{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;color:#000}body.admin .admin-config{background:#ff336608;border:1px solid rgba(255,51,102,.2);padding:20px;border-radius:12px}body.admin .admin-config h3{color:#f36;margin-bottom:16px}body.admin .config-grid{display:grid;grid-template-columns:1fr;gap:16px}body.admin .config-item{display:flex;flex-direction:column;gap:8px}body.admin .config-item label{color:var(--text-primary);font-weight:500;font-size:14px}body.admin .config-select{padding:8px 12px;background:#ff33660d;border:1px solid rgba(255,51,102,.2);border-radius:6px;color:var(--text-primary);font-size:14px}body.admin .admin-action-card{background:#ff336608;border:1px solid rgba(255,51,102,.2);padding:20px;border-radius:12px}body.admin .admin-warning{background:#ff00001a;border:1px solid rgba(255,0,0,.2)}body.admin .simulation-details{display:flex;gap:16px;margin-top:8px}body.admin .simulation-details span{padding:4px 8px;background:#ff33661a;border-radius:4px;font-size:12px;color:#f36;font-weight:600}body.admin .action-buttons{display:flex;flex-direction:column;gap:12px}body.admin .admin-simulate{background:#f36;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}body.admin .admin-simulate:hover{background:#ff1a4d;transform:translateY(-1px);box-shadow:0 4px 16px #ff33664d}body.admin .admin-simulate.simulating{background:#666;cursor:not-allowed}body.admin .admin-result{background:#ff336608;border:1px solid rgba(255,51,102,.2);padding:24px;border-radius:12px}body.admin .admin-result .result-header h3{color:#f36}body.admin .ids-response{margin-top:20px;padding:16px;background:#ff33660d;border:1px solid rgba(255,51,102,.1);border-radius:8px}body.admin .ids-response h4{color:#f36;margin-bottom:12px}body.admin .ids-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}body.admin .ids-metric{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ff33660d;border-radius:6px}body.admin .ids-label{color:var(--text-secondary);font-size:12px}body.admin .ids-value{color:#f36;font-weight:600}body.admin .admin-history{background:#ff336608;border:1px solid rgba(255,51,102,.2);padding:20px;border-radius:12px}body.admin .history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}body.admin .history-header h3{color:#f36}body.admin .history-count{padding:4px 8px;background:#f363;color:#f36;border-radius:4px;font-size:12px;font-weight:600}body.admin .admin-history-item{background:#ff33660d;border:1px solid rgba(255,51,102,.1);padding:12px;border-radius:8px;transition:all .2s ease}body.admin .admin-history-item:hover{background:#ff33661a;border-color:#ff33664d}body.admin .history-target{color:#f36;font-size:11px;font-weight:600}body.admin .history-severity{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;color:#000}body.admin .history-response{color:#f36;font-family:monospace;font-size:11px}body.admin .admin-settings{background:#ff336608;border:1px solid rgba(255,51,102,.2);padding:20px;border-radius:12px}body.admin .admin-settings h3{color:#f36;margin-bottom:16px}body.user .user-simulation-page{background:radial-gradient(circle at top,rgba(0,245,255,.05),transparent)}.training-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}@media(max-width:768px){.training-stats-row{grid-template-columns:1fr}}.simulations-grid-2x2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:900px){.simulations-grid-2x2{grid-template-columns:1fr}}.simulation-item-card{padding:16px;background:#1e293b66;border:1px solid rgba(255,255,255,.08);border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;transition:all .2s ease}.simulation-item-card:hover{background:#1e293bb3;border-color:#00f5ff4d}.training-bottom-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;align-items:stretch}.training-bottom-row .simulations-card{display:flex;flex-direction:column;height:100%}@media(max-width:1100px){.training-bottom-row{grid-template-columns:1fr}}body.user .user-controls{margin-bottom:25px}body.user .view-selector{background:#ffffff05;border:1px solid rgba(255,255,255,.08);padding:20px;border-radius:12px}body.user .view-selector h3{color:#00f5ff;margin-bottom:16px}body.user .view-tabs{display:flex;gap:8px;flex-wrap:wrap}body.user .view-tab{padding:8px 16px;background:#00f5ff0d;border:1px solid rgba(0,245,255,.1);border-radius:6px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:14px}body.user .view-tab:hover{background:#00f5ff1a;border-color:#00f5ff4d}body.user .view-tab.active{background:#00f5ff;color:#000;border-color:#00f5ff}body.user .user-history{background:#ffffff05;border:1px solid rgba(255,255,255,.08);padding:20px;border-radius:12px}body.user .user-history .history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}body.user .user-history .history-header h3{color:#00f5ff}body.user .user-history .history-count{padding:4px 8px;background:#00f5ff33;color:#00f5ff;border-radius:4px;font-size:12px;font-weight:600}body.user .user-history-item{background:#00f5ff0d;border:1px solid rgba(0,245,255,.1);padding:12px;border-radius:8px;transition:all .2s ease}body.user .user-history-item:hover{background:#00f5ff1a;border-color:#00f5ff4d}body.user .history-target{color:#00f5ff;font-size:11px;font-weight:600}body.user .history-severity{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;color:#000}body.user .history-response{color:#00f5ff;font-family:monospace;font-size:11px}body.user .user-performance{background:#ffffff05;border:1px solid rgba(255,255,255,.08);padding:20px;border-radius:12px}body.user .user-performance h3{color:#00f5ff;margin-bottom:16px}body.user .performance-content{display:flex;flex-direction:column;gap:24px}body.user .performance-overview h4,body.user .attack-breakdown h4{color:#00f5ff;margin-bottom:12px}body.user .performance-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}body.user .performance-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#00f5ff0d;border:1px solid rgba(0,245,255,.1);border-radius:8px}body.user .metric-value{color:#00f5ff;font-weight:600}body.user .breakdown-list{display:flex;flex-direction:column;gap:8px}body.user .breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#00f5ff0d;border:1px solid rgba(0,245,255,.1);border-radius:6px}body.user .breakdown-attack{color:var(--text-primary);font-size:14px}body.user .breakdown-count{color:#00f5ff;font-weight:600}body.user .user-summary{background:#ffffff05;border:1px solid rgba(255,255,255,.08);padding:20px;border-radius:12px}body.user .user-summary h3{color:#00f5ff;margin-bottom:16px}body.user .summary-content{display:flex;flex-direction:column;gap:24px}body.user .summary-section h4{color:#00f5ff;margin-bottom:12px}body.user .summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}body.user .summary-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#00f5ff0d;border:1px solid rgba(0,245,255,.1);border-radius:8px}body.user .summary-label{color:var(--text-secondary);font-size:12px}body.user .summary-value{color:#00f5ff;font-weight:600}body.user .effectiveness-metrics{display:flex;flex-direction:column;gap:16px}body.user .effectiveness-item{display:flex;flex-direction:column;gap:8px}body.user .effectiveness-label{color:var(--text-primary);font-size:14px;font-weight:500}body.user .effectiveness-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}body.user .effectiveness-fill{height:100%;background:#00f5ff;transition:width .3s ease}body.user .effectiveness-value{color:#00f5ff;font-weight:600;font-size:12px}body.user .recent-activity{display:flex;flex-direction:column;gap:12px}body.user .activity-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#00f5ff0d;border:1px solid rgba(0,245,255,.1);border-radius:8px}body.user .activity-info{display:flex;flex-direction:column;gap:4px}body.user .activity-attack{color:var(--text-primary);font-weight:500}body.user .activity-time{color:var(--text-secondary);font-size:12px}body.user .activity-status{display:flex;gap:8px;align-items:center}body.user .activity-badge{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;color:#000}body.user .activity-result{color:#00f5ff;font-size:12px;font-weight:600}body.user .user-help{background:#ffffff05;border:1px solid rgba(255,255,255,.08);margin-top:25px}body.user .help-content{display:flex;flex-direction:column;gap:16px;padding:20px}body.user .user-restriction{background:#ffffff05;border:1px solid rgba(0,245,255,.2);margin-top:25px}body.user .restriction-content{display:flex;align-items:center;gap:16px;padding:20px}body.user .restriction-info h4{color:#00f5ff;margin-bottom:4px}@media(max-width:1200px){body.admin .admin-controls{grid-template-columns:1fr;gap:20px}body.user .user-stats{grid-template-columns:repeat(2,1fr)}}.admin-sim-kpis{display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.admin-sim-layout{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start}.admin-sim-item-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.admin-sim-actions-col{display:flex;flex-direction:column;gap:10px;min-width:140px;flex-shrink:0}@media(max-width:992px){.admin-sim-layout{grid-template-columns:1fr;gap:20px}}@media(max-width:768px){.admin-simulation-page,.user-simulation-page,.simulation-page{padding:12px 10px!important}.admin-sim-kpis{grid-template-columns:1fr}.admin-sim-kpis>div{border-left:none!important;border-right:none!important;border-bottom:1px solid rgba(255,255,255,.08);padding:12px 16px!important}.admin-sim-kpis>div:last-child{border-bottom:none}.admin-sim-item-inner{flex-direction:column;align-items:stretch;gap:14px}.admin-sim-actions-col{min-width:100%;width:100%;flex-direction:row;flex-wrap:wrap}.admin-sim-actions-col button{flex:1;min-width:120px}.simulations-grid-2x2{grid-template-columns:1fr;gap:12px}body.admin .attack-types-grid{grid-template-columns:1fr}body.admin .action-buttons{flex-direction:row;flex-wrap:wrap}body.user .user-stats{grid-template-columns:repeat(2,1fr)}body.user .view-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;gap:6px;padding-bottom:4px}body.user .view-tab{flex-shrink:0;white-space:nowrap;padding:6px 12px;font-size:13px}body.user .performance-metrics,body.user .summary-grid{grid-template-columns:1fr}body.user .restriction-content{flex-direction:column;text-align:center}}@media(max-width:480px){.admin-sim-actions-col button{width:100%;flex:none}body.admin .admin-controls{gap:16px}body.user .user-stats{grid-template-columns:1fr}}.terminal-logs-page{padding:0;min-height:100vh;background:#000;font-family:Courier New,monospace;color:#0f0;position:relative;overflow:hidden}.logs-stats{display:flex!important;gap:20px;justify-content:center;align-items:stretch;margin-top:20px}.stat-card{flex:1;max-width:220px;padding:12px;height:auto;background:#00140099;border:1px solid rgba(0,255,0,.15);border-radius:8px;text-align:center}.stat-value{font-size:18px;color:#0f0;margin-bottom:4px}.stat-label{font-size:12px;color:#0f0;margin:0}.terminal-card *{margin:2px 0}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.filter-buttons button{background:transparent;border:1px solid rgba(0,255,0,.4);color:#0f0;padding:4px 10px;font-size:12px;border-radius:4px;cursor:pointer;transition:.2s ease}.filter-buttons button:hover{background:#00ff001a;border-color:#0f0}.filter-buttons button.active{background:#0f03;border-color:#0f0}.terminal-log{background:#000c;border:1px solid rgba(0,255,0,.1);padding:8px;font-size:11px;line-height:1.3;max-height:200px;overflow-y:auto}.full-width-terminal{grid-column:span 2}.terminal-card:hover{border-color:#0f0;box-shadow:0 0 12px #0f03;transform:translateY(-2px);transition:.2s ease}@media(max-width:768px){.logs-stats{flex-wrap:wrap;justify-content:center}.stat-card{flex:1 1 45%}}.terminal-logs-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,255,0,.02) 100%);pointer-events:none;z-index:1}body.admin .admin-logs{background:#000;font-family:Courier New,monospace;color:#0f0;position:relative;overflow:hidden}body.admin .admin-logs .terminal-header{background:#002800cc;border:1px solid rgba(0,255,0,.3);border-radius:8px 8px 0 0;padding:var(--spacing-md);margin-bottom:var(--spacing-md)}body.admin .admin-logs .terminal-title{display:flex;align-items:center;gap:var(--spacing-sm);font-family:Courier New,monospace}body.admin .admin-logs .terminal-prompt{color:#0f0;font-weight:700}body.admin .admin-logs .terminal-command{color:#fff}body.admin .admin-logs .terminal-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:#00140099;border:1px solid rgba(0,255,0,.15);border-radius:var(--radius-md)}body.admin .admin-logs .control-left{display:flex;align-items:center;gap:var(--spacing-lg)}body.admin .admin-logs .terminal-input{display:flex;align-items:center;background:#000c;border:1px solid rgba(0,255,0,.3);border-radius:4px;padding:var(--spacing-sm);min-width:300px}body.admin .admin-logs .terminal-input input{background:transparent;border:none;color:#0f0;font-family:Courier New,monospace;font-size:14px;outline:none;flex:1}body.admin .admin-logs .terminal-cursor{color:#0f0;animation:terminalBlink 1s infinite}@keyframes terminalBlink{0%,50%{opacity:1}51%,to{opacity:0}}body.admin .admin-logs .terminal-btn{background:transparent;border:1px solid rgba(0,255,0,.4);color:#0f0;padding:var(--spacing-xs) var(--spacing-sm);font-family:Courier New,monospace;font-size:12px;border-radius:4px;cursor:pointer;transition:all var(--transition-fast)}body.admin .admin-logs .terminal-btn:hover{background:#00ff001a;border-color:#0f0;box-shadow:0 0 8px #00ff004d}body.admin .admin-logs .terminal-btn.active{background:#0f03;border-color:#0f0}body.admin .admin-logs .terminal-btn.export:hover{border-color:#00f5ff;color:#00f5ff;box-shadow:0 0 8px #00f5ff4d}body.admin .admin-logs .terminal-btn.clear:hover{border-color:#f36;color:#f36;box-shadow:0 0 8px #ff33664d}body.admin .admin-logs .terminal-stats-card{background:#00140099;border:1px solid rgba(0,255,0,.15);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}body.admin .admin-logs .terminal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid rgba(0,255,0,.15)}body.admin .admin-logs .terminal-header h3{color:#0f0;font-family:Courier New,monospace;margin:0}body.admin .admin-logs .terminal-actions{display:flex;gap:var(--spacing-sm)}body.admin .admin-logs .terminal-stats{padding:var(--spacing-md);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}body.admin .admin-logs .stat-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs);background:#0006;border-radius:4px}body.admin .admin-logs .stat-label{color:#0f0;font-size:12px}body.admin .admin-logs .stat-value{color:#0f0;font-weight:700;font-family:Courier New,monospace}body.admin .admin-logs .terminal-output{max-height:500px;overflow-y:auto;padding:var(--spacing-md);font-family:Courier New,monospace;font-size:12px;line-height:1.4}body.admin .admin-logs .terminal-line{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) 0;border-bottom:1px solid rgba(0,255,0,.05);transition:all var(--transition-fast)}body.admin .admin-logs .terminal-line:hover{background:#00ff000d}body.admin .admin-logs .terminal-timestamp{color:#666;font-size:11px}body.admin .admin-logs .terminal-status{font-weight:700;text-transform:uppercase;font-size:10px;padding:2px 4px;border-radius:2px}body.admin .admin-logs .terminal-source{color:#00f5ff;font-weight:700}body.admin .admin-logs .terminal-event{color:#fff;font-weight:700}body.admin .admin-logs .terminal-details{color:#0f0;flex:1}body.admin .admin-logs .terminal-user{color:#fa0;font-size:10px}body.admin .admin-logs .terminal-cursor-line{color:#0f0;animation:terminalBlink 1s infinite}body.user .user-logs-page{background:radial-gradient(circle at top,rgba(0,245,255,.05),transparent);padding:var(--spacing-xl);min-height:100vh}body.user .user-logs-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg)}body.user .user-logs-controls .control-left{display:flex;align-items:center;gap:var(--spacing-lg)}body.user .search-input{position:relative}body.user .search-field{padding:var(--spacing-md) var(--spacing-lg);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-md);outline:none;transition:all var(--transition-normal);min-width:300px}body.user .search-field:focus{border-color:var(--accent);box-shadow:0 0 16px #00f5ff33}body.user .filter-buttons{display:flex;gap:var(--spacing-sm)}body.user .filter-btn{padding:var(--spacing-sm) var(--spacing-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all var(--transition-normal)}body.user .filter-btn:hover{background:#00f5ff1a;border-color:#00f5ff4d;color:var(--accent)}body.user .filter-btn.active{background:#00f5ff33;border-color:var(--accent);color:var(--accent)}body.user .action-btn{padding:var(--spacing-md) var(--spacing-lg);background:#00f5ff1a;border:1px solid rgba(0,245,255,.3);border-radius:var(--radius-md);color:var(--accent);font-weight:600;font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-normal)}body.user .action-btn:hover{background:#00f5ff33;border-color:#00f5ff80;box-shadow:0 4px 16px #00f5ff4d}body.user .user-logs-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}body.user .user-logs-stats .stat-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;transition:all var(--transition-normal)}body.user .user-logs-stats .stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00f5ff26;border-color:#00f5ff33}body.user .user-logs-stats .stat-value{font-size:var(--font-2xl);font-weight:700;color:var(--accent);margin-bottom:var(--spacing-xs)}body.user .user-logs-stats .stat-label{font-size:var(--font-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}body.user .user-logs-summary{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}body.user .summary-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.08)}body.user .summary-header h3{color:var(--text-primary);margin:0}body.user .summary-stats{padding:var(--spacing-lg);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}body.user .summary-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:#ffffff05;border-radius:var(--radius-md)}body.user .summary-label{color:var(--text-secondary);font-size:var(--font-sm)}body.user .summary-value{color:var(--text-primary);font-weight:600}body.user .summary-value.secure{color:#0f0}body.user .user-logs-list{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}body.user .logs-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.08)}body.user .logs-header h3{color:var(--text-primary);margin:0}body.user .logs-info{color:var(--text-secondary);font-size:var(--font-sm)}body.user .logs-output{max-height:500px;overflow-y:auto;padding:var(--spacing-lg)}body.user .log-item{padding:var(--spacing-lg);background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);transition:all var(--transition-normal)}body.user .log-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00f5ff1a;border-color:#00f5ff33}body.user .log-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}body.user .log-timestamp{color:var(--text-secondary);font-size:var(--font-sm);font-family:Courier New,monospace}body.user .log-status{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;text-transform:uppercase}body.user .log-source{color:var(--accent);font-weight:600;font-size:var(--font-sm)}body.user .log-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}body.user .log-event{color:var(--text-primary);font-weight:600}body.user .log-details{color:var(--text-secondary);font-size:var(--font-sm)}body.user .user-logs-pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg)}body.user .pagination-info{color:var(--text-secondary);font-size:var(--font-sm)}body.user .pagination-controls{display:flex;align-items:center;gap:var(--spacing-md)}body.user .page-info{color:var(--text-secondary);font-size:var(--font-sm)}@media(max-width:1200px){body.admin .terminal-controls .control-left,body.user .user-logs-controls .control-left{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}body.user .user-logs-stats{grid-template-columns:repeat(2,1fr)}body.user .summary-stats{grid-template-columns:1fr}}@media(max-width:768px){.terminal-logs-page,.user-logs-page{padding:var(--spacing-sm)}body.admin .terminal-controls{flex-direction:column;gap:var(--spacing-md)}body.admin .control-left,body.admin .control-right{width:100%}body.admin .terminal-input{min-width:auto}body.user .user-logs-controls{flex-direction:column;gap:var(--spacing-md)}body.user .user-logs-controls .control-left,body.user .user-logs-controls .control-right{width:100%}body.user .search-field{min-width:auto;width:100%}body.user .user-logs-stats{grid-template-columns:1fr;gap:var(--spacing-md)}body.user .log-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}body.user .user-logs-pagination{flex-direction:column;gap:var(--spacing-md)}.logs-stats{flex-wrap:wrap;justify-content:center}.stat-card{flex:1 1 45%}}.logs-page-container{padding:0;max-width:1600px;margin:0 auto;min-height:100vh}.logs-header{margin-bottom:20px}.logs-title{font-size:24px;font-weight:700;color:var(--text-primary, #f8fafc);margin:0 0 4px;display:flex;align-items:center;gap:10px}.logs-subtitle{font-size:14px;color:var(--text-secondary, #94a3b8);margin:0}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#00f5ff;box-shadow:0 0 8px #00f5ff;animation:pulseGlow 1.5s infinite alternate}@keyframes pulseGlow{0%{opacity:.4;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}.logs-controls-bar{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;background:#0f172a99;padding:12px 16px;border-radius:8px;border:1px solid rgba(0,245,255,.15)}.logs-search-wrapper{position:relative;flex:1;max-width:220px}.logs-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:14px;pointer-events:none}.logs-search-input{width:100%;padding:8px 14px 8px 36px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f8fafc;font-size:13px;font-family:Courier New,monospace;outline:none;transition:all .2s ease}.logs-search-input:focus{border-color:#00f5ff;box-shadow:0 0 12px #00f5ff33}.logs-filter-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.logs-select{padding:8px 12px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#00f5ff;font-size:13px;font-weight:600;cursor:pointer;outline:none;transition:border-color .2s ease}.logs-select:focus{border-color:#00f5ff}.logs-btn{padding:8px 16px;background:#00f5ff1f;border:1px solid rgba(0,245,255,.3);border-radius:8px;color:#00f5ff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.logs-btn:hover{background:#00f5ff40;border-color:#00f5ff;transform:translateY(-1px)}.logs-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.logs-kpi-card{padding:14px 18px;background:#0f172ab3;border:1px solid rgba(255,255,255,.08);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:all .2s ease}.logs-kpi-card:hover{border-color:#00f5ff4d;transform:translateY(-2px)}.logs-kpi-val{font-size:22px;font-weight:700;line-height:1.2}.logs-kpi-lbl{font-size:11px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.logs-table-card{background:#0f172ab3;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:18px;margin-bottom:20px}.logs-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.logs-card-header h3{font-size:16px;font-weight:600;color:#f8fafc;margin:0}.logs-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:4px;background:#00f5ff1a;color:#00f5ff;letter-spacing:.5px}.logs-table-wrapper{overflow-x:auto;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.logs-table{width:100%;border-collapse:collapse;text-align:left;font-family:Courier New,monospace;font-size:12px}.logs-table th{padding:12px 16px;background:#ffffff08;color:#94a3b8;font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.08)}.logs-table td{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.logs-table tr:hover{background:#00f5ff08}.logs-level-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.badge-info{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.badge-warning{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.badge-error{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.badge-debug{background:#a855f726;color:#a855f7;border:1px solid rgba(168,85,247,.3)}.logs-empty{padding:40px 20px;text-align:center;color:#94a3b8;font-family:Courier New,monospace;font-size:13px}@media(max-width:1024px){.logs-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.logs-controls-bar{flex-direction:column;align-items:stretch}.logs-filter-group{justify-content:space-between}.logs-kpi-grid{grid-template-columns:1fr}}@media(max-width:640px){.logs-filter-group{flex-direction:column;width:100%;gap:.5rem}.logs-select,.logs-btn{width:100%;text-align:center}}:root{--audit-bg: #030712;--audit-card-bg: rgba(15, 23, 42, .75);--audit-card-border: rgba(0, 245, 255, .15);--audit-accent-cyan: #00f5ff;--audit-accent-blue: #38bdf8;--audit-accent-emerald: #10b981;--audit-accent-amber: #f59e0b;--audit-accent-rose: #f43f5e;--audit-accent-purple: #a855f7;--audit-text-primary: #f8fafc;--audit-text-secondary: #94a3b8;--audit-text-muted: #64748b;--audit-font-mono: "JetBrains Mono", "Fira Code", "Roboto Mono", monospace}.audit-trail-page{width:100%;max-width:1400px;margin:0 auto;padding:0 4px 40px;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}.audit-header-card{background:linear-gradient(135deg,#0f172ae6,#0a1226d9);border:1px solid var(--audit-card-border);border-radius:14px;padding:22px 24px;box-shadow:0 8px 32px #0006,inset 0 0 20px #00f5ff08;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;position:relative;overflow:hidden}.audit-header-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00f5ff,#38bdf8,transparent)}.audit-title-group{display:flex;flex-direction:column;gap:6px}.audit-title{margin:0;font-size:1.65rem;font-weight:800;color:var(--audit-text-primary);display:flex;align-items:center;gap:12px;letter-spacing:-.5px}.audit-subtitle{margin:0;font-size:.88rem;color:var(--audit-text-secondary);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.audit-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.audit-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease;outline:none;border:none;white-space:nowrap}.audit-btn-primary{background:#00f5ff1f;color:#00f5ff;border:1px solid rgba(0,245,255,.35)}.audit-btn-primary:hover{background:#00f5ff38;border-color:#00f5ff;box-shadow:0 0 16px #00f5ff40;transform:translateY(-1px)}.audit-btn-secondary{background:#ffffff0a;color:var(--audit-text-secondary);border:1px solid rgba(255,255,255,.08)}.audit-btn-secondary:hover{background:#ffffff14;color:var(--audit-text-primary);border-color:#fff3}.audit-btn-emerald{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.35)}.audit-btn-emerald:hover{background:#10b98138;box-shadow:0 0 16px #10b98140;transform:translateY(-1px)}.audit-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;width:100%}.audit-kpi-card{background:var(--audit-card-bg);border:1px solid var(--audit-card-border);border-radius:12px;padding:16px 18px;display:flex;align-items:center;gap:16px;transition:all .2s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.audit-kpi-card:hover{border-color:#00f5ff4d;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.audit-kpi-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.audit-kpi-info{display:flex;flex-direction:column;gap:2px;min-width:0}.audit-kpi-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--audit-text-secondary)}.audit-kpi-value{font-size:1.45rem;font-weight:800;color:var(--audit-text-primary);line-height:1.2}.audit-kpi-sub{font-size:.72rem;color:var(--audit-text-muted)}.audit-toolbar-card{background:var(--audit-card-bg);border:1px solid var(--audit-card-border);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.audit-toolbar-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}.audit-search-wrapper{position:relative;flex:1;min-width:240px;max-width:460px}.audit-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--audit-text-muted);pointer-events:none}.audit-search-input{width:100%;background:#0006;border:1px solid rgba(255,255,255,.1);color:var(--audit-text-primary);padding:9px 14px 9px 38px;border-radius:8px;font-size:.85rem;outline:none;transition:all .2s ease;box-sizing:border-box}.audit-search-input:focus{border-color:var(--audit-accent-cyan);box-shadow:0 0 12px #00f5ff33;background:#0009}.audit-toolbar-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.audit-select{background:#0006;border:1px solid rgba(255,255,255,.1);color:var(--audit-text-primary);padding:8px 14px;border-radius:8px;font-size:.82rem;outline:none;cursor:pointer;transition:all .2s ease}.audit-select:focus{border-color:var(--audit-accent-cyan)}.audit-date-group{display:flex;align-items:center;gap:8px}.audit-date-input{background:#0006;border:1px solid rgba(255,255,255,.1);color:var(--audit-text-primary);padding:7px 10px;border-radius:8px;font-size:.8rem;outline:none;font-family:inherit}.audit-date-input:focus{border-color:var(--audit-accent-cyan)}.audit-chips-bar{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.audit-chip{background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:var(--audit-text-secondary);padding:5px 12px;border-radius:20px;font-size:.76rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease;display:flex;align-items:center;gap:6px}.audit-chip:hover{background:#ffffff14;color:var(--audit-text-primary)}.audit-chip.active{background:#00f5ff26;border-color:#00f5ff66;color:var(--audit-accent-cyan)}.audit-table-card{background:var(--audit-card-bg);border:1px solid var(--audit-card-border);border-radius:14px;overflow:hidden;box-shadow:0 8px 32px #0000004d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.audit-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.audit-table{width:100%;min-width:820px;border-collapse:collapse;text-align:left;font-size:.82rem}.audit-table thead{background:#00000059;border-bottom:1px solid rgba(255,255,255,.06)}.audit-table th{padding:14px 18px;font-weight:600;font-size:.74rem;text-transform:uppercase;letter-spacing:.6px;color:var(--audit-text-muted);white-space:nowrap}.audit-table tbody tr{border-bottom:1px solid rgba(255,255,255,.03);transition:all .15s ease;cursor:pointer}.audit-table tbody tr:hover{background:#00f5ff0a}.audit-table td{padding:13px 18px;vertical-align:middle;color:var(--audit-text-secondary)}.audit-user-cell{display:flex;align-items:center;gap:10px}.audit-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.audit-user-name{color:var(--audit-text-primary);font-weight:600;font-size:.82rem}.audit-user-email{color:var(--audit-text-muted);font-size:.72rem}.audit-action-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:6px;font-size:.74rem;font-weight:700;font-family:var(--audit-font-mono);letter-spacing:.2px}.audit-action-create{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.3)}.audit-action-update{background:#38bdf81f;color:#38bdf8;border:1px solid rgba(56,189,248,.3)}.audit-action-delete{background:#f43f5e1f;color:#f43f5e;border:1px solid rgba(244,63,94,.3)}.audit-action-security{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.audit-action-guidance{background:#a855f71f;color:#a855f7;border:1px solid rgba(168,85,247,.3)}.audit-status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:.72rem;font-weight:700}.audit-status-success{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.audit-status-failed{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.audit-resource-tag{font-family:var(--audit-font-mono);font-size:.75rem;color:#cbd5e1;background:#0000004d;padding:2px 7px;border-radius:4px;border:1px solid rgba(255,255,255,.06)}.audit-time-cell{font-size:.78rem;color:var(--audit-text-secondary);white-space:nowrap}.audit-time-rel{color:var(--audit-text-primary);font-weight:500}.audit-time-exact{font-size:.7rem;color:var(--audit-text-muted)}.audit-expanded-row{background:#0006!important}.audit-expanded-content{padding:16px 20px}.audit-cards-list{display:none;flex-direction:column;gap:12px;padding:12px}.audit-mobile-card{background:#0f172ae6;border:1px solid rgba(0,245,255,.15);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:all .2s ease}.audit-mobile-card:active{background:#00f5ff0d;border-color:var(--audit-accent-cyan)}.audit-mobile-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.audit-mobile-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:.75rem;background:#00000040;padding:10px;border-radius:8px}.audit-pagination-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-top:1px solid rgba(255,255,255,.05);background:#0003;flex-wrap:wrap;gap:12px}.audit-pagination-info{font-size:.8rem;color:var(--audit-text-secondary)}.audit-pagination-controls{display:flex;align-items:center;gap:8px}.audit-page-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--audit-text-primary);padding:6px 12px;border-radius:6px;font-size:.78rem;cursor:pointer;transition:all .2s ease}.audit-page-btn:hover:not(:disabled){background:#00f5ff26;border-color:var(--audit-accent-cyan);color:var(--audit-accent-cyan)}.audit-page-btn:disabled{opacity:.35;cursor:not-allowed}.audit-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:auditFadeIn .2s ease}.audit-modal{background:#0b1329;border:1px solid rgba(0,245,255,.3);border-radius:16px;width:100%;max-width:620px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0009,0 0 30px #00f5ff1a;overflow:hidden}.audit-modal-header{padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;background:#0003}.audit-modal-title{margin:0;font-size:1.1rem;color:var(--audit-text-primary);display:flex;align-items:center;gap:10px}.audit-modal-close{background:transparent;border:none;color:var(--audit-text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.audit-modal-close:hover{background:#ffffff1a;color:var(--audit-text-primary)}.audit-modal-body{padding:20px 22px;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.audit-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#0000004d;padding:16px;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.audit-modal-field{display:flex;flex-direction:column;gap:3px}.audit-modal-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;color:var(--audit-text-muted)}.audit-modal-val{font-size:.85rem;color:var(--audit-text-primary);font-weight:500;word-break:break-all}.audit-json-terminal{background:#050914;border:1px solid rgba(0,245,255,.2);border-radius:10px;padding:14px;position:relative}.audit-json-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.audit-json-title{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--audit-accent-cyan);font-family:var(--audit-font-mono)}.audit-json-code{font-family:var(--audit-font-mono);font-size:.78rem;color:#a5f3fc;margin:0;max-height:220px;overflow-y:auto;white-space:pre-wrap;word-break:break-all;line-height:1.5}.audit-modal-footer{padding:14px 22px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:flex-end;gap:10px;background:#0003}@keyframes auditFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.spin-slow{animation:spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:900px){.audit-header-card{padding:16px 18px}.audit-title{font-size:1.35rem}.audit-kpi-grid{grid-template-columns:repeat(2,1fr)}.audit-toolbar-top{flex-direction:column;align-items:stretch}.audit-search-wrapper{max-width:100%}}@media(max-width:768px){.audit-trail-page{padding:0 0 30px;gap:14px}.audit-kpi-grid{grid-template-columns:1fr;gap:10px}.audit-table-wrapper{display:none}.audit-cards-list{display:flex}.audit-modal-grid{grid-template-columns:1fr;gap:10px}}.reports-page-container{padding:0;min-height:100vh}.reports-top-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}@media(max-width:1024px){.reports-top-row{grid-template-columns:1fr}}.reports-card{background:#0f172ad9;border:1px solid rgba(0,245,255,.15);border-radius:12px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d}.reports-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.reports-history-card{background:#0f172ad9;border:1px solid rgba(0,245,255,.15);border-radius:12px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d}.reports-toggle-btn{background:#00f5ff1a;border:1px solid rgba(0,245,255,.3);color:#00f5ff;padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.reports-toggle-btn:hover{background:#00f5ff33;border-color:#00f5ff99;box-shadow:0 0 10px #00f5ff33}.reports-list{display:flex;flex-direction:column;gap:12px}.report-item-card{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#1e293b80;border:1px solid rgba(255,255,255,.06);border-radius:8px;transition:background .2s ease,border-color .2s ease}.report-item-card:hover{background:#1e293bcc;border-color:#00f5ff40}@media(max-width:640px){.report-item-card{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.reports-card,.reports-history-card{padding:14px}}.admin-panel-page{padding:0;min-height:100vh}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:25px}.admin-actions{margin-bottom:25px}.actions-card{width:100%;padding:20px}.actions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.action-buttons{display:flex;flex-wrap:wrap;gap:12px}.users-table-card{width:100%;background:#0a0f1eb3;border:1px solid rgba(0,255,255,.1);border-radius:12px;overflow:hidden}.table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#00ffff0d;border-bottom:1px solid rgba(0,255,255,.1)}.table-actions{display:flex;gap:8px}.users-table{width:100%}.table-head{background:#00ffff08}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr 2fr 1.5fr;gap:16px;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.05);align-items:center}.table-body .table-row:hover{background:#00ffff0d}.table-cell{display:flex;align-items:center;color:var(--text-primary)}.user-info{display:flex;align-items:center;gap:12px}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#000;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.user-details{display:flex;flex-direction:column;gap:2px}.user-name{font-weight:600;font-size:14px}.user-email{font-size:12px;color:var(--text-secondary)}.role-badge,.status-badge{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;color:#000}.last-login{font-size:12px;color:var(--text-secondary)}.permissions{display:flex;flex-wrap:wrap;gap:4px}.permission-tag{padding:2px 6px;background:#00ffff1a;border:1px solid rgba(0,255,255,.2);border-radius:4px;font-size:10px;color:var(--accent)}.actions .table-cell{gap:8px}.btn-sm{padding:4px 8px;font-size:11px}.banned-badge{display:inline-block;padding:2px 6px;background:#f003;color:red;border:1px solid rgba(255,0,0,.3);border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.table-row.banned{background:#ff00000d;border-color:#ff00001a}.table-row.banned:hover{background:#ff00001a}.role-select{padding:4px 8px;background:#00ffff0d;border:1px solid rgba(0,255,255,.2);border-radius:6px;color:var(--text-primary);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease}.role-select:hover{border-color:#0ff6;background:#00ffff1a}.role-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #0ff3}.login-count{font-weight:600;color:var(--accent);font-size:13px}.btn-danger{background:#ff00001a;border-color:#ff00004d;color:red}.btn-danger:hover{background:#f003;border-color:#ff000080;box-shadow:0 4px 16px #ff00004d}.btn-success{background:#00ff001a;border-color:#00ff004d;color:#0f0}.btn-success:hover{background:#0f03;border-color:#00ff0080;box-shadow:0 4px 16px #00ff004d}.btn:disabled{opacity:.5;cursor:not-allowed;background:#ffffff0d;border-color:#ffffff1a;color:var(--text-muted)}.btn:disabled:hover{transform:none;box-shadow:none}.activity-modal{max-width:600px;max-height:80vh;overflow-y:auto}.user-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:8px}.summary-item{display:flex;justify-content:space-between;align-items:center}.summary-label{font-weight:600;color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-weight:600;color:var(--text-primary);font-size:13px}.activity-log h4{color:var(--text-primary);font-weight:600;margin-bottom:16px;font-size:16px}.activity-list{display:flex;flex-direction:column;gap:8px}.activity-item{display:grid;grid-template-columns:1fr auto auto;gap:16px;padding:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:6px;align-items:center;transition:all .2s ease}.activity-item:hover{background:#00ffff0d;border-color:#0ff3}.activity-action{font-weight:600;color:var(--text-primary);font-size:13px}.activity-timestamp{font-size:12px;color:var(--text-secondary);font-family:Courier New,monospace}.activity-ip{font-size:11px;color:var(--accent);font-family:Courier New,monospace}.table-row{grid-template-columns:2fr 1fr 1fr 1.5fr 1fr 2fr;gap:16px;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.05);align-items:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card{background:#0a0f1ef2;border:1px solid rgba(0,255,255,.2);border-radius:12px;padding:0;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0006}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h3{color:var(--text-primary);font-weight:600;font-size:18px}.modal-content{padding:20px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid rgba(255,255,255,.1)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;color:var(--text-primary);font-weight:600;font-size:14px}.form-input{width:100%;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-primary);font-size:14px;transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #0ff3}.form-select{width:100%;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-primary);font-size:14px;transition:all .2s ease}.form-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #0ff3}@media(max-width:1200px){.admin-stats{grid-template-columns:repeat(3,1fr)}.table-row{grid-template-columns:2fr 1fr 1fr 1.5fr 1fr 2fr;gap:12px}.user-summary{grid-template-columns:1fr}}@media(max-width:768px){.admin-panel-page{padding:var(--spacing-sm)}.admin-stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.actions-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.action-buttons{flex-wrap:wrap}.table-row{grid-template-columns:1fr;gap:8px;padding:16px}.table-cell{width:100%}.actions .table-cell{flex-direction:column;gap:8px}.modal-card{width:95%;margin:var(--spacing-md)}.activity-item{grid-template-columns:1fr;gap:8px}.activity-timestamp,.activity-ip{font-size:10px}}@media(max-width:480px){.admin-stats{grid-template-columns:1fr}.table-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.table-actions{width:100%;justify-content:flex-start}}.admin-stats-bar{display:grid;grid-template-columns:repeat(5,1fr);align-items:center}@media(max-width:1024px){.admin-stats-bar{grid-template-columns:repeat(3,1fr)}.admin-stats-bar>div:nth-child(n+4){border-top:1px solid rgba(255,255,255,.05)}}@media(max-width:640px){.admin-stats-bar{grid-template-columns:repeat(2,1fr)}.admin-stats-bar>div{border-left:none!important;border-bottom:1px solid rgba(255,255,255,.05)}}@media(max-width:420px){.admin-stats-bar{grid-template-columns:1fr}}.admin-actions-bar{padding:12px 20px;display:flex;justify-content:space-between;align-items:center;background:#0f172a99;flex-wrap:wrap;gap:12px}@media(max-width:640px){.admin-actions-bar{flex-direction:column;align-items:stretch}}.admin-main-split{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:start}@media(max-width:1024px){.admin-main-split{grid-template-columns:1fr}}.user-profile-page{padding:0;min-height:100vh}.profile-row-top{margin-bottom:24px}.compact-personal-card{padding:16px 20px;background:#0f172ad9;border:1px solid rgba(0,245,255,.2);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d}.compact-personal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.user-role-badge{padding:3px 10px;background:#00f5ff26;border:1px solid rgba(0,245,255,.4);color:#00f5ff;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px}.compact-personal-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}@media(max-width:900px){.compact-personal-grid{grid-template-columns:repeat(2,1fr)}}.compact-info-item{display:flex;flex-direction:column;gap:4px}.compact-info-label{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.compact-info-value{font-size:13px;font-weight:600;color:#fff}.profile-row-middle{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;align-items:stretch}.profile-row-middle .profile-card{display:flex;flex-direction:column;height:100%}.profile-row-middle .profile-card .security-stats,.profile-row-middle .profile-card .devices-list,.profile-row-middle .profile-card .security-settings,.profile-row-middle .profile-card .privacy-settings{display:flex;flex-direction:column;justify-content:space-between;flex:1;gap:12px;margin-top:12px}.privacy-settings .privacy-item{display:flex;align-items:center;padding:12px 14px;background:#1e293b66;border:1px solid rgba(255,255,255,.08);border-radius:8px;flex:1;transition:all .2s ease}.privacy-settings .privacy-item:hover{background:#1e293bb3;border-color:#00f5ff4d}.privacy-settings .privacy-label{display:flex;align-items:center;gap:12px;width:100%;cursor:pointer}@media(max-width:1280px){.profile-row-middle{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.profile-row-middle{grid-template-columns:1fr}}.profile-row-bottom{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:24px}@media(max-width:900px){.profile-row-bottom{grid-template-columns:1fr}}.profile-grid{display:grid;grid-template-columns:2fr 1fr;gap:25px;margin-bottom:25px}.profile-info-card{padding:24px;background:#0a0f1eb3;border:1px solid rgba(0,255,255,.1);border-radius:12px}.profile-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.profile-avatar{margin-bottom:16px}.avatar-text{width:64px;height:64px;border-radius:50%;background:var(--accent);color:#000;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px}.profile-details{flex:1}.profile-name{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.profile-role{display:inline-block;padding:6px 12px;background:var(--accent);color:#000;border-radius:6px;font-size:12px;font-weight:600}.profile-actions,.edit-actions{display:flex;gap:8px}.profile-form{display:flex;flex-direction:column;gap:24px}.form-section{background:#0a0f1e80;border:1px solid rgba(0,255,255,.1);border-radius:8px;padding:20px}.form-section h3{color:var(--accent);margin-bottom:16px;font-size:16px;font-weight:600}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.form-input,.form-select{padding:10px 12px;background:#00ffff0d;border:1px solid rgba(0,255,255,.2);border-radius:6px;color:var(--text-primary);font-size:14px}.form-value{padding:10px 12px;background:#00ffff0d;border:1px solid rgba(0,255,255,.1);border-radius:6px;color:var(--text-primary);font-size:14px}.role-badge{color:#000;font-weight:600;padding:4px 8px;border-radius:6px;font-size:12px}.profile-sidebar{display:flex;flex-direction:column;gap:25px}.permissions-card,.activity-card,.security-card,.preferences-card{padding:20px;background:#0a0f1eb3;border:1px solid rgba(0,255,255,.1);border-radius:12px}.permissions-card h3,.activity-card h3,.security-card h3,.preferences-card h3{color:var(--accent);margin-bottom:16px;font-size:16px;font-weight:600}.permissions-list{display:flex;flex-direction:column;gap:12px}.permission-item{display:flex;align-items:center;gap:12px;padding:12px;background:#00ffff0d;border-radius:8px}.permission-icon{color:#00f5ff;font-size:16px}.permission-text{color:var(--text-primary);font-weight:500}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#00ffff0d;border-radius:8px}.activity-info{display:flex;flex-direction:column;gap:4px}.activity-action{color:var(--text-primary);font-weight:500}.activity-time{color:var(--text-secondary);font-size:12px}.activity-ip{color:var(--accent);font-size:12px;font-family:monospace}.security-actions{display:flex;flex-direction:column;gap:12px}.preferences-grid{display:flex;flex-direction:column;gap:16px}.preference-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#00ffff0d;border-radius:8px}.preference-info{display:flex;flex-direction:column;gap:4px}.preference-name{color:var(--text-primary);font-weight:500}.preference-description{color:var(--text-secondary);font-size:12px}body.admin .admin-profile-page{background:radial-gradient(circle at top,rgba(255,51,102,.08),transparent)}body.admin .admin-profile{background:#ff336608;border:1px solid rgba(255,51,102,.2);box-shadow:0 4px 16px #ff33661a}body.admin .admin-avatar{background:#f36;color:#fff;box-shadow:0 4px 16px #ff33664d}body.admin .admin-permissions,body.admin .admin-activity,body.admin .admin-controls-card{background:#ff336608;border:1px solid rgba(255,51,102,.2)}body.admin .admin-permissions h3,body.admin .admin-activity h3,body.admin .admin-controls-card h3{color:#f36}body.admin .admin-preferences{background:#ff336608;border:1px solid rgba(255,51,102,.2)}body.admin .admin-preferences h3{color:#f36}body.admin .permission-item{background:#ff33660d;border:1px solid rgba(255,51,102,.1)}body.admin .permission-item:hover{background:#ff33661a;border-color:#ff33664d}body.admin .permission-icon{color:#f36}body.admin .activity-item{background:#ff33660d;border:1px solid rgba(255,51,102,.1)}body.admin .activity-item:hover{background:#ff33661a;border-color:#ff33664d}body.admin .activity-ip{color:#f36}body.admin .preference-item{background:#ff33660d;border:1px solid rgba(255,51,102,.1)}body.admin .preference-item:hover{background:#ff33661a;border-color:#ff33664d}body.admin .toggle-switch input[type=checkbox]:checked{background:#f36}body.admin .form-section{background:#ff336605;border:1px solid rgba(255,51,102,.1)}body.admin .form-section h3{color:#f36}body.admin .form-input,body.admin .form-select{background:#ff33660d;border:1px solid rgba(255,51,102,.2)}body.admin .form-input:focus,body.admin .form-select:focus{border-color:#f36;box-shadow:0 0 0 2px #f363}body.admin .form-value{background:#ff33660d;border:1px solid rgba(255,51,102,.1)}body.admin .other-users-card{background:#ff336608;border:1px solid rgba(255,51,102,.2);margin-top:var(--spacing-xl)}body.admin .other-users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}body.admin .other-users-header h3{color:#f36}body.admin .users-count{padding:var(--spacing-xs) var(--spacing-sm);background:#f363;color:#f36;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}body.admin .users-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}body.admin .user-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal)}body.admin .user-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #f363;border-color:#ff33664d}body.admin .user-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}body.admin .user-avatar{width:48px;height:48px;border-radius:50%;background:var(--accent);color:#000;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}body.admin .user-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}body.admin .detail-item{display:flex;justify-content:space-between;align-items:center}body.admin .detail-label{color:var(--text-secondary);font-size:var(--font-sm)}body.admin .detail-value{color:var(--text-primary);font-weight:500}body.admin .user-actions{margin-top:var(--spacing-md)}body.admin .btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-xs)}body.admin .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}body.admin .modal-card{background:#0a0f1ef2;border:1px solid rgba(255,51,102,.2);border-radius:var(--radius-lg);padding:0;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0006}body.admin .modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.1)}body.admin .modal-header h3{color:#f36;font-weight:600;font-size:18px}body.admin .modal-content{padding:var(--spacing-lg)}body.admin .modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1)}body.admin .user-profile-summary{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:#ff33660d;border:1px solid rgba(255,51,102,.1);border-radius:var(--radius-md)}body.admin .profile-summary-info h4{color:var(--text-primary);font-weight:600;margin-bottom:var(--spacing-xs)}body.admin .profile-summary-info p{color:var(--text-secondary);margin-bottom:var(--spacing-xs)}body.admin .user-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}body.admin .status-badge.active{padding:var(--spacing-xs) var(--spacing-sm);background:#0f03;color:#0f0;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;text-transform:uppercase}body.user .user-only-profile-page{background:radial-gradient(circle at top,rgba(0,245,255,.05),transparent)}body.user .user-profile{background:#ffffff05;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 16px #00f5ff1a}body.user .user-avatar{background:#00f5ff;color:#000;box-shadow:0 4px 16px #00f5ff4d}body.user .user-permissions,body.user .user-activity,body.user .user-security{background:#ffffff05;border:1px solid rgba(255,255,255,.08)}body.user .user-permissions h3,body.user .user-activity h3,body.user .user-security h3{color:#00f5ff}body.user .user-preferences{background:#ffffff05;border:1px solid rgba(255,255,255,.08)}body.user .user-preferences h3{color:#00f5ff}body.user .permission-item{background:#00f5ff0d;border:1px solid rgba(0,245,255,.1)}body.user .permission-item:hover{background:#00f5ff1a;border-color:#00f5ff4d}body.user .permission-icon{color:#00f5ff}body.user .activity-item{background:#00f5ff0d;border:1px solid rgba(0,245,255,.1)}body.user .activity-item:hover{background:#00f5ff1a;border-color:#00f5ff4d}body.user .activity-ip{color:#00f5ff}body.user .preference-item{background:#00f5ff0d;border:1px solid rgba(0,245,255,.1)}body.user .preference-item:hover{background:#00f5ff1a;border-color:#00f5ff4d}body.user .toggle-switch input[type=checkbox]:checked{background:#00f5ff}body.user .form-section{background:#ffffff05;border:1px solid rgba(255,255,255,.08)}body.user .form-section h3{color:#00f5ff}body.user .form-input,body.user .form-select{background:#00f5ff0d;border:1px solid rgba(0,245,255,.2)}body.user .form-input:focus,body.user .form-select:focus{border-color:#00f5ff;box-shadow:0 0 0 2px #00f5ff33}body.user .form-value{background:#00f5ff0d;border:1px solid rgba(0,245,255,.1)}body.user .help-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);margin-top:var(--spacing-xl)}body.user .help-card h3{color:#00f5ff;margin-bottom:var(--spacing-lg)}.role-badge{color:#000;font-weight:600;padding:4px 8px;border-radius:6px;font-size:12px;text-transform:uppercase;letter-spacing:.5px}@media(max-width:1200px){.profile-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.profile-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}body.admin .users-grid{grid-template-columns:repeat(2,1fr)}body.admin .user-details-grid{grid-template-columns:1fr}}@media(max-width:768px){.user-profile-page,.admin-profile-page,.user-only-profile-page{padding:var(--spacing-sm)}.profile-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.profile-actions,.edit-actions{width:100%;justify-content:flex-start}.form-grid{grid-template-columns:1fr}.preferences-grid{gap:var(--spacing-md)}.preference-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}body.admin .users-grid{grid-template-columns:1fr}body.admin .modal-card{width:95%;margin:var(--spacing-md)}body.user .help-actions{flex-direction:column}body.admin .admin-actions,body.user .security-actions{flex-direction:column;gap:var(--spacing-sm)}}.profile-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:24px}@media(max-width:640px){.profile-cards-grid{grid-template-columns:1fr;gap:16px}}.profile-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:480px){.profile-metrics-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:16px}.modal-card{background:#0f172afa;border:1px solid rgba(0,245,255,.3);border-radius:12px;padding:20px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0009}.modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:16px}.modal-header h3{margin:0;font-size:16px;color:#00f5ff}.settings-page{padding:0;min-height:100vh}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;align-items:start}@media(max-width:1200px){.settings-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.settings-grid{grid-template-columns:1fr}}body.admin .admin-settings-page .settings-grid{grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}@media(max-width:1200px){body.admin .admin-settings-page .settings-grid{grid-template-columns:repeat(2,1fr)}}body.user .user-settings-page .settings-grid{grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}@media(max-width:1200px){body.user .user-settings-page .settings-grid{grid-template-columns:repeat(2,1fr)}}body.user .user-settings-page .settings-section,body.admin .admin-settings-page .settings-section{padding:14px 16px;min-height:auto}.settings-section{padding:14px 16px;background:#0f172a99;border:1px solid rgba(0,245,255,.15);border-radius:10px;transition:all .2s ease}.settings-section:hover{transform:translateY(-2px);border-color:#00ffff4d}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.section-header h3{color:var(--text-primary);font-weight:700;font-size:14px;margin-bottom:0}.settings-list{display:flex;flex-direction:column;gap:4px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.setting-item:last-child{border-bottom:none}.setting-info{flex:1;margin-right:12px}.setting-name{color:var(--text-primary);font-weight:600;font-size:13px;margin-bottom:2px;display:block}.setting-description{color:#94a3b8;font-size:11px;line-height:1.3;display:block}.toggle-switch{position:relative;display:inline-block;width:38px;height:20px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff1a;transition:.3s;border-radius:20px}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:#00f5ff}input:checked+.slider:before{transform:translate(18px)}.form-input{padding:4px 8px;background:#0f172ae6;border:1px solid rgba(0,255,255,.2);border-radius:4px;color:#00f5ff;font-size:12px;width:110px;text-align:right}.form-select{padding:4px 8px;background:#0f172ae6;border:1px solid rgba(0,255,255,.2);border-radius:4px;color:#00f5ff;font-size:12px;outline:none}.settings-actions{padding:20px;background:#0a0f1eb3;border:1px solid rgba(0,255,255,.1);border-radius:12px;margin-bottom:25px}.actions-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.actions-info h3{color:var(--text-primary);margin-bottom:4px}.actions-info p{color:var(--text-secondary);font-size:14px}.action-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid}.btn-primary{background:var(--accent);color:#000;border-color:var(--accent)}.btn-primary:hover{background:#00d4ff;transform:translateY(-1px);box-shadow:0 4px 16px #00f5ff4d}.btn-outline{background:transparent;color:var(--accent);border-color:var(--accent)}.btn-outline:hover{background:#00f5ff1a;transform:translateY(-1px)}.settings-info{padding:20px;background:#0a0f1eb3;border:1px solid rgba(0,255,255,.1);border-radius:12px}.settings-info h3{color:var(--text-primary);margin-bottom:16px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.info-label{color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.info-value{color:var(--text-primary);font-size:14px;font-weight:500}.access-notice-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);padding:20px;border-radius:12px;margin-bottom:25px}.notice-content{display:flex;align-items:center;gap:16px}.notice-icon{color:var(--accent);font-size:24px}.notice-info h4{color:var(--accent);margin-bottom:4px}.notice-info p{color:var(--text-secondary);font-size:14px;line-height:1.5}.help-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);padding:20px;border-radius:12px;margin-top:25px}.help-card h3{color:var(--text-primary);margin-bottom:16px}.help-content{display:flex;flex-direction:column;gap:16px}.help-item{padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:8px}.help-item h4{color:var(--text-primary);font-weight:600;margin-bottom:8px}.help-item p{color:var(--text-secondary);font-size:14px;line-height:1.5}body.admin .admin-settings-page{background:radial-gradient(circle at top,rgba(255,51,102,.08),transparent)}body.admin .admin-section{background:#ff336608;border:1px solid rgba(255,51,102,.2);transition:all .2s ease}body.admin .admin-section:hover{background:#ff33660d;border-color:#f366;transform:translateY(-2px);box-shadow:0 4px 16px #f363}body.admin .section-header h3{color:#f36}body.admin .admin-badge{padding:4px 8px;background:#f36;color:#fff;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}body.admin .admin-actions{background:#ff336608;border:1px solid rgba(255,51,102,.2)}body.admin .admin-btn{background:#f36;color:#fff;border-color:#f36}body.admin .admin-btn:hover{background:#ff1a4d;border-color:#ff1a4d;transform:translateY(-1px);box-shadow:0 4px 16px #ff33664d}body.admin .admin-btn-outline{color:#f36;border-color:#f36}body.admin .admin-btn-outline:hover{background:#ff33661a;border-color:#f366;transform:translateY(-1px)}body.admin .admin-info{background:#ff336608;border:1px solid rgba(255,51,102,.2)}body.admin .admin-info h3{color:#f36}body.admin .info-value.status-healthy{color:#0f0}body.admin .info-value.status-secure{color:#f36}body.admin .form-input,body.admin .form-select{background:#ff33660d;border:1px solid rgba(255,51,102,.2);color:var(--text-primary)}body.admin .slider{background-color:#ffffff1a}body.admin input:checked+.slider{background-color:#f36}body.user .user-settings-page{background:radial-gradient(circle at top,rgba(0,245,255,.05),transparent)}body.user .user-section{background:#ffffff05;border:1px solid rgba(255,255,255,.08);transition:all .2s ease}body.user .user-section:hover{background:#00f5ff0d;border-color:#00f5ff4d;transform:translateY(-2px);box-shadow:0 4px 16px #00f5ff33}body.user .section-header h3{color:#00f5ff}body.user .user-badge{padding:4px 8px;background:#00f5ff33;color:#00f5ff;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}body.user .user-notice{background:#ffffff05;border:1px solid rgba(0,245,255,.2)}body.user .notice-icon,body.user .notice-info h4{color:#00f5ff}body.user .user-actions{background:#ffffff05;border:1px solid rgba(255,255,255,.08)}body.user .user-btn{background:#00f5ff;color:#000;border-color:#00f5ff}body.user .user-btn:hover{background:#00d4ff;border-color:#00d4ff;transform:translateY(-1px);box-shadow:0 4px 16px #00f5ff4d}body.user .user-btn-outline{color:#00f5ff;border-color:#00f5ff}body.user .user-btn-outline:hover{background:#00f5ff1a;border-color:#00f5ff66;transform:translateY(-1px)}body.user .user-help{background:#ffffff05;border:1px solid rgba(255,255,255,.08)}body.user .user-help h3{color:#00f5ff}body.user .form-input,body.user .form-select{background:#00f5ff0d;border:1px solid rgba(0,245,255,.2);color:var(--text-primary)}body.user .slider{background-color:#ffffff1a}body.user input:checked+.slider{background-color:#00f5ff}@media(max-width:768px){.settings-page{padding:var(--spacing-sm)}.settings-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.actions-content{flex-direction:column;align-items:flex-start}.action-buttons{flex-direction:column;width:100%}.btn{width:100%;justify-content:center}.info-grid{grid-template-columns:1fr}.setting-item{flex-direction:column;align-items:flex-start;gap:12px}.setting-info{margin-right:0}}.settings-tabs{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;white-space:nowrap;padding-bottom:6px;-webkit-overflow-scrolling:touch}.settings-tabs::-webkit-scrollbar{height:4px}.settings-tabs::-webkit-scrollbar-thumb{background:#00f5ff33;border-radius:4px}.settings-tabs .tab-btn{padding:8px 18px;background:#0f172ab3;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#94a3b8;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.settings-tabs .tab-btn:hover{background:#0f172ae6;color:#f8fafc;border-color:#00f5ff4d}.settings-tabs .tab-btn.active{background:#00f5ff26;color:#00f5ff;border-color:#00f5ff80;box-shadow:0 0 12px #00f5ff26}.settings-view-layout{display:flex;gap:28px;padding:20px 0;width:100%}.settings-nav-sidebar{width:250px;flex-shrink:0;display:flex;flex-direction:column;gap:8px}.settings-sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.settings-sidebar-title{color:#f8fafc;font-size:1.15rem;font-weight:600;display:flex;align-items:center;gap:10px}.settings-active-chip-mobile,.settings-hamburger-btn{display:none}.settings-nav-items-scroll{display:flex;flex-direction:column;gap:6px}.settings-nav-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;border:none;background:transparent;color:#94a3b8;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;text-align:left;border-left:3px solid transparent}.settings-nav-btn:hover{color:#cbd5e1;background:#ffffff08}.settings-nav-btn.admin-nav.active{background:#0ea5e91f;color:#38bdf8;font-weight:600;border-left:3px solid #0ea5e9}.settings-nav-btn.user-nav.active{background:#10b9811f;color:#10b981;font-weight:600;border-left:3px solid #10b981}.settings-sidebar-status{margin-top:auto;padding-top:24px}.settings-main-panel{flex:1;min-width:0;display:flex;flex-direction:column;gap:20px}.settings-panel-card{padding:24px}.settings-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.06)}.settings-panel-title{margin:0;font-size:1.3rem;color:#f8fafc;display:flex;align-items:center;gap:10px}.settings-badge-admin{background:#f43f5e1a;color:#f43f5e;border:1px solid rgba(244,63,94,.3);padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:1px}.settings-badge-user{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3);padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:1px}.settings-control-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.05);gap:16px}.settings-control-row:last-child{border-bottom:none}.settings-control-info{display:flex;gap:14px;align-items:center;flex:1;min-width:0}.settings-control-icon{padding:10px;border-radius:8px;flex-shrink:0}.settings-control-icon.admin-icon{background:#00f5ff14;color:#00f5ff}.settings-control-icon.user-icon{background:#10b98114;color:#10b981}.settings-control-text{min-width:0}.settings-control-label{color:#f8fafc;font-weight:500;font-size:14px}.settings-control-desc{color:#94a3b8;font-size:12px;margin-top:2px;line-height:1.4}.settings-control-action{flex-shrink:0}.settings-toggle-switch{width:44px;height:24px;background:#ffffff1a;border-radius:20px;position:relative;cursor:pointer;transition:all .2s;display:flex;align-items:center;padding:2px;flex-shrink:0}.settings-toggle-switch.checked{background:#10b981}.settings-toggle-thumb{width:20px;height:20px;background:#fff;border-radius:50%;transform:translate(0);transition:all .2s;box-shadow:0 2px 4px #0003}.settings-toggle-switch.checked .settings-toggle-thumb{transform:translate(20px)}.settings-select-input{background:#0f172ad9;color:#f8fafc;border:1px solid rgba(255,255,255,.12);padding:8px 12px;border-radius:6px;outline:none;cursor:pointer;font-size:13px;min-width:130px}.settings-select-input:focus{border-color:#00f5ff}.settings-number-input{background:#0f172ad9;color:#f8fafc;border:1px solid rgba(255,255,255,.12);padding:8px 12px;border-radius:6px;outline:none;font-size:13px;width:80px;text-align:center}.settings-number-input:focus{border-color:#00f5ff}.settings-bottom-actions-card{padding:16px 20px!important;display:flex;justify-content:space-between;align-items:center;background:#0f172ae6!important;border-radius:12px;gap:16px}.settings-bottom-note{color:#94a3b8;font-size:13px}.settings-bottom-btns{display:flex;gap:10px;align-items:center}.settings-btn-reset{background:transparent;color:#94a3b8;border:1px solid #475569;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:6px;font-size:13px;transition:all .2s}.settings-btn-reset:hover{background:#ffffff0d;color:#f8fafc}.settings-btn-export{background:transparent;color:#38bdf8;border:1px solid rgba(56,189,248,.3);padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:6px;font-size:13px;transition:all .2s}.settings-btn-export:hover{background:#38bdf81a;border-color:#38bdf8}.settings-btn-save{border:none;padding:8px 22px;border-radius:6px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px;font-size:13px;transition:all .2s}.settings-btn-save.admin-save{background:#0ea5e9;color:#fff;box-shadow:0 0 15px #0ea5e959}.settings-btn-save.admin-save:hover{background:#0284c7}.settings-btn-save.user-save{background:#10b981;color:#fff;box-shadow:0 0 15px #10b98159}.settings-btn-save.user-save:hover{background:#059669}@media(max-width:768px){.settings-view-layout{flex-direction:column;gap:14px;padding:10px 0}.settings-nav-sidebar{width:100%;flex-direction:column;gap:0}.settings-sidebar-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;background:#0f172ad9;border:1px solid rgba(0,245,255,.2);border-radius:10px;cursor:pointer;box-shadow:0 2px 8px #0003}.settings-sidebar-title{font-size:.95rem;margin-bottom:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.settings-active-chip-mobile{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:2px 8px;border-radius:12px;background:#00f5ff1f;color:#00f5ff;border:1px solid rgba(0,245,255,.25)}.settings-active-chip-mobile.user-chip{background:#10b9811f;color:#10b981;border-color:#10b98140}.settings-hamburger-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#00f5ff;cursor:pointer;transition:all .2s ease;flex-shrink:0}.settings-hamburger-btn.user-btn{color:#10b981}.settings-hamburger-btn:hover{background:#00f5ff1a;border-color:#00f5ff66}.settings-nav-items-scroll{display:none;flex-direction:column;gap:6px;width:100%;margin-top:8px;padding:10px;background:#0f172af2;border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:0 8px 24px #0006;animation:fadeIn .2s ease}.settings-nav-items-scroll.mobile-open{display:flex}.settings-nav-btn{width:100%;justify-content:flex-start;padding:10px 14px;border-radius:6px;font-size:13px;border-left:3px solid transparent;border-top:none;border-right:none;border-bottom:none;background:transparent}.settings-nav-btn.admin-nav.active{background:#0ea5e926;border-left:3px solid #0ea5e9;border-bottom:none}.settings-nav-btn.user-nav.active{background:#10b98126;border-left:3px solid #10b981;border-bottom:none}.settings-sidebar-status{display:none}.settings-main-panel{width:100%;gap:14px}.settings-panel-card{padding:16px!important}.settings-panel-header{flex-direction:row;flex-wrap:wrap;gap:8px;margin-bottom:14px;padding-bottom:10px}.settings-panel-title{font-size:1.15rem}.settings-bottom-actions-card{flex-direction:column;align-items:stretch;gap:12px;padding:14px!important}.settings-bottom-note{text-align:center;font-size:12px}.settings-bottom-btns{flex-direction:column;width:100%;gap:8px}.settings-bottom-btns button{width:100%;justify-content:center;padding:10px 14px}}@media(max-width:480px){.settings-control-row{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 0}.settings-control-info{width:100%;gap:10px}.settings-control-action{width:100%;display:flex;justify-content:flex-end}.settings-control-action .settings-select-input{width:100%;min-width:0}.settings-control-action .settings-number-input{width:100%;text-align:left}}.integrations-page{padding:0;min-height:100vh}.page-title{color:var(--text-primary);font-weight:700;margin-bottom:8px}.page-subtitle{color:var(--text-secondary);margin-bottom:20px}.integrations-stats{display:flex;gap:16px;margin-bottom:25px;justify-content:space-between}body.admin .admin-stats{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px;margin-bottom:25px}body.user .user-stats{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;margin-bottom:25px}body.user .user-integrations-page .integrations-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}body.admin .admin-integrations-page .integrations-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.stat-card{flex:1;padding:16px;text-align:center;background:#0a0f1eb3;border:1px solid rgba(0,255,255,.1);border-radius:12px;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px);border-color:#00ffff4d}.stat-content{display:flex;flex-direction:column;gap:8px}.stat-value{font-size:24px;font-weight:700;color:var(--accent)}.stat-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-bottom:25px}.integration-card{padding:20px;background:#0a0f1eb3;border:1px solid rgba(0,255,255,.1);border-radius:12px;transition:all .2s ease}.integration-card:hover{transform:translateY(-2px);border-color:#00ffff4d}.integration-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.integration-info{flex:1}.integration-name{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.integration-description{color:var(--text-secondary);font-size:13px;line-height:1.4}.integration-status{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.status-badge{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;color:#000}.category-badge{padding:4px 8px;border-radius:6px;font-size:10px;font-weight:600;color:#000}.integration-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:13px;color:var(--text-primary);font-family:monospace}.integration-features{margin-bottom:16px}.integration-features h4{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:8px}.features-list{display:flex;flex-wrap:wrap;gap:6px}.feature-tag{padding:4px 8px;background:#00ffff1a;border:1px solid rgba(0,255,255,.2);border-radius:4px;font-size:11px;color:var(--accent)}.integration-actions{display:flex;gap:8px;flex-wrap:wrap}.add-integration-card,.sync-settings-card{padding:24px;background:#0a0f1eb3;border:1px solid rgba(0,255,255,.1);border-radius:12px;margin-bottom:25px}.add-integration-card h3,.sync-settings-card h3{color:var(--text-primary);margin-bottom:16px;font-size:18px;font-weight:600}.add-integration-content p{color:var(--text-secondary);margin-bottom:16px}.available-integrations{display:flex;flex-direction:column;gap:12px}.integration-option{display:flex;align-items:center;gap:12px;padding:12px;background:#00ffff0d;border-radius:8px}.integration-icon{width:40px;height:40px;background:#0a0f1eb3;color:var(--accent);border:1px solid rgba(0,255,255,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}.integration-option-info{flex:1}.integration-option-info h4{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:2px}.integration-option-info p{color:var(--text-secondary);font-size:12px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#00ffff0d;border-radius:8px}.setting-info{display:flex;flex-direction:column;gap:4px}.setting-name{color:var(--text-primary);font-weight:500}.setting-description{color:var(--text-secondary);font-size:12px}.toggle-switch{display:flex;align-items:center;gap:8px}.toggle-switch input[type=checkbox]{width:44px;height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff1a;border-radius:12px;position:relative;cursor:pointer}.toggle-switch input[type=checkbox]:checked{background:var(--accent)}.toggle-switch .slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background:var(--background);border-radius:50%;transition:transform .2s ease}.toggle-switch input[type=checkbox]:checked+.slider{transform:translate(20px)}.form-select{padding:8px 12px;background:#00ffff0d;border:1px solid rgba(0,255,255,.2);border-radius:6px;color:var(--text-primary);font-size:14px}body.admin .admin-integrations-page{background:radial-gradient(circle at top,rgba(255,51,102,.08),transparent)}body.admin .admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:25px}body.admin .admin-stat{background:#ff336608;border:1px solid rgba(255,51,102,.2);padding:16px;height:auto;min-height:90px;text-align:center;max-width:100%;width:100%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #ff33661a;transition:transform .2s ease}body.admin .admin-stat:hover{transform:translateY(-2px);border-color:#f366;box-shadow:0 8px 24px #f363}body.admin .admin-stat .stat-value{color:#f36;font-size:24px;font-weight:700}body.admin .admin-stat .stat-label{color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.5px}body.admin .add-integration-card{background:#ff336608;border:1px solid rgba(255,51,102,.2);padding:20px;border-radius:12px;margin-bottom:25px}body.admin .add-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}body.admin .add-header h3{color:#f36;margin-bottom:0}body.admin .admin-btn{background:#f36;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}body.admin .admin-btn:hover{background:#ff1a4d;transform:translateY(-1px);box-shadow:0 4px 16px #ff33664d}body.admin .admin-btn-outline{background:#ff33660d;border:1px solid rgba(255,51,102,.2);color:#f36;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}body.admin .admin-btn-outline:hover{background:#ff33661a;border-color:#f366}body.admin .admin-btn-danger{background:#ff00001a;border:1px solid rgba(255,0,0,.3);color:red;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}body.admin .admin-btn-danger:hover{background:#f003;border-color:#ff000080;box-shadow:0 4px 16px #ff00004d}body.admin .available-apis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}body.admin .api-template-card{background:#ff33660d;border:1px solid rgba(255,51,102,.1);padding:16px;border-radius:8px;transition:all .2s ease}body.admin .api-template-card:hover{background:#ff33661a;border-color:#ff33664d;transform:translateY(-2px);box-shadow:0 4px 16px #f363}body.admin .api-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}body.admin .api-icon{width:40px;height:40px;background:#ff33661a;color:#f36;border:1px solid rgba(255,51,102,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}body.admin .api-info h4{color:var(--text-primary);font-weight:600;margin-bottom:4px}body.admin .api-description{color:var(--text-secondary);font-size:13px;line-height:1.4;margin-bottom:8px}body.admin .api-fields{display:flex;gap:12px;margin-bottom:12px}body.admin .fields-info{font-size:11px;color:var(--text-secondary)}body.admin .integrations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}body.admin .integrations-header h3{color:#f36;margin-bottom:0}body.admin .integrations-actions{display:flex;gap:8px}body.admin .admin-integration-card{background:#ff336608;border:1px solid rgba(255,51,102,.2);padding:20px;border-radius:12px;transition:all .2s ease}body.admin .admin-integration-card:hover{background:#ff33660d;border-color:#ff33664d;transform:translateY(-2px);box-shadow:0 4px 16px #f363}body.admin .integration-title{display:flex;align-items:center;gap:12px;margin-bottom:8px}body.admin .integration-icon{width:40px;height:40px;background:#ff33661a;color:#f36;border:1px solid rgba(255,51,102,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}body.admin .integration-name{color:var(--text-primary);font-weight:600;font-size:16px}body.admin .integration-endpoints{margin-bottom:16px}body.admin .integration-endpoints h5{color:#f36;font-size:14px;font-weight:600;margin-bottom:8px}body.admin .endpoints-list{display:flex;flex-direction:column;gap:4px}body.admin .endpoint{font-size:11px;color:var(--text-secondary);font-family:monospace;background:#ff33660d;padding:4px 8px;border-radius:4px}body.admin .integration-actions{display:flex;gap:8px;flex-wrap:wrap}body.admin .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}body.admin .admin-modal{background:#0a0f1ef2;border:1px solid rgba(255,51,102,.3);border-radius:12px;padding:24px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto}body.admin .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}body.admin .modal-header h3{color:#f36;margin-bottom:0}body.admin .modal-close{background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}body.admin .modal-close:hover{background:#ff33661a;color:#f36}body.admin .config-form{display:flex;flex-direction:column;gap:16px}body.admin .form-group{display:flex;flex-direction:column;gap:8px}body.admin .form-group label{color:var(--text-primary);font-weight:500;font-size:14px}body.admin .form-input,body.admin .form-select{padding:8px 12px;background:#ff33660d;border:1px solid rgba(255,51,102,.2);border-radius:6px;color:var(--text-primary);font-size:14px}body.admin .modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}body.user .user-integrations-page{background:radial-gradient(circle at top,rgba(0,245,255,.05),transparent)}.integrations-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}@media(max-width:768px){.integrations-stats-row{grid-template-columns:1fr}}.integrations-main-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;margin-bottom:24px;align-items:stretch}.integrations-main-row .integrations-card{display:flex;flex-direction:column;height:100%}@media(max-width:1200px){.integrations-main-row{grid-template-columns:1fr}}body.user .user-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:25px}body.user .user-stat{background:#ffffff05;border:1px solid rgba(255,255,255,.08);padding:16px;height:auto;min-height:90px;text-align:center;max-width:100%;width:100%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00f5ff1a;transition:transform .2s ease}body.user .user-stat:hover{transform:translateY(-2px);border-color:#00f5ff4d;box-shadow:0 8px 24px #00f5ff33}body.user .user-stat .stat-value{color:#00f5ff;font-size:24px;font-weight:700}body.user .user-stat .stat-label{color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.5px}body.user .user-notice{background:#ffffff05;border:1px solid rgba(0,245,255,.2);padding:20px;border-radius:12px;margin-bottom:25px}body.user .notice-content{display:flex;align-items:center;gap:16px}body.user .notice-icon{color:#00f5ff;font-size:24px}body.user .notice-info h4{color:#00f5ff;margin-bottom:4px}body.user .notice-info p{color:var(--text-secondary);font-size:14px;line-height:1.5}body.user .integrations-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}body.user .integrations-header h3{color:#00f5ff;margin-bottom:0}body.user .user-indicator{padding:4px 8px;background:#00f5ff33;color:#00f5ff;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}body.user .user-integration-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);padding:20px;border-radius:12px;transition:all .2s ease}body.user .user-integration-card:hover{background:#00f5ff0d;border-color:#00f5ff4d;transform:translateY(-2px);box-shadow:0 4px 16px #00f5ff33}body.user .integration-icon{width:40px;height:40px;background:#00f5ff1a;color:#00f5ff;border:1px solid rgba(0,245,255,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}body.user .integration-name{color:var(--text-primary);font-weight:600;font-size:16px}body.user .integration-description{color:var(--text-secondary);font-size:13px;line-height:1.4;margin-bottom:16px}body.user .user-btn{background:#00f5ff;color:#000;border:none;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}body.user .user-btn:hover{background:#00d4ff;transform:translateY(-1px);box-shadow:0 4px 16px #00f5ff4d}body.user .user-btn-outline{background:#00f5ff0d;border:1px solid rgba(0,245,255,.2);color:#00f5ff;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease}body.user .user-btn-outline:hover{background:#00f5ff1a;border-color:#00f5ff66}body.user .user-btn-outline.disabled{opacity:.5;cursor:not-allowed;background:#ffffff0d;border-color:#ffffff1a;color:var(--text-muted)}body.user .user-btn-outline.disabled:hover{transform:none;box-shadow:none}body.user .user-modal{background:#0a0f1ef2;border:1px solid rgba(0,245,255,.3);border-radius:12px;padding:24px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto}body.user .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}body.user .modal-header h3{color:#00f5ff;margin-bottom:0}body.user .modal-close{background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}body.user .modal-close:hover{background:#00f5ff1a;color:#00f5ff}body.user .integration-overview{margin-bottom:24px}body.user .overview-header{display:flex;align-items:center;gap:16px;margin-bottom:12px}body.user .integration-icon.large{width:60px;height:60px;background:#00f5ff1a;color:#00f5ff;border:1px solid rgba(0,245,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}body.user .overview-info h4{color:var(--text-primary);font-weight:600;font-size:20px;margin-bottom:4px}body.user .overview-description{color:var(--text-secondary);font-size:14px;line-height:1.5}body.user .integration-metrics{margin-bottom:24px}body.user .integration-metrics h5{color:#00f5ff;font-size:16px;font-weight:600;margin-bottom:12px}body.user .metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}body.user .metric-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#00f5ff0d;border:1px solid rgba(0,245,255,.1);border-radius:8px}body.user .metric-label{color:var(--text-secondary);font-size:12px}body.user .metric-value{color:#00f5ff;font-weight:600;font-size:14px}body.user .integration-endpoints{margin-bottom:24px}body.user .integration-endpoints h5{color:#00f5ff;font-size:16px;font-weight:600;margin-bottom:12px}body.user .endpoints-list{display:flex;flex-direction:column;gap:8px}body.user .endpoint-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#00f5ff0d;border:1px solid rgba(0,245,255,.1);border-radius:6px}body.user .endpoint-url{color:var(--text-primary);font-size:12px;font-family:monospace}body.user .endpoint-status{color:#00f5ff;font-size:11px;font-weight:600}body.user .access-restriction{margin-bottom:24px}body.user .restriction-info{display:flex;align-items:center;gap:16px;padding:16px;background:#00f5ff0d;border:1px solid rgba(0,245,255,.1);border-radius:8px}body.user .restriction-icon{color:#00f5ff;font-size:24px}body.user .restriction-info h5{color:#00f5ff;margin-bottom:4px}body.user .restriction-info p{color:var(--text-secondary);font-size:14px;line-height:1.5}body.user .user-help{background:#ffffff05;border:1px solid rgba(255,255,255,.08);padding:20px;border-radius:12px;margin-top:25px}body.user .user-help h3{color:#00f5ff;margin-bottom:16px}body.user .help-content{display:flex;flex-direction:column;gap:16px}body.user .help-item{padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:8px}body.user .help-item h4{color:var(--text-primary);font-weight:600;margin-bottom:8px}body.user .help-item p{color:var(--text-secondary);font-size:14px;line-height:1.5}body.admin .admin-integrations{background:radial-gradient(circle at top,rgba(255,51,102,.08),transparent)}body.admin .reporting-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}body.admin .stat-card{background:#ff33660d;border:1px solid rgba(255,51,102,.2);border-radius:var(--radius-lg);transition:all var(--transition-fast)}body.admin .stat-card:hover{transform:translateY(-4px);border-color:#f366;box-shadow:0 8px 32px #f363}body.admin .report-generation-section{margin-bottom:var(--spacing-xl)}body.admin .generation-card{background:#ff336608;border:1px solid rgba(255,51,102,.15);border-radius:var(--radius-lg)}body.admin .generation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}body.admin .templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}body.admin .template-item{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:all var(--transition-fast)}body.admin .template-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #f363;border-color:#ff33664d}body.admin .template-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}body.admin .template-name{font-weight:600;color:var(--text-primary)}body.admin .type-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;text-transform:uppercase;color:#fff}body.admin .template-description{color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.5}body.admin .template-meta{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);font-size:var(--font-sm);color:var(--text-secondary)}body.admin .system-reports-section{margin-bottom:var(--spacing-xl)}body.admin .reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}body.admin .reports-actions{display:flex;gap:var(--spacing-md)}body.admin .reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-lg)}body.admin .report-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-fast)}body.admin .report-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #f363;border-color:#ff33664d}body.admin .report-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}body.admin .report-info{flex:1}body.admin .report-name{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}body.admin .report-description{color:var(--text-secondary);font-size:var(--font-sm);line-height:1.4}body.admin .report-status{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:flex-end}body.admin .status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;text-transform:uppercase;color:#fff}body.admin .report-details{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}body.admin .detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}body.admin .detail-label{font-size:var(--font-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}body.admin .detail-value{font-size:var(--font-sm);color:var(--text-primary);font-family:Courier New,monospace}body.admin .report-metrics{margin-bottom:var(--spacing-md)}body.admin .report-metrics h5{color:var(--text-primary);font-weight:600;margin-bottom:var(--spacing-sm)}body.admin .metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}body.admin .metric-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs);background:#ffffff05;border-radius:var(--radius-sm)}body.admin .metric-label{color:var(--text-secondary);font-size:var(--font-xs)}body.admin .metric-value{color:var(--accent);font-weight:600;font-size:var(--font-sm)}body.admin .report-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}body.admin .btn.danger{background:#ff00001a;border-color:#ff00004d;color:red}body.admin .btn.danger:hover{background:#f003;border-color:#ff000080;box-shadow:0 4px 16px #ff00004d}body.admin .user-reports-section{margin-bottom:var(--spacing-xl)}body.admin .user-reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}body.admin .user-count{padding:var(--spacing-xs) var(--spacing-sm);background:#f363;color:#f36;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600}body.admin .user-reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg)}body.admin .user-report-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-fast)}body.admin .user-report-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #f363;border-color:#ff33664d}body.admin .user-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}body.admin .user-info{flex:1}body.admin .user-name{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}body.admin .user-email{color:var(--text-secondary);font-size:var(--font-sm);margin-bottom:var(--spacing-xs)}body.admin .user-status{padding:var(--spacing-xs) var(--spacing-sm);background:#0f03;color:#0f0;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;text-transform:uppercase}body.admin .user-actions{display:flex;gap:var(--spacing-sm)}body.admin .user-reports-summary h5{color:var(--text-primary);font-weight:600;margin-bottom:var(--spacing-sm)}body.admin .reports-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}body.admin .user-report-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs);background:#ffffff05;border-radius:var(--radius-sm);font-size:var(--font-sm)}body.admin .report-type{color:var(--accent);font-weight:600}body.admin .report-count{color:var(--text-primary)}body.admin .report-last{color:var(--text-secondary);font-size:var(--font-xs)}body.admin .user-meta{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.08);font-size:var(--font-xs);color:var(--text-secondary)}body.admin .export-controls-section{margin-bottom:var(--spacing-xl)}body.admin .export-controls-card{background:#ff33660d;border:1px solid rgba(255,51,102,.2);border-radius:var(--radius-lg)}body.admin .export-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}body.admin .admin-indicator{padding:var(--spacing-xs) var(--spacing-sm);background:#f36;color:#fff;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}body.admin .export-options{display:flex;flex-direction:column;gap:var(--spacing-lg)}body.admin .export-option{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);transition:all var(--transition-normal)}body.admin .export-option:hover{transform:translateY(-2px);box-shadow:0 4px 16px #f363;border-color:#ff33664d}body.admin .export-info{flex:1}body.admin .export-info h4{color:var(--text-primary);font-weight:600;margin-bottom:var(--spacing-xs)}body.admin .export-info p{color:var(--text-secondary);font-size:var(--font-sm)}body.user .user-integrations{background:radial-gradient(circle at top,rgba(0,245,255,.05),transparent)}body.user .personal-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}body.user .stat-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);transition:all var(--transition-normal)}body.user .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00f5ff26;border-color:#00f5ff33}body.user .personal-generation-section{margin-bottom:var(--spacing-xl)}body.user .generation-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg)}body.user .generation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}body.user .user-badge{padding:var(--spacing-xs) var(--spacing-sm);background:#00f5ff33;color:var(--accent);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}body.user .templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}body.user .template-item{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal)}body.user .template-item:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00f5ff26;border-color:#00f5ff33}body.user .template-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}body.user .template-name{font-weight:600;color:var(--text-primary)}body.user .type-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;text-transform:uppercase;color:#fff}body.user .template-description{color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.5}body.user .template-meta{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);font-size:var(--font-sm);color:var(--text-secondary)}body.user .personal-reports-section{margin-bottom:var(--spacing-xl)}body.user .reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}body.user .reports-actions{display:flex;gap:var(--spacing-md)}body.user .btn.disabled{opacity:.5;cursor:not-allowed;background:#ffffff0d;border-color:#ffffff1a;color:var(--text-muted)}body.user .btn.disabled:hover{transform:none;box-shadow:none}body.user .reports-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg)}body.user .report-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-normal)}body.user .report-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00f5ff26;border-color:#00f5ff33}body.user .report-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}body.user .report-info{flex:1}body.user .report-name{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs)}body.user .report-description{color:var(--text-secondary);font-size:var(--font-sm);line-height:1.4}body.user .report-status{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:flex-end}body.user .status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;text-transform:uppercase;color:#fff}body.user .report-details{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}body.user .detail-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}body.user .detail-label{font-size:var(--font-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}body.user .detail-value{font-size:var(--font-sm);color:var(--text-primary);font-family:Courier New,monospace}body.user .report-metrics{margin-bottom:var(--spacing-md)}body.user .report-metrics h5{color:var(--text-primary);font-weight:600;margin-bottom:var(--spacing-sm)}body.user .metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}body.user .metric-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs);background:#ffffff05;border-radius:var(--radius-sm)}body.user .metric-label{color:var(--text-secondary);font-size:var(--font-xs)}body.user .metric-value{color:var(--accent);font-weight:600;font-size:var(--font-sm)}body.user .report-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}body.user .report-settings-section{margin-bottom:var(--spacing-xl)}body.user .settings-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg)}body.user .settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}body.user .settings-indicator{padding:var(--spacing-xs) var(--spacing-sm);background:#00f5ff33;color:var(--accent);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}body.user .settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}body.user .setting-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md)}body.user .setting-info{flex:1}body.user .setting-name{color:var(--text-primary);font-weight:600;margin-bottom:var(--spacing-xs)}body.user .setting-description{color:var(--text-secondary);font-size:var(--font-sm)}body.user .help-section{margin-bottom:var(--spacing-xl)}body.user .help-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg)}body.user .help-content{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg)}body.user .help-item{padding:var(--spacing-md);background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md)}body.user .help-item h4{color:var(--text-primary);font-weight:600;margin-bottom:var(--spacing-sm)}body.user .help-item p{color:var(--text-secondary);font-size:var(--font-sm);line-height:1.5}body.user .help-actions{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.08)}@media(max-width:1200px){body.admin .reporting-stats,body.user .personal-stats,body.admin .templates-grid,body.user .templates-grid{grid-template-columns:repeat(2,1fr)}body.admin .reports-grid,body.user .reports-grid{grid-template-columns:1fr}}@media(max-width:768px){.integrations-page{padding:var(--spacing-sm)}body.admin .reporting-stats,body.user .personal-stats{grid-template-columns:1fr;gap:var(--spacing-md)}body.admin .templates-grid,body.user .templates-grid,body.admin .reports-grid,body.user .reports-grid,body.admin .report-details,body.user .report-details,body.admin .metrics-grid,body.user .metrics-grid{grid-template-columns:1fr}body.admin .report-actions,body.user .report-actions,body.admin .reports-actions,body.user .reports-actions{flex-direction:column}body.admin .export-options,body.user .settings-grid{grid-template-columns:1fr}body.admin .export-option,body.user .setting-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}body.admin .user-reports-grid{grid-template-columns:1fr}body.user .help-actions{flex-direction:column}}.admin-integrations-kpis{display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.admin-int-kpi-item{padding:16px;display:flex;align-items:center;justify-content:center;gap:12px}.admin-int-kpi-item.bordered{border-left:1px solid rgba(255,255,255,.1)}.admin-integrations-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:24px;align-items:start}.admin-int-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.05);padding-top:12px;margin-top:4px;flex-wrap:wrap;gap:8px}@media(max-width:992px){.admin-integrations-layout{grid-template-columns:1fr;gap:16px}}@media(max-width:768px){.integrations-page,.admin-integrations-page,.user-integrations-page{padding:12px 10px!important}.admin-integrations-kpis{grid-template-columns:repeat(2,1fr)}.admin-int-kpi-item{padding:12px 10px}.admin-int-kpi-item.bordered:nth-child(2){border-left:1px solid rgba(255,255,255,.1)}.admin-int-kpi-item.bordered:nth-child(3){border-left:none;border-top:1px solid rgba(255,255,255,.1)}.admin-int-kpi-item.bordered:nth-child(4){border-left:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.1)}.integrations-stats-row{grid-template-columns:1fr!important;gap:10px}.integrations-main-row{grid-template-columns:1fr!important;gap:16px}.integration-item-row{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.integration-item-row>div:last-child{width:100%}.integration-item-row>div:last-child button{width:100%}.admin-int-footer{flex-direction:column;align-items:stretch;gap:10px}.admin-int-footer>div:last-child{display:flex;gap:8px;width:100%}.admin-int-footer>div:last-child button{flex:1}}@media(max-width:480px){.admin-integrations-kpis{grid-template-columns:1fr}.admin-int-kpi-item.bordered{border-left:none!important;border-top:1px solid rgba(255,255,255,.1)}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:radial-gradient(circle at top,var(--bg-secondary),var(--bg-primary));color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-3xl)}h2{font-size:var(--font-2xl)}h3{font-size:var(--font-xl)}h4{font-size:var(--font-lg)}h5{font-size:var(--font-base)}h6{font-size:var(--font-sm)}p{margin-bottom:var(--spacing-md);color:var(--text-secondary)}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}ul,ol{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}li{margin-bottom:var(--spacing-xs)}img{max-width:100%;height:auto;display:block}input,textarea,select,button{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background-color:var(--accent);color:var(--text-inverse)}body.admin{--accent: #ff3366;--glow: rgba(255,51,102,.4)}body.user{--accent: #00f5ff;--glow: rgba(0,245,255,.4)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.dashboard-header,.page-header,.admin-header,.hero,.alerts-header,.reports-header,.logs-header,.settings-header,.simulation-header,.integrations-header,.notifications-header,.profile-header,.audit-header{margin-top:15px!important}.table-responsive,.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){button,.btn,a.nav-link,.filter-btn{min-height:38px}}:root{--bg-primary: #050a18;--bg-secondary: #0b1225;--bg-tertiary: #0f1a2e;--accent: #00f5ff;--accent-soft: rgba(0, 245, 255, .2);--accent-hover: #00d4e3;--text-primary: #ffffff;--text-secondary: #8b9bb4;--text-muted: #64748b;--text-inverse: #000000;--card-bg: rgba(255, 255, 255, .04);--glass-blur: blur(14px);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .12);--shadow-sm: 0 2px 8px rgba(0, 245, 255, .1);--shadow-md: 0 4px 16px rgba(0, 245, 255, .15);--shadow-lg: 0 8px 32px rgba(0, 245, 255, .2);--shadow-neon: 0 0 20px var(--accent-soft);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--font-xs: 12px;--font-sm: 14px;--font-base: 16px;--font-lg: 18px;--font-xl: 24px;--font-2xl: 32px;--font-3xl: 48px;--font-4xl: 64px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-background: -1;--z-base: 1;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-modal: 40;--z-popover: 50;--z-tooltip: 60}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes neonGlow{0%,to{box-shadow:0 0 5px var(--accent),0 0 10px var(--accent)}50%{box-shadow:0 0 20px var(--accent),0 0 30px var(--accent)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-30px)}70%{transform:translateY(-15px)}90%{transform:translateY(-4px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.fade-in{animation:fadeIn .8s ease forwards}.fade-in-up{animation:fadeInUp .5s ease-out}.fade-in-down{animation:fadeInDown .5s ease-out}.fade-in-left{animation:fadeInLeft .5s ease-out}.fade-in-right{animation:fadeInRight .5s ease-out}.neon-glow{animation:neonGlow 2s ease-in-out infinite}.pulse{animation:pulse 2s ease-in-out infinite}.slide-in{animation:slideIn .3s ease-out}.bounce{animation:bounce 1s ease-in-out}.rotate{animation:rotate 2s linear infinite}.scale{animation:scale 2s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.glow-hover:hover{box-shadow:0 0 20px var(--accent);transition:.3s ease}.scroll-animate{opacity:0;transform:translateY(50px);transition:all .8s ease}.scroll-animate.visible{opacity:1;transform:translateY(0)}.btn-scale{transition:transform .3s ease}.btn-scale:hover{transform:scale(1.05)}.card-glow{transition:all .3s ease}.card-glow:hover{border-color:var(--accent);box-shadow:0 0 20px var(--accent-soft);transform:translateY(-5px)}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.glass{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-lg)}.neon-border{border:1px solid var(--accent);box-shadow:0 0 10px var(--accent-soft)}.btn{padding:10px 18px;border-radius:var(--radius-md);border:none;cursor:pointer;color:#fff;background:transparent;border:1px solid var(--accent);transition:all var(--transition-normal);display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-base);font-weight:500;text-decoration:none;position:relative;overflow:hidden}.btn:focus{outline:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:hover{background:var(--accent);color:#000;transform:translateY(-2px);box-shadow:0 4px 12px #00f5ff66}.btn-primary{background-color:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #00f5ff66}.btn-secondary{background-color:transparent;color:var(--accent);border:2px solid var(--accent)}.btn-secondary:hover:not(:disabled){background-color:var(--accent);color:var(--text-inverse);transform:translateY(-2px)}.btn-danger{background-color:#f36;color:var(--text-primary);border-color:#f36}.btn-danger:hover:not(:disabled){background-color:#ff1a44;transform:translateY(-2px);box-shadow:0 4px 12px #f366}.btn-outline{background-color:transparent;color:var(--text-primary);border:1px solid var(--border)}.btn-outline:hover:not(:disabled){background-color:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-sm)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-lg)}.card{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);position:relative;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.card-header{border-bottom:1px solid var(--border);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md)}.card-title{font-size:var(--font-xl);font-weight:600;color:var(--text-primary);margin:0}.card-subtitle{font-size:var(--font-sm);color:var(--text-muted);margin-top:var(--spacing-xs)}.card-body{flex:1}.card-footer{border-top:1px solid var(--border);padding-top:var(--spacing-md);margin-top:var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-base);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #00f5ff1a}.input::placeholder{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-xs);font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.badge-primary{background-color:var(--accent);color:var(--text-inverse)}.badge-secondary{background-color:var(--accent-soft);color:var(--text-primary);border:1px solid var(--accent)}.badge-danger{background-color:#f36;color:var(--text-primary)}.badge-warning{background-color:#fa0;color:var(--text-on-yellow)}.badge-success{background-color:var(--accent);color:var(--text-inverse)}.badge-outline{background-color:transparent;color:var(--accent);border:1px solid var(--accent)}