:root{--bg-color: #060a12;--bg-secondary: #101826;--bg-tertiary: #182233;--text-color: #e5e7eb;--text-secondary: #9ca3af;--primary-color: #22c55e;--secondary-color: #38bdf8;--danger-color: #ef4444;--warning-color: #f59e0b;--card-bg: rgba(15, 23, 42, .72);--card-border: rgba(148, 163, 184, .25);--panel-shadow: 0 12px 40px rgba(2, 6, 23, .45);--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(1200px 600px at 15% -10%,rgba(56,189,248,.14),transparent 60%),radial-gradient(900px 500px at 90% -20%,rgba(34,197,94,.12),transparent 60%),var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;color:var(--text-color)}.font-sans{font-family:Inter,system-ui,-apple-system,sans-serif}.font-mono{font-family:JetBrains Mono,SFMono-Regular,ui-monospace,Menlo,Monaco,monospace}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-white{color:#f8fafc}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--secondary-color)}.text-danger{color:var(--danger-color)}.text-warning{color:var(--warning-color)}.text-gray-200{color:var(--gray-200)}.text-gray-300{color:var(--gray-300)}.text-gray-400{color:var(--gray-400)}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-red-400{color:#f87171}.text-red-500{color:#ef4444}.text-yellow-400{color:#facc15}.text-yellow-500{color:#eab308}.text-green-400{color:#4ade80}.text-green-500{color:#22c55e}.text-blue-400{color:#60a5fa}.text-blue-500{color:#3b82f6}.text-cyan-400{color:#22d3ee}.text-amber-400{color:#fbbf24}.text-pink-400{color:#f472b6}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block{display:block}.hidden{display:none}.inline-block{display:inline-block}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.top-0{top:0}.top-2{top:.5rem}.bottom-0{bottom:0}.right-0{right:0}.right-2{right:.5rem}.left-0{left:0}.left-1\/2{left:50%}.-top-2{top:-.5rem}.-left-2{left:-.5rem}.-right-2{right:-.5rem}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.sticky{position:sticky}.origin-bottom{transform-origin:bottom}.-translate-x-1\/2{transform:translate(-50%)}.translate-y-1\/2{transform:translateY(50%)}.flex{display:flex}.flex-1{flex:1 1 0%}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2 / span 2}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.w-full{width:100%}.w-80{width:20rem}.w-48{width:12rem}.w-24{width:6rem}.w-16{width:4rem}.w-10{width:2.5rem}.w-4{width:1rem}.w-3{width:.75rem}.w-2{width:.5rem}.w-1{width:.25rem}.w-1\.5{width:.375rem}.h-full{height:100%}.h-400{height:400px}.h-300{height:300px}.h-64{height:16rem}.h-32{height:8rem}.h-24{height:6rem}.h-16{height:4rem}.h-4{height:1rem}.h-3{height:.75rem}.h-2{height:.5rem}.h-1{height:.25rem}.h-px{height:1px}.min-h-screen{min-height:100vh}.min-h-0{min-height:0}.min-w-0{min-width:0}.max-h-64{max-height:16rem}.max-h-96{max-height:24rem}.max-h-0{max-height:0}.max-w-full{max-width:100%}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.ml-auto{margin-left:auto}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pt-0{padding-top:0}.pt-4{padding-top:1rem}.pb-2{padding-bottom:.5rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-10{margin-top:2.5rem}.glass-panel{background:var(--card-bg);border:1px solid var(--card-border);border-radius:1rem;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;flex-direction:column;min-height:200px}.dashboard-shell{width:100%}.center-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.bg-gradient-text{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent}.rounded{border-radius:.25rem}.rounded-sm{border-radius:.125rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.border{border-width:1px;border-style:solid}.border-2{border-width:2px;border-style:solid}.border-b{border-bottom-width:1px;border-bottom-style:solid}.border-t{border-top-width:1px;border-top-style:solid}.border-l{border-left-width:1px;border-left-style:solid}.border-l-2{border-left-width:2px;border-left-style:solid}.border-collapse{border-collapse:collapse}.border-gray-700{border-color:var(--gray-700)}.border-gray-700\/50{border-color:#37415180}.border-gray-800{border-color:var(--gray-800)}.border-gray-800\/50{border-color:#1f293780}.border-red-500\/30{border-color:#ef44444d}.border-red-500\/50{border-color:#ef444480}.border-green-500\/30{border-color:#22c55e4d}.border-yellow-500\/30{border-color:#f59e0b4d}.border-blue-500\/30{border-color:#3b82f64d}.hover\:border-gray-500:hover{border-color:var(--gray-500)}.hover\:border-gray-600:hover{border-color:var(--gray-600)}.bg-gray-900{background-color:var(--gray-900)}.bg-gray-900\/95{background-color:#111827f2}.bg-gray-900\/50{background-color:#11182780}.bg-gray-800{background-color:var(--gray-800)}.bg-gray-800\/50{background-color:#1f293780}.bg-gray-700{background-color:var(--gray-700)}.bg-gray-700\/50{background-color:#37415180}.bg-gray-600{background-color:var(--gray-600)}.bg-black\/50{background-color:#00000080}.bg-red-500{background-color:var(--danger-color)}.bg-green-500{background-color:var(--primary-color)}.bg-yellow-500{background-color:#f59e0b}.bg-blue-400{background-color:#60a5fa}.bg-green-400{background-color:#4ade80}.bg-red-500\/10{background-color:#ef44441a}.bg-red-500\/20{background-color:#ef444433}.bg-green-500\/10{background-color:#22c55e1a}.bg-yellow-500\/10{background-color:#f59e0b1a}.bg-blue-500\/10{background-color:#3b82f61a}.bg-primary\/10{background-color:color-mix(in srgb,var(--primary-color) 12%,transparent)}.hover\:bg-gray-700:hover{background-color:var(--gray-700)}.hover\:bg-gray-800:hover{background-color:var(--gray-800)}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:text-white:hover{color:#f8fafc}.transition-all{transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition:color .2s ease,background-color .2s ease,border-color .2s ease}:where(button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid color-mix(in srgb,var(--secondary-color) 70%,#fff);outline-offset:2px;box-shadow:0 0 0 3px color-mix(in srgb,var(--secondary-color) 24%,transparent)}.opacity-100{opacity:1}.opacity-50{opacity:.5}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.toggle{appearance:none;width:44px;height:24px;background:var(--gray-700);border-radius:9999px;position:relative;cursor:pointer;border:1px solid var(--gray-600);transition:background-color .2s ease,border-color .2s ease}.toggle:after{content:"";width:18px;height:18px;border-radius:9999px;background:#fff;position:absolute;top:2px;left:2px;transition:transform .2s ease}.toggle:checked{background:var(--primary-color);border-color:var(--primary-color)}.toggle:checked:after{transform:translate(20px)}.toggle:focus-visible{border-color:var(--secondary-color)}.toggle-sm{width:36px;height:20px}.toggle-sm:after{width:14px;height:14px}.toggle-sm:checked:after{transform:translate(16px)}input[type=range]{-webkit-appearance:none;width:100%;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:9999px;background:var(--gray-700)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:9999px;margin-top:-6px;background:var(--primary-color)}.theme-selector,.theme-toggle,.mobile-menu-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}table{width:100%;border-collapse:collapse}.log-table{table-layout:fixed}.truncate-cell{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert-message{line-height:1.35;word-break:break-word}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--gray-700) transparent}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-700);border-radius:9999px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-600)}.stat-card{min-height:0}.stat-card-icon{border:1px solid rgba(148,163,184,.25)}.stat-card-accent{width:100%;height:3px;opacity:.85}.metric-bar-fill{transition:width .2s ease,background-color .2s ease}.gauge-path{transition:stroke-dashoffset .25s ease}.gauge-needle{transition:transform .25s ease}.gauge-value{transition:color .25s ease}.status-led{box-shadow:0 0 6px currentColor}.server-shake{animation:server-shake .45s ease-in-out infinite}@keyframes server-shake{0%,to{transform:translate(0)}25%{transform:translate(-1px)}75%{transform:translate(1px)}}.attack-spark{font-size:.9rem;line-height:1;animation:spark-flash .8s ease-in-out infinite}.attack-spark-delay{animation-delay:.35s}@keyframes spark-flash{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}.attack-map-canvas{box-shadow:inset 0 0 0 1px #94a3b82e}.attack-map-land{stroke:#94a3b859;stroke-width:1;opacity:.9}.attack-map-arc{fill:none;stroke-linecap:round;filter:drop-shadow(0 0 4px rgba(248,113,113,.25))}.attack-map-arc-active{stroke-dasharray:8 8;animation:map-flow 1.4s linear infinite}@keyframes map-flow{to{stroke-dashoffset:-16}}.attack-map-origin{stroke:#ffffffbf;stroke-width:1}.attack-map-origin-active{animation:origin-beat 1s ease-in-out infinite}@keyframes origin-beat{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.attack-map-server-halo{fill:#38bdf833}.attack-map-server{fill:#22c55e;stroke:#f8fafc;stroke-width:2}.attack-map-server-danger{fill:#ef4444;animation:pulse 1.6s ease-in-out infinite}.attack-map-count{fill:#f8fafc;font-size:20px;font-weight:600;paint-order:stroke;stroke:#020617cc;stroke-width:4px}.attack-map-target-label{fill:#e2e8f0;font-size:15px;font-weight:500}.attack-line-active{animation:map-flow 1.2s linear infinite}.attack-origin-active{animation:origin-beat 1s ease-in-out infinite}.server-under-attack{animation:pulse 1.4s ease-in-out infinite}.safe-area-pb{padding-bottom:env(safe-area-inset-bottom,0px)}.backdrop-blur-lg{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.attack-config{overflow:hidden}.health-core{transition:transform .2s ease}.log-filter-input{transition:border-color .2s ease,box-shadow .2s ease}.log-filter-input:focus{border-color:#3b82f6b3;box-shadow:0 0 0 2px #3b82f633;outline:none}.theme-light{--bg-color: #f3f4f6;--bg-secondary: #ffffff;--bg-tertiary: #e5e7eb;--text-color: #111827;--text-secondary: #4b5563;--card-bg: rgba(255, 255, 255, .92);--card-border: rgba(148, 163, 184, .38);--panel-shadow: 0 10px 28px rgba(15, 23, 42, .12);--gray-900: #f9fafb;--gray-800: #f3f4f6;--gray-700: #e5e7eb;--gray-600: #d1d5db;--gray-500: #6b7280}.theme-light .text-gray-300{color:#334155}.theme-light .text-gray-400,.theme-light .text-gray-500{color:#475569}.theme-light .text-gray-600{color:#64748b}.theme-light .text-red-400{color:#dc2626}.theme-light .text-red-500{color:#b91c1c}.theme-light .text-yellow-400{color:#a16207}.theme-light .text-yellow-500{color:#92400e}.theme-light .text-green-400{color:#15803d}.theme-light .text-blue-400{color:#2563eb}.theme-light .text-blue-500{color:#1d4ed8}.theme-light .text-cyan-400{color:#0e7490}.theme-light .text-amber-400{color:#b45309}.theme-light .text-pink-400{color:#be185d}.theme-light .text-white{color:#0f172a}.theme-light .bg-gray-900,.theme-light .bg-gray-900\/50,.theme-light .bg-gray-900\/95,.theme-light .bg-gray-800,.theme-light .bg-gray-800\/50,.theme-light .bg-gray-700,.theme-light .bg-gray-700\/50{color:#111827}.theme-light .bg-gray-900{background-color:#f8fafc}.theme-light .bg-gray-900\/50{background-color:#f8fafc8c}.theme-light .bg-gray-900\/95{background-color:#f8fafcf2}.theme-light .bg-gray-800{background-color:#f1f5f9}.theme-light .bg-gray-800\/50{background-color:#f1f5f9bf}.theme-light .bg-gray-700{background-color:#e5e7eb}.theme-light .bg-gray-700\/50{background-color:#e5e7ebb3}.theme-light .border-gray-700,.theme-light .border-gray-700\/50,.theme-light .border-gray-800,.theme-light .border-gray-800\/50{border-color:#94a3b873}.theme-light input[type=range]::-webkit-slider-runnable-track,.theme-light .toggle{background:#d1d5db}.theme-midnight{--bg-color: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--text-color: #c9d1d9;--text-secondary: #8b949e;--card-bg: rgba(22, 27, 34, .85);--card-border: rgba(139, 148, 158, .35)}.theme-hacker{--bg-color: #050a05;--bg-secondary: #081108;--bg-tertiary: #0f1a0f;--text-color: #86efac;--text-secondary: #4ade80;--primary-color: #22c55e;--secondary-color: #4ade80;--card-bg: rgba(2, 20, 2, .82);--card-border: rgba(34, 197, 94, .35)}.theme-hacker *{font-family:JetBrains Mono,Courier New,monospace}@media(min-width:640px){.sm\:inline{display:inline}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:gap-4{gap:1rem}}@media(min-width:768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:p-6{padding:1.5rem}}@media(min-width:1024px){.lg\:hidden{display:none}.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}.lg\:justify-between{justify-content:space-between}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(min-width:1280px){.xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(max-width:767px){.grid-cols-2.md\:grid-cols-4.lg\:grid-cols-8{grid-template-columns:repeat(2,minmax(0,1fr))}.h-400{height:320px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}