/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-500:oklch(71.5% .143 215.221);--color-cyan-600:oklch(60.9% .126 221.723);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.z-50{z-index:50}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-5{height:calc(var(--spacing) * 5)}.h-12{height:calc(var(--spacing) * 12)}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-5{width:calc(var(--spacing) * 5)}.w-12{width:calc(var(--spacing) * 12)}.w-full{width:100%}.max-w-md{max-width:var(--container-md)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-cyan-400{border-color:var(--color-cyan-400)}.border-cyan-500{border-color:var(--color-cyan-500)}.border-gray-700{border-color:var(--color-gray-700)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-cyan-600{background-color:var(--color-cyan-600)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-red-600{background-color:var(--color-red-600)}.bg-white{background-color:var(--color-white)}.p-1{padding:var(--spacing)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-2{padding-block:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-all{word-break:break-all}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-800{color:var(--color-gray-800)}.text-red-400{color:var(--color-red-400)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.line-through{text-decoration-line:line-through}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media (hover:hover){.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:text-red-300:hover{color:var(--color-red-300)}}}*{box-sizing:border-box;margin:0;padding:0}body{color:#0f172a;background:#f1f5f9;width:100%;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#e2e8f0}::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#64748b}.sidebar{color:#e2e8f0;z-index:1000;background:linear-gradient(#0f172a 0%,#1e293b 100%);flex-direction:column;width:260px;height:100vh;transition:transform .3s;display:flex;position:fixed;top:0;left:0}.sidebar-brand{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:24px 20px 16px;display:flex}.sidebar-brand .logo{align-items:center;gap:12px;display:flex}.sidebar-brand .logo-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex;box-shadow:0 4px 12px #2563eb4d}.sidebar-brand .logo-text h2{color:#fff;letter-spacing:-.3px;font-size:19px;font-weight:700}.sidebar-brand .logo-text span{color:#64748b;text-transform:uppercase;letter-spacing:.8px;font-size:11px}.sidebar-collapse-btn{color:#64748b;cursor:pointer;background:#ffffff0f;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;transition:all .2s;display:flex}.sidebar-collapse-btn:hover{color:#e2e8f0;background:#ffffff1f}.sidebar-nav{flex:1;padding:16px 10px;overflow-y:auto}.sidebar-nav .nav-label{text-transform:uppercase;color:#475569;letter-spacing:1px;margin:16px 0 6px;padding:0 12px;font-size:10px;font-weight:600}.sidebar-nav a{color:#94a3b8;border-radius:9px;align-items:center;gap:12px;margin-bottom:2px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.sidebar-nav a .nav-icon{text-align:center;flex-shrink:0;width:20px;font-size:15px}.sidebar-nav a:hover{color:#e2e8f0;background:#ffffff0f}.sidebar-nav a.active{color:#60a5fa;background:#2563eb26}.sidebar-nav a.active:before{content:"";background:#3b82f6;border-radius:0 3px 3px 0;width:3px;height:22px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-nav a .badge{color:#fff;background:#ef4444;border-radius:10px;margin-left:auto;padding:2px 7px;font-size:10px;font-weight:600}.sidebar-footer{border-top:1px solid #ffffff0f;padding:14px 16px 20px}.sidebar-status{color:#64748b;align-items:center;gap:8px;margin-bottom:8px;padding:8px 0;font-size:12px;display:flex}.sidebar-status .status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sidebar-status .status-dot.online{background:#10b981;box-shadow:0 0 8px #10b98166}.sidebar-footer .logout-btn{color:#f87171;cursor:pointer;background:#ef44441a;border:none;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.sidebar-footer .logout-btn:hover{background:#ef444433}.sidebar-overlay{z-index:999;background:#0006;display:none;position:fixed;inset:0}.main-content{flex:1;width:calc(100% - 260px);min-height:100vh;margin-left:260px;padding:20px 28px 32px}.header{background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:14px 22px;display:flex;box-shadow:0 1px 3px #0000000a}.header-left{align-items:center;gap:14px;display:flex}.header-left .menu-toggle{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;display:none}.header-left h1{color:#0f172a;font-size:19px;font-weight:600}.header-left .breadcrumb{color:#94a3b8;font-size:13px}.header-left .breadcrumb span{color:#64748b}.header-title-group{align-items:center;gap:12px;min-width:0;display:flex}.header-page-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;display:flex}.header-right{align-items:center;gap:16px;display:flex}.header-threat-badge{color:#059669;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.header-threat-badge i{font-size:13px}.header-clock{color:#64748b;background:#f1f5f9;border-radius:7px;align-items:center;gap:8px;padding:5px 12px;font-family:SF Mono,Cascadia Code,Courier New,monospace;font-size:13px;display:flex}.header-clock i{color:#94a3b8;font-size:12px}.clock-time{color:#0f172a;font-weight:600}.clock-date{color:#94a3b8}.header-actions{align-items:center;gap:6px;display:flex}.header-action-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;padding:6px;font-size:18px;transition:background .2s;position:relative}.header-action-btn:hover{background:#f1f5f9}.header-action-btn .notif-dot{background:#ef4444;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:3px;right:3px}.user-pill{cursor:pointer;border-radius:30px;align-items:center;gap:8px;padding:4px 8px 4px 10px;transition:background .2s;display:flex;position:relative}.user-pill:hover{background:#f1f5f9}.user-pill .avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.user-pill .user-name{color:#0f172a;font-size:13px;font-weight:500}.user-pill i{color:#94a3b8;font-size:10px}.notification-panel{z-index:500;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:320px;max-height:380px;margin-top:6px;display:none;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 10px 40px #0000001a}.notification-panel.show{display:block}.notification-panel .panel-header{color:#0f172a;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.notification-panel .panel-count{color:#2563eb;background:#eff6ff;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.notification-panel .panel-item{cursor:pointer;border-bottom:1px solid #f1f5f9;gap:10px;padding:12px 16px;transition:background .15s;display:flex}.notification-panel .panel-item:hover{background:#f8fafc}.notification-panel .panel-item:last-child{border-bottom:none}.panel-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;display:flex}.panel-icon.critical{color:#ef4444;background:#fef2f2}.panel-icon.warning{color:#f59e0b;background:#fffbeb}.panel-icon.success{color:#10b981;background:#ecfdf5}.panel-body{min-width:0}.panel-text{color:#0f172a;font-size:13px;font-weight:500}.panel-meta{color:#94a3b8;margin-top:2px;font-size:11px}.panel-footer{color:#2563eb;border-top:1px solid #f1f5f9;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s;display:flex}.panel-footer:hover{background:#f8fafc}.dropdown-menu{z-index:500;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:180px;margin-top:6px;padding:6px;display:none;position:absolute;top:100%;right:0;box-shadow:0 10px 40px #0000001a}.dropdown-menu.show{display:block}.dropdown-menu a,.dropdown-menu button{color:#475569;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.dropdown-menu a:hover,.dropdown-menu button:hover{color:#0f172a;background:#f1f5f9}.dropdown-menu .divider{background:#e2e8f0;height:1px;margin:4px 8px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin-bottom:24px;display:grid}.stat-card{cursor:pointer;opacity:0;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.5s forwards fadeInUp;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.stat-card:first-child{animation-delay:50ms}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-card:nth-child(4){animation-delay:.2s}.stat-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00000012}.stat-top{justify-content:space-between;align-items:flex-start;display:flex}.stat-card .stat-icon-wrap{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.stat-icon-wrap.blue{color:#2563eb;background:#eff6ff}.stat-icon-wrap.green{color:#10b981;background:#ecfdf5}.stat-icon-wrap.purple{color:#8b5cf6;background:#f5f3ff}.stat-icon-wrap.red{color:#ef4444;background:#fef2f2}.stat-card .stat-number{color:#0f172a;margin-top:10px;font-size:26px;font-weight:700;line-height:1.1}.stat-card .stat-label{color:#64748b;margin-top:2px;font-size:13px}.stat-card .stat-trend{border-radius:16px;align-items:center;gap:3px;margin-top:6px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.stat-trend.up{color:#10b981;background:#ecfdf5}.stat-trend.down{color:#ef4444;background:#fef2f2}.stat-trend.neutral{color:#64748b;background:#f1f5f9}.stat-clean-btn{color:#94a3b8;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:13px;transition:all .2s}.stat-card:hover .stat-clean-btn{opacity:1}.stat-clean-btn:hover{color:#ef4444;background:#ef44441a}.charts-grid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px;display:grid}.chart-card{opacity:0;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px 20px 20px;animation:.5s .25s forwards fadeInUp;box-shadow:0 1px 3px #0000000a}.chart-card .chart-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.chart-card .chart-header h3{color:#0f172a;font-size:15px;font-weight:600}.chart-card .chart-header .chart-action{color:#2563eb;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500;transition:background .2s}.chart-card .chart-header .chart-action:hover{background:#eff6ff}.chart-container{width:100%;max-height:260px;position:relative}.top-attackers{opacity:0;background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:24px;padding:18px 20px 20px;animation:.5s .3s forwards fadeInUp;box-shadow:0 1px 3px #0000000a}.top-attackers .section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.top-attackers .section-header h3{color:#0f172a;font-size:15px;font-weight:600}.top-attackers .section-header .view-all{color:#2563eb;font-size:12px;font-weight:500;text-decoration:none}.top-attackers table{border-collapse:collapse;width:100%}.top-attackers th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;padding:8px 10px;font-size:11px;font-weight:600}.top-attackers td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px;font-size:13px}.top-attackers tr:last-child td{border-bottom:none}.rank-badge{color:#64748b;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:inline-flex}.rank-badge.top1{color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316)}.rank-badge.top2{color:#475569;background:#e2e8f0}.rank-badge.top3{color:#92400e;background:#fde68a}.attacker-ip{color:#0f172a;font-family:SF Mono,Monaco,Cascadia Code,Courier New,monospace;font-size:13px;font-weight:500}.attack-progress{align-items:center;gap:10px;display:flex}.attack-progress .progress-bar{background:#e2e8f0;border-radius:3px;flex:1;max-width:120px;height:6px;overflow:hidden}.attack-progress .progress-bar .fill{border-radius:3px;height:100%;transition:width .8s}.attack-progress .count{color:#0f172a;text-align:right;min-width:50px;font-size:13px;font-weight:600}.recent-activity{opacity:0;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px 20px 20px;animation:.5s .35s forwards fadeInUp;box-shadow:0 1px 3px #0000000a}.recent-activity .section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.recent-activity .section-header h3{color:#0f172a;font-size:15px;font-weight:600}.recent-activity .section-header .view-all{color:#2563eb;font-size:12px;font-weight:500;text-decoration:none}.activity-timeline{flex-direction:column;gap:0;display:flex}.activity-item{cursor:pointer;border-bottom:1px solid #f1f5f9;border-radius:6px;gap:12px;padding:12px 8px;transition:background .2s;display:flex}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:#f8fafc}.activity-item .activity-time{color:#94a3b8;white-space:nowrap;min-width:70px;padding-top:1px;font-family:SF Mono,Cascadia Code,Courier New,monospace;font-size:11px}.activity-item .activity-content{flex:1;min-width:0}.activity-item .activity-type{border-radius:4px;align-items:center;gap:5px;margin-bottom:3px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.activity-type.critical{color:#dc2626;background:#fef2f2}.activity-type.high{color:#ea580c;background:#fff7ed}.activity-type.medium{color:#d97706;background:#fffbeb}.activity-type.low{color:#16a34a;background:#f0fdf4}.activity-item .activity-detail{color:#0f172a;margin-top:2px;font-size:13px;font-weight:500}.activity-item .activity-payload{color:#64748b;text-overflow:ellipsis;white-space:nowrap;background:#f8fafc;border-radius:4px;max-width:500px;margin-top:4px;padding:4px 8px;font-family:SF Mono,Cascadia Code,Courier New,monospace;font-size:11px;overflow:hidden}.quick-actions-section{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px;display:grid}.quick-actions-card{opacity:0;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px 20px 20px;animation:.5s .4s forwards fadeInUp;box-shadow:0 1px 3px #0000000a}.quick-actions-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.quick-action{cursor:pointer;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.quick-action:hover{background:#fff;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.qa-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.system-card{opacity:0;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px 20px 20px;animation:.5s .45s forwards fadeInUp;box-shadow:0 1px 3px #0000000a}.system-grid{background:#e2e8f0;border-radius:10px;grid-template-columns:1fr 1fr;gap:1px;margin-top:14px;display:grid;overflow:hidden}.system-item{background:#fff;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;display:flex}.system-label{color:#64748b;font-weight:500}.system-status{color:#0f172a;align-items:center;gap:6px;font-weight:600;display:flex}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.green{background:#10b981;box-shadow:0 0 6px #10b98166}.status-pill{border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-pill.online{color:#059669;background:#ecfdf5}.badge{border-radius:16px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.badge.danger{color:#dc2626;background:#fef2f2}.badge.success{color:#059669;background:#ecfdf5}.badge.warning{color:#d97706;background:#fffbeb}.badge.info{color:#2563eb;background:#eff6ff}code{background:#f1f5f9;border-radius:4px;padding:2px 6px;font-family:SF Mono,Monaco,Cascadia Code,Courier New,monospace;font-size:12px}.notification-toast{color:#fff;z-index:9999;border-radius:10px;max-width:380px;padding:14px 22px;font-size:14px;font-weight:500;animation:.4s forwards slideInRight;position:fixed;top:20px;right:20px;transform:translate(120%);box-shadow:0 8px 30px #00000026}.notification-toast.success{background:#059669}.notification-toast.error{background:#dc2626}.notification-toast.warning{background:#d97706}.notification-toast.info{background:#2563eb}.notification-toast.hiding{animation:.3s forwards slideOutRight}.switch{width:48px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background:#ccc;border-radius:24px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background:#667eea}input:checked+.slider:before{transform:translate(24px)}.btn-primary{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:600}.btn-primary:hover{background:#5a6fd6}.btn-small{cursor:pointer;border:none;border-radius:5px;margin-right:5px;padding:5px 12px;font-size:12px}.btn-edit{color:#fff;background:#667eea}.btn-delete{color:#fff;background:#e74c3c}.btn-key{color:#fff;background:#27ae60}.btn-key:hover{background:#219a52}.modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:16px;width:500px;max-width:90%;max-height:90vh;padding:30px;overflow-y:auto}.close{float:right;cursor:pointer;font-size:28px}.modal-content .form-group{margin-bottom:15px}.modal-content label{margin-bottom:5px;font-weight:500;display:block}.modal-content input,.modal-content select{box-sizing:border-box;border:2px solid #e9ecef;border-radius:8px;width:100%;padding:10px}.modal-content input:focus,.modal-content select:focus{border-color:#667eea;outline:none}.action-bar{margin-bottom:20px}.filters-bar{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 2px 10px #0000000d}.filter-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-form input,.filter-form select{border:2px solid #e9ecef;border-radius:8px;padding:10px 12px;font-size:14px}.filter-form input:focus,.filter-form select:focus{border-color:#667eea;outline:none}.btn-filter{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;padding:10px 20px;font-weight:600}.btn-export{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:8px;padding:10px 20px;font-weight:600}.log-actions-bar{border-top:1px solid #e9ecef;gap:10px;margin-top:12px;padding-top:12px;display:flex}.btn-clean-logs{color:#495057;cursor:pointer;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;display:flex}.btn-clean-logs:hover{background:#e9ecef}.btn-clean-logs.danger{color:#dc3545;border-color:#dc3545}.btn-clean-logs.danger:hover{color:#fff;background:#dc3545}.logs-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.logs-table table{border-collapse:collapse;width:100%}.logs-table th{text-align:left;color:#495057;text-transform:uppercase;letter-spacing:.5px;background:#f8f9fa;padding:12px 15px;font-size:12px;font-weight:600}.logs-table td{border-bottom:1px solid #e9ecef;padding:10px 15px;font-size:13px}.logs-table tbody tr:hover{cursor:pointer;background:#f8f9fa}.log-details{background:#f8f9fa;border-radius:8px;padding:15px}.log-details p{margin:5px 0;font-size:13px}.details-row td{padding:0}.pagination{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-top:20px;padding:15px;display:flex}.page-info{color:#6c757d;font-size:14px}.page-buttons{gap:5px;display:flex}.btn-page{color:#495057;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:8px 14px;font-size:13px;text-decoration:none}.btn-page.active{color:#fff;background:#667eea;border-color:#667eea}.btn-page:hover{background:#e9ecef}.rules-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.rules-table table{border-collapse:collapse;width:100%}.rules-table th{text-align:left;color:#495057;text-transform:uppercase;letter-spacing:.5px;background:#f8f9fa;padding:12px 15px;font-size:12px}.rules-table td{border-bottom:1px solid #e9ecef;padding:12px 15px}.rules-table td code{background:#f8f9fa;border-radius:4px;padding:2px 6px;font-size:12px}.badge.severity-critical{color:#e74c3c;background:#fee}.badge.severity-high{color:#e67e22;background:#fff3cd}.badge.severity-medium{color:#27ae60;background:#e8f5e9}.badge.severity-low{color:#2196f3;background:#e3f2fd}.clients-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;display:grid}.client-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.client-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.client-header h3{color:#2c3e50;margin:0;font-size:16px}.client-body{padding:15px 20px}.client-body p{color:#495057;margin:8px 0;font-size:13px}.client-actions{border-top:1px solid #e9ecef;gap:8px;padding:12px 20px;display:flex}.blacklist-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.blacklist-table table{border-collapse:collapse;width:100%}.blacklist-table th{text-align:left;color:#495057;text-transform:uppercase;letter-spacing:.5px;background:#f8f9fa;padding:12px 15px;font-size:12px}.blacklist-table td{border-bottom:1px solid #e9ecef;padding:12px 15px}.settings-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.settings-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 10px #0000000d}.settings-card h3{color:#2c3e50;border-bottom:2px solid #f8f9fa;margin:0 0 20px;padding-bottom:15px;font-size:16px}.settings-card .form-group{margin-bottom:18px}.settings-card label{color:#495057;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.settings-card input[type=text],.settings-card input[type=number],.settings-card input[type=email],.settings-card input[type=password],.settings-card select,.settings-card textarea{box-sizing:border-box;border:2px solid #e9ecef;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.settings-card input:focus,.settings-card select:focus,.settings-card textarea:focus{border-color:#667eea;outline:none}.checkbox-label{cursor:pointer;align-items:center;gap:10px;display:flex!important}.checkbox-label input[type=checkbox]{width:18px;height:18px}.maintenance-actions{flex-direction:column;gap:10px;display:flex}.btn-maintenance{color:#495057;cursor:pointer;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;display:flex}.btn-maintenance:hover{color:#667eea;background:#e9ecef;border-color:#667eea}.btn-maintenance.danger{color:#dc3545;border-color:#dc3545}.btn-maintenance.danger:hover{color:#fff;background:#dc3545}.arl-header{border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;display:flex}.arl-header-left{align-items:center;gap:14px;display:flex}.arl-icon{color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex;box-shadow:0 4px 12px #f59e0b4d}.arl-header-left h3{color:#0f172a;margin:0;font-size:16px}.arl-header-left p{color:#64748b;margin:0;font-size:13px}.arl-toggle{cursor:pointer;width:48px;height:26px;display:inline-block;position:relative}.arl-toggle input{opacity:0;width:0;height:0}.arl-toggle-slider{background:#cbd5e1;border-radius:26px;transition:all .3s;position:absolute;inset:0}.arl-toggle-slider:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #00000026}.arl-toggle input:checked+.arl-toggle-slider{background:#10b981}.arl-toggle input:checked+.arl-toggle-slider:before{transform:translate(22px)}.arl-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;display:grid}.arl-label{color:#0f172a;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.arl-select-wrap select{color:#0f172a;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E") right 12px center no-repeat;border:2px solid #e2e8f0;border-radius:10px;width:100%;padding:10px 14px;font-size:14px;font-weight:500;transition:border-color .2s}.arl-select-wrap select:focus{border-color:#f59e0b;outline:none;box-shadow:0 0 0 3px #f59e0b1a}.arl-hint{color:#94a3b8;margin-top:6px;font-size:12px;display:block}.arl-stats-row{border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;padding:16px 0;display:grid}.arl-stat{text-align:center}.arl-stat-num{color:#0f172a;font-size:24px;font-weight:700;line-height:1.2;display:block}.arl-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:11px;display:block}.arl-footer{align-items:center;gap:12px;display:flex}.arl-saved{color:#10b981;align-items:center;gap:4px;font-size:13px;display:none}.arl-status{margin-left:auto}.arl-badge{border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.arl-badge.active{color:#059669;background:#ecfdf5}.arl-badge.active i{font-size:7px}.arl-badge.inactive{color:#64748b;background:#f1f5f9}.arl-badge.inactive i{font-size:7px}.connect-wrapper{max-width:960px}.connect-hero{text-align:center;opacity:0;background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%);border-radius:16px;margin-bottom:20px;padding:36px 24px 28px;animation:.5s forwards fadeInUp;position:relative;overflow:hidden}.connect-hero:before{content:"";pointer-events:none;background:radial-gradient(#2563eb26 0%,#0000 70%);width:140%;height:100%;position:absolute;top:-40%;left:-20%}.hero-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:16px;font-size:26px;display:inline-flex;position:relative;box-shadow:0 8px 24px #2563eb59}.connect-hero h2{color:#fff;margin-bottom:8px;font-size:22px;font-weight:700;position:relative}.connect-hero p{color:#94a3b8;max-width:520px;margin:0 auto;font-size:14px;line-height:1.6;position:relative}.flow-diagram{opacity:0;background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-bottom:20px;padding:20px;animation:.5s 50ms forwards fadeInUp;display:flex;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.flow-step{align-items:center;display:flex}.flow-node{white-space:nowrap;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 20px;font-size:12px;font-weight:600;display:flex}.flow-node i{font-size:20px}.flow-node.visitor{color:#475569;background:#f1f5f9}.flow-node.server{color:#2563eb;background:#eff6ff}.flow-node.waf{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 4px 12px #2563eb40}.flow-node.decision{background:0 0;padding:0}.decision-branch{gap:8px;display:flex}.branch-allow,.branch-block{border-radius:8px;align-items:center;gap:5px;padding:8px 14px;font-size:12px;font-weight:600;display:flex}.branch-allow{color:#059669;background:#ecfdf5}.branch-block{color:#dc2626;background:#fef2f2}.flow-arrow{color:#cbd5e1;flex-shrink:0;font-size:16px}.methods-grid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:20px;display:grid}.method-card{opacity:0;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;animation:.5s .1s forwards fadeInUp;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.method-header{background:#fafbfc;border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;padding:18px 20px;display:flex}.method-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.method-icon.proxy{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.method-header h3{color:#0f172a;margin:0;font-size:15px;font-weight:600}.method-header p{color:#94a3b8;margin:0;font-size:12px}.method-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;flex-shrink:0;margin-left:auto;padding:3px 10px;font-size:10px;font-weight:700}.method-badge.recommended{color:#059669;background:#ecfdf5}.method-badge.proxy-badge{color:#7c3aed;background:#f5f3ff}.method-body{flex-direction:column;flex:1;padding:18px 20px;display:flex}.method-steps{flex-direction:column;gap:12px;margin-bottom:18px;display:flex}.method-step{align-items:flex-start;gap:10px;display:flex}.ms-num{color:#2563eb;background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-top:1px;font-size:12px;font-weight:700;display:flex}.ms-num.proxy-num{color:#7c3aed;background:#f5f3ff}.method-step strong{color:#0f172a;margin-bottom:2px;font-size:13px;display:block}.method-step p{color:#64748b;margin:0;font-size:12px;line-height:1.5}.code-tabs{margin-top:auto}.tab-buttons{gap:4px;margin-bottom:0;display:flex}.tab-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px 8px 0 0;align-items:center;gap:5px;padding:7px 14px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.tab-btn:hover{color:#475569;background:#e2e8f0}.tab-btn.active{color:#e2e8f0;background:#0f172a}.tab-btn i{font-size:14px}.tab-content{display:none}.tab-content.active{display:block}.sub-tab{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px 6px 0 0;margin:0 2px;padding:5px 12px;font-size:11px;font-weight:500;transition:all .2s}.sub-tab:hover{background:#e2e8f0}.sub-tab.active{color:#e2e8f0;background:#1e293b}.sub-content{display:none}.sub-content.active{display:block}.code-block{background:#0f172a;border-radius:0 10px 10px;overflow:hidden}.code-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.code-lang{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.copy-btn{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:none;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;transition:all .2s;display:flex}.copy-btn:hover{color:#fff;background:#ffffff1f}.copy-btn.copied{color:#34d399;background:#10b98133}.code-block pre{margin:0;padding:14px 16px;font-size:12.5px;line-height:1.7;overflow-x:auto}.code-block code{color:#e2e8f0;background:0 0;padding:0;font-family:SF Mono,Cascadia Code,Fira Code,monospace;font-size:12.5px}.kw{color:#c084fc}.str{color:#34d399}.fn{color:#60a5fa}.cmt{color:#475569}.key{color:#7dd3fc}.num{color:#fbbf24}.bool{color:#f97316}.api-section{opacity:0;background:#fff;border:1px solid #e2e8f0;border-radius:14px;animation:.5s .2s forwards fadeInUp;overflow:hidden;box-shadow:0 1px 3px #0000000a}.section-header-bar{background:#fafbfc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.section-header-bar h3{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:600;display:flex}.section-header-bar h3 i{color:#2563eb}.api-base{color:#94a3b8;font-size:12px}.api-base code{background:#f1f5f9;border-radius:4px;padding:2px 8px;font-size:12px}.api-card{border-bottom:1px solid #f1f5f9;padding:16px 20px}.api-top{align-items:center;gap:10px;margin-bottom:14px;display:flex}.api-method{color:#fff;letter-spacing:.5px;border-radius:5px;padding:3px 10px;font-size:11px;font-weight:700}.api-method.post{background:#059669}.api-method.get{background:#2563eb}.api-endpoint{color:#0f172a;font-size:14px;font-weight:500}.api-desc{color:#64748b;margin-left:auto;font-size:13px}.api-details{grid-template-columns:1fr 1fr;gap:12px;display:grid}.api-label{text-transform:uppercase;letter-spacing:.6px;color:#94a3b8;margin-bottom:6px;font-size:10px;font-weight:600}.api-code{color:#e2e8f0;background:#0f172a;border-radius:8px;padding:10px 14px;font-family:SF Mono,Cascadia Code,monospace;font-size:11.5px;line-height:1.6;overflow-x:auto}.api-grid{grid-template-columns:repeat(3,1fr);gap:0;display:grid}.api-mini{border-right:1px solid #f1f5f9;flex-direction:column;gap:6px;padding:14px 20px;display:flex}.api-mini:last-child{border-right:none}.api-mini .api-method{align-self:flex-start}.api-mini code{color:#0f172a;font-size:13px;font-weight:500}.api-mini p{color:#64748b;margin:0;font-size:12px;line-height:1.4}.empty-state{text-align:center;color:#6c757d;background:#fff;border-radius:12px;padding:60px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1024px){.charts-grid,.quick-actions-section{grid-template-columns:1fr}.header-threat-badge{display:none}}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.active{display:block}.main-content{width:100%;margin-left:0;padding:14px 16px 24px}.header-left .menu-toggle{display:block}.header-left .breadcrumb,.header-left .header-page-icon,.header-right .user-pill .user-name,.header-clock{display:none}.stats-grid,.quick-actions-grid{grid-template-columns:1fr 1fr}.system-grid,.settings-grid,.arl-grid{grid-template-columns:1fr}.arl-stats-row{grid-template-columns:repeat(2,1fr)}.methods-grid,.api-details,.api-grid{grid-template-columns:1fr}.api-mini{border-bottom:1px solid #f1f5f9;border-right:none}.api-mini:last-child{border-bottom:none}.clients-grid{grid-template-columns:1fr}.top-attackers,.logs-table,.rules-table,.blacklist-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.top-attackers table,.logs-table table,.rules-table table,.blacklist-table table{min-width:600px}.filter-form{flex-direction:column}.filter-form input,.filter-form select{width:100%}.log-actions-bar{flex-wrap:wrap}.notification-panel{width:260px;right:-60px}.chart-card{padding:14px}.attack-progress .progress-bar{max-width:80px}}@media (width<=480px){.stats-grid,.quick-actions-grid{grid-template-columns:1fr}.header{flex-direction:column;align-items:flex-start;gap:10px}.header-right{justify-content:flex-end;width:100%}.header-clock{display:none}.top-attackers,.recent-activity{padding:14px}.activity-item .activity-time{min-width:50px;font-size:10px}.activity-item .activity-payload{max-width:200px}.flow-diagram{flex-wrap:wrap;justify-content:center;gap:4px;padding:14px 10px}.flow-arrow{display:none}.flow-node{padding:8px 12px;font-size:11px}.flow-node i{font-size:16px}.connect-hero{padding:24px 16px}.connect-hero h2{font-size:18px}.method-body{padding:14px}.method-header{flex-wrap:wrap;padding:14px}.method-badge{margin-left:0}.filter-form{flex-direction:column}.filter-form input,.filter-form select{width:100%}}#root{width:100%;max-width:100vw;overflow-x:hidden}a{color:inherit;text-decoration:none}.pro-badge{color:#fff;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:10px;margin-left:auto;padding:2px 8px;font-size:9px;font-weight:700}.sidebar-nav a.premium-nav{opacity:.65}.sidebar-nav a.premium-nav:hover{opacity:1}.premium-blur{position:relative}.premium-blur .chart-container,.premium-blur table,.premium-blur .activity-timeline{filter:blur(3px);pointer-events:none;-webkit-user-select:none;user-select:none}.premium-overlay-small{z-index:10;background:#ffffffb3;border-radius:14px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.upgrade-link{background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #2563eb4d;color:#fff!important}.upgrade-link:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2563eb66}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ease{syntax:"*";inherits:false}