@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&display=swap";:root{--bg: #07070a;--bg-subtle: #0d0d14;--surface: rgba(255, 255, 255, .03);--surface-hover: rgba(255, 255, 255, .07);--surface-active: rgba(255, 255, 255, .11);--glass-border: rgba(255, 255, 255, .05);--glass-border-hover: rgba(255, 255, 255, .1);--glass-shadow: 0 4px 30px rgba(0, 0, 0, .4);--glass-shadow-lg: 0 10px 50px rgba(0, 0, 0, .55);--primary: #4f46e5;--primary-light: #6366f1;--primary-bg: rgba(99, 102, 241, .08);--primary-glow: rgba(99, 102, 241, .2);--primary-border: rgba(99, 102, 241, .25);--text: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--success: #10b981;--success-bg: rgba(16, 185, 129, .08);--success-border: rgba(16, 185, 129, .2);--danger: #f43f5e;--danger-bg: rgba(244, 63, 94, .08);--danger-border: rgba(244, 63, 94, .2);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .08);--sidebar-w: 240px;--radius: 12px;--radius-sm: 8px;--radius-xs: 6px;--traffic-content-h: 100vh;--border: rgba(255, 255, 255, .07);--input-bg: rgba(255, 255, 255, .02);--bg-secondary: rgba(255, 255, 255, .015);--text-primary: #f9fafb;--accent: #6366f1;--font-mono: "DM Mono", "JetBrains Mono", "Fira Code", monospace;--bg-card: rgba(255, 255, 255, .025);--danger-glow: rgba(244, 63, 94, .15)}[data-theme=light]{--bg: #f3f4f6;--bg-subtle: #ffffff;--surface: rgba(0, 0, 0, .02);--surface-hover: rgba(0, 0, 0, .04);--surface-active: rgba(0, 0, 0, .07);--glass-border: rgba(0, 0, 0, .06);--glass-border-hover: rgba(0, 0, 0, .11);--glass-shadow: 0 4px 20px rgba(0, 0, 0, .05);--glass-shadow-lg: 0 8px 30px rgba(0, 0, 0, .08);--text: #1f2937;--text-secondary: #4b5563;--text-muted: #9ca3af;--primary: #4f46e5;--primary-light: #6366f1;--primary-bg: rgba(79, 70, 229, .05);--primary-glow: rgba(79, 70, 229, .12);--primary-border: rgba(79, 70, 229, .12);--success: #059669;--success-bg: rgba(5, 150, 105, .05);--danger: #dc2626;--danger-bg: rgba(220, 38, 38, .05);--warning: #d97706;--warning-bg: rgba(217, 119, 6, .05);--border: rgba(0, 0, 0, .08);--input-bg: #f9fafb;--bg-secondary: #f3f4f6;--text-primary: #111827;--bg-card: #ffffff;--danger-glow: rgba(220, 38, 38, .08);--success-border: rgba(5, 150, 105, .15);--danger-border: rgba(220, 38, 38, .15);--surface-active: rgba(0, 0, 0, .06)}[data-theme=light] .glass-panel{background:var(--bg-subtle);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--glass-shadow)}[data-theme=light] .sidebar{background:#ffffff73!important;border-right:1px solid rgba(0,0,0,.06)}[data-theme=light] .data-table th{background:#00000003}[data-theme=light] .form-input,[data-theme=light] select,[data-theme=light] textarea{background:var(--bg-subtle);border-color:var(--glass-border);color:var(--text)}[data-theme=light] .btn-secondary{background:#00000005;border-color:var(--glass-border);color:var(--text)}[data-theme=cyberpunk]{--bg: #07070d;--bg-subtle: #0b0b14;--surface: rgba(0, 255, 204, .03);--surface-hover: rgba(0, 255, 204, .06);--surface-active: rgba(0, 255, 204, .1);--glass-border: rgba(0, 255, 204, .08);--glass-border-hover: rgba(0, 255, 204, .18);--glass-shadow: 0 0 12px rgba(0, 255, 204, .08);--glass-shadow-lg: 0 0 24px rgba(0, 255, 204, .12);--text: #e0f7f5;--text-secondary: #00ffcc;--text-muted: #2f8e80;--primary: #00ffcc;--primary-light: #33ffdd;--primary-bg: rgba(0, 255, 204, .06);--primary-glow: rgba(0, 255, 204, .25);--primary-border: rgba(0, 255, 204, .3);--success: #00ff88;--success-bg: rgba(0, 255, 136, .06);--danger: #ff0055;--danger-bg: rgba(255, 0, 85, .06);--warning: #ffaa00;--warning-bg: rgba(255, 170, 0, .06);--border: rgba(0, 255, 204, .15);--bg-secondary: rgba(0, 255, 204, .02);--text-primary: #e0f7f5;--success-border: rgba(0, 255, 136, .2);--danger-border: rgba(255, 0, 85, .2);--surface-active: rgba(0, 255, 204, .12);--bg-card: rgba(0, 255, 204, .03)}[data-theme=cyberpunk] body{font-family:DM Mono,monospace}[data-theme=cyberpunk] body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(0,255,204,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,204,.02) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}[data-theme=cyberpunk] body:after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px);pointer-events:none;z-index:9999}[data-theme=cyberpunk] .btn-primary{box-shadow:0 0 12px #00ffcc4d;text-shadow:0 0 8px rgba(0,255,204,.4)}[data-theme=cyberpunk] .btn-primary:hover{box-shadow:0 0 20px #00ffcc80,0 0 40px #00ffcc26}[data-theme=cyberpunk] .stat-card:hover{box-shadow:0 0 16px #0fc3;border-color:#00ffcc4d}[data-theme=cyberpunk] .sidebar-link.active{box-shadow:inset 3px 0 #0fc;text-shadow:0 0 6px rgba(0,255,204,.4)}[data-theme=cyberpunk] input:focus,[data-theme=cyberpunk] select:focus,[data-theme=cyberpunk] textarea:focus{box-shadow:0 0 0 2px #00ffcc26,0 0 12px #00ffcc26;border-color:#00ffcc4d}[data-theme=cyberpunk] .badge-success{animation:neonPulse 2s ease-in-out infinite}[data-theme=cyberpunk] .sidebar-logo-icon{background:linear-gradient(135deg,#0fc,#f0f);box-shadow:0 0 12px #00ffcc4d}@keyframes neonPulse{0%,to{box-shadow:0 0 4px #00ff884d}50%{box-shadow:0 0 12px #0f89}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13.5px;line-height:1.5;scroll-behavior:smooth;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;letter-spacing:-.3px;color:var(--text);font-weight:600}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;background:none;border:none;color:inherit}.glass-panel{background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius);padding:22px;transition:border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:var(--glass-shadow)}.glass-panel:hover{border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-lg)}.sidebar{width:var(--sidebar-w);display:flex;flex-direction:column;padding:24px 14px;position:fixed;left:0;top:0;bottom:0;z-index:50;background:#0d0d1466!important;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border-right:1px solid var(--glass-border);transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar:before{content:"";position:absolute;top:-150px;left:-150px;width:400px;height:400px;border-radius:50%;z-index:-1;background:radial-gradient(circle,var(--sidebar-color-1, var(--primary-bg)) 0%,transparent 70%);filter:blur(65px);opacity:.6;mix-blend-mode:screen;transition:background .4s ease;animation:sidebar-aurora-1 26s infinite ease-in-out;will-change:transform;pointer-events:none}[data-theme=light] .sidebar:before{mix-blend-mode:multiply;opacity:.22}.sidebar:after{content:"";position:absolute;bottom:-150px;right:-150px;width:450px;height:450px;border-radius:50%;z-index:-2;background:radial-gradient(circle,var(--sidebar-color-2, rgba(99, 102, 241, .08)) 0%,transparent 70%);filter:blur(65px);opacity:.6;mix-blend-mode:screen;transition:background .4s ease;animation:sidebar-aurora-2 32s infinite ease-in-out;will-change:transform;pointer-events:none}[data-theme=light] .sidebar:after{mix-blend-mode:multiply;opacity:.22}@keyframes sidebar-aurora-1{0%{transform:translate(0)}33%{transform:translate(60px,140px)}66%{transform:translate(-40px,260px)}to{transform:translate(0)}}@keyframes sidebar-aurora-2{0%{transform:translate(0)}33%{transform:translate(-80px,-160px)}66%{transform:translate(50px,-300px)}to{transform:translate(0)}}.sidebar-logo{display:flex;align-items:center;gap:12px;padding:6px 10px;margin-bottom:32px}.sidebar-logo-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px var(--primary-glow);transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-logo:hover .sidebar-logo-icon{transform:rotate(5deg) scale(1.05)}.sidebar-logo span{font-family:Outfit,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#ffffff,var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-logo span.logo-panel-text{background:none!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:initial!important;color:var(--text)!important}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.sidebar-link{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:500;color:var(--text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.sidebar-link:hover{color:var(--text-primary);background:var(--surface-hover)}.sidebar-link.active{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-color:#ffffff1a;font-weight:600;box-shadow:0 4px 15px var(--primary-glow)}.sidebar-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);padding:20px 14px 8px}.sidebar-user{border-top:1px solid var(--glass-border);padding-top:16px;margin-top:12px;display:flex;align-items:center;gap:12px}.sidebar-avatar{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 2px 8px var(--primary-glow)}.btn,.btn-icon,.sidebar-link,.data-table tbody tr,.badge{transition:all .2s cubic-bezier(.4,0,.2,1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 18px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent;white-space:nowrap;letter-spacing:.2px}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border:none;box-shadow:0 4px 12px var(--primary-glow)}.btn-primary:hover{box-shadow:0 6px 20px var(--primary-glow);filter:brightness(1.1)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--glass-border)}.btn-secondary:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--glass-border-hover)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text-secondary);padding:6px 12px}.btn-ghost:hover{background:var(--surface-hover);color:var(--text-primary)}.btn-danger{color:#fff!important;background:linear-gradient(135deg,var(--danger),#f43f5e)!important;border:none!important;box-shadow:0 4px 12px var(--danger-glow)!important}.btn-danger:hover{box-shadow:0 6px 18px var(--danger-glow)!important;filter:brightness(1.1)}.btn-sm{padding:6px 12px;font-size:12px;border-radius:var(--radius-xs)}.btn-icon{background:var(--surface);color:var(--text-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-xs);padding:7px;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-icon:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--glass-border-hover)}input:not([type=checkbox]),select,textarea{width:100%;background:var(--input-bg);border:1px solid var(--glass-border);color:var(--text);padding:10px 16px;border-radius:var(--radius-sm);font-family:inherit;font-size:13px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}input:not([type=checkbox]):focus,select:focus,textarea:focus{outline:none;background:var(--surface-hover);border-color:var(--primary-light);box-shadow:0 0 0 3px var(--primary-glow)}input:not([type=checkbox])::placeholder,textarea::placeholder{color:var(--text-muted)}input[type=checkbox]:not(.switch input){-webkit-appearance:none;appearance:none;width:15px;height:15px;border:1px solid var(--glass-border);border-radius:4px;outline:none;background:#ffffff08;cursor:pointer;position:relative;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}input[type=checkbox]:not(.switch input):hover{border-color:var(--primary-light);background:#ffffff14}input[type=checkbox]:not(.switch input):checked{background:var(--primary);border-color:var(--primary)}input[type=checkbox]:not(.switch input):checked:after{content:"";width:8px;height:4px;border-left:2.5px solid #ffffff;border-bottom:2.5px solid #ffffff;transform:rotate(-45deg) translate(.5px,-.5px);position:absolute}[data-theme=light] input[type=checkbox]:not(.switch input){background:#fff;border-color:#d1d5db}[data-theme=light] input[type=checkbox]:not(.switch input):hover{background:#f9fafb;border-color:var(--primary-light)}[data-theme=light] input[type=checkbox]:not(.switch input):checked{background:var(--primary);border-color:var(--primary)}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);padding:10px 8px;border-bottom:1px solid var(--glass-border);position:sticky;top:0;background:var(--bg-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.data-table td{padding:10px 8px;font-size:13px;border-bottom:1px solid var(--glass-border);color:var(--text-secondary);vertical-align:middle}.data-table tr{transition:background-color .2s ease,transform .2s ease}.data-table tr:hover td{background:var(--surface-hover);color:var(--text-primary)}.data-table tbody tr{animation:fadeInUp .3s cubic-bezier(.4,0,.2,1) both}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11.5px;font-weight:600;line-height:1}.badge-success{color:var(--success);background:var(--success-bg);border:1px solid var(--success-border)}.badge-danger{color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-border)}.badge-warning{color:var(--warning);background:var(--warning-bg);border:1px solid rgba(245,158,11,.15)}.badge-primary{color:var(--primary-light);background:var(--primary-bg);border:1px solid var(--primary-border)}.badge-muted{color:var(--text-muted);background:var(--surface);border:1px solid var(--glass-border)}.stat-card{display:flex;flex-direction:row;align-items:center;gap:12px;padding:10px 14px;background:var(--surface);border:1px solid var(--glass-border);border-radius:var(--radius);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--glass-shadow);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--glow-color, linear-gradient(90deg, var(--primary), var(--primary-light)));opacity:0;transition:opacity .3s ease}.stat-card:hover{border-color:var(--glow-color, var(--glass-border-hover));box-shadow:var(--glass-shadow-lg)!important}.stat-card:hover:before{opacity:1}.stat-card-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease}.stat-card:hover .stat-card-icon{transform:scale(1.05)}.stat-card-info{display:flex;flex-direction:column;gap:1px;min-width:0}.stat-card-value{font-family:Outfit,sans-serif;font-size:16.5px;font-weight:700;line-height:1.1;color:var(--text-primary);letter-spacing:-.3px}.stat-card-label{font-size:9.5px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.field-label{display:block;font-size:12px;font-weight:500;color:var(--text-muted);margin-bottom:4px}.modal-overlay{position:fixed;top:0;left:var(--sidebar-w);right:0;bottom:0;z-index:9999;background:#0009;-webkit-backdrop-filter:blur(8px) saturate(140%);backdrop-filter:blur(8px) saturate(140%);display:flex;align-items:center;justify-content:center;animation:fadeIn .25s ease-out}.modal-content{background:var(--bg-subtle);border:1px solid var(--glass-border);border-radius:var(--radius);padding:28px;width:90%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--glass-shadow-lg);animation:modalEnter .3s cubic-bezier(.34,1.56,.64,1)}.modal-title{font-size:20px;font-weight:800;color:var(--text-primary);letter-spacing:-.5px;margin-bottom:20px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-header h3{font-size:17px;font-weight:700;color:var(--text-primary)}.modal-body{display:flex;flex-direction:column;gap:14px;overflow-y:auto;flex:1}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--glass-border);margin-bottom:24px}.tab{padding:10px 20px;font-size:13.5px;font-weight:600;color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;background:transparent;border-top:none;border-left:none;border-right:none;position:relative;bottom:-1px}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--primary-light);border-bottom-color:var(--primary)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.page-title{font-size:24px;font-weight:800;letter-spacing:-.5px;color:var(--text-primary);display:flex;align-items:center;gap:8px}.page-subtitle{font-size:13.5px;color:var(--text-muted);margin-top:4px}.switch{position:relative;display:inline-block;width:42px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background:var(--surface-active);transition:.25s cubic-bezier(.4,0,.2,1);border-radius:24px;border:1px solid var(--glass-border)}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background:var(--text-muted);transition:.25s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 1px 3px #0006}input:checked+.slider{background:var(--primary);border-color:var(--primary-light)}input:checked+.slider:before{transform:translate(18px);background:#fff}.search-input-wrap{position:relative}.search-input-wrap svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input-wrap input{padding-left:40px}.gradient-text{background:linear-gradient(135deg,var(--primary),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.online{background:var(--success);box-shadow:0 0 8px var(--success)}.status-dot.offline{background:var(--danger);box-shadow:0 0 8px var(--danger)}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-hover) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:14px;margin-bottom:8px}.skeleton-card{height:100px;border-radius:var(--radius)}.skeleton-row{height:48px;margin-bottom:4px}.skeleton-shimmer{position:relative;overflow:hidden}.skeleton-shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);animation:shimmer 1.5s infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes progress-scan{0%{background-position:-200% 0}to{background-position:200% 0}}.health-progress-bar{background:linear-gradient(90deg,transparent,var(--primary),transparent);background-size:50% 100%;background-repeat:no-repeat}.fade-in{animation:fadeInUp .3s cubic-bezier(.4,0,.2,1) both}.spin{animation:spin 1s linear infinite}*{scrollbar-width:thin;scrollbar-color:var(--glass-border-hover) transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-border-hover);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%);top:-200px;right:-100px;pointer-events:none}.login-page:after{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);bottom:-200px;left:-100px;pointer-events:none}.login-card{width:380px;padding:36px;background:var(--bg-subtle);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--glass-shadow-lg);position:relative;z-index:1}.content-area{margin-left:var(--sidebar-w);padding:30px 36px 24px;min-height:100vh;min-width:0}@media(min-width:769px){.content-area-full{margin-left:72px!important;padding:0!important}.sidebar.collapsed{width:72px!important;padding:20px 6px!important;transition:width .25s cubic-bezier(.4,0,.2,1),padding .25s cubic-bezier(.4,0,.2,1);overflow:visible!important}.sidebar.collapsed .sidebar-logo>span:not(.sidebar-logo-icon),.sidebar.collapsed .sidebar-section-label,.sidebar.collapsed .sidebar-user span{display:none!important}.sidebar.collapsed .sidebar-logo{justify-content:center;padding:4px 0!important}.sidebar.collapsed .sidebar-link{flex-direction:column;justify-content:center;align-items:center;gap:5px!important;padding:10px 2px!important;text-align:center}.sidebar.collapsed .sidebar-link span{display:block!important;font-size:8.5px!important;font-weight:600;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.sidebar.collapsed .sidebar-link.active span{color:#fff!important}.sidebar.collapsed .sidebar-link span:nth-of-type(2){display:none!important}.sidebar.collapsed .theme-switcher{flex-direction:column;align-items:center;gap:4px}.sidebar.collapsed .sidebar-user{flex-direction:column;gap:12px;align-items:center;padding-top:12px!important}}@media(max-width:768px){.content-area-full{margin-left:0!important;padding:0!important}}.content-inner{width:100%}.content-inner-full{max-width:none!important;width:100%!important;margin:0!important}.file-row:hover{background:var(--surface-hover)!important}.domain-row{cursor:pointer;transition:background .15s}.domain-row:hover td{background:var(--surface-hover)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted);text-align:center}.empty-state svg{opacity:.25;margin-bottom:12px}.modal-sm{max-width:400px}.modal-md{max-width:520px}.modal-lg{max-width:680px}.modal-xl{max-width:960px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-muted);text-align:center;gap:8px}.empty-state h3{font-size:15px;color:var(--text-secondary);margin-top:8px}.empty-state p{font-size:13px;color:var(--text-muted);max-width:300px}.theme-switcher{display:flex;gap:2px;background:var(--surface);border:1px solid var(--glass-border);border-radius:8px;padding:2px}.theme-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.theme-btn:hover{color:var(--text);background:var(--surface-hover)}.theme-btn.active{color:var(--primary);background:var(--primary-bg)}.page-transition{animation:pageEnter .3s cubic-bezier(.4,0,.2,1)}@keyframes pageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes modalEnter{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.data-table tbody tr:nth-child(1){animation-delay:0s}.data-table tbody tr:nth-child(2){animation-delay:.02s}.data-table tbody tr:nth-child(3){animation-delay:.04s}.data-table tbody tr:nth-child(4){animation-delay:.06s}.data-table tbody tr:nth-child(5){animation-delay:.08s}.data-table tbody tr:nth-child(n+6){animation-delay:.1s}:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}@media(max-width:768px){:root{--traffic-content-h: calc(100vh - 48px) }body{overflow-x:hidden}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:200;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);width:260px!important;box-shadow:4px 0 24px #00000080;background:var(--bg-subtle)!important}.sidebar.open{transform:translate(0)}.content-area{margin-left:0!important;width:100%!important;padding:0 12px 60px!important}.content-inner{padding:12px 0!important}.mobile-header{display:flex!important;position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--glass-border);padding:10px 12px;align-items:center;gap:10px;margin:-12px -12px 12px}.mobile-header .hamburger{background:transparent;border:1px solid var(--glass-border);border-radius:8px;padding:7px 9px;color:var(--text);cursor:pointer}.mobile-header .title{font-size:15px;font-weight:600;flex:1}.mobile-backdrop{display:none;position:fixed;inset:0;background:#00000080;z-index:150}.mobile-backdrop.show{display:block}.stat-grid,[style*="grid-template-columns: repeat(6"],[style*="grid-template-columns: repeat(5"],[style*="grid-template-columns: repeat(4"]{grid-template-columns:repeat(2,1fr)!important}[style*="grid-template-columns: repeat(3"],[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}table{font-size:12px!important}.table-wrap,[class*=table-wrap]{overflow-x:auto;-webkit-overflow-scrolling:touch}.glass-panel{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.modal-overlay{left:0!important}.modal-content{max-width:100vw!important;max-height:100vh!important;width:100vw!important;height:100vh!important;border-radius:0!important}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}.page-title,h1{font-size:20px!important}.btn{padding:9px 14px!important;font-size:13px!important}input[type=text],input[type=password],input[type=email],textarea,select{font-size:16px!important}}@media(min-width:769px){.mobile-header,.mobile-backdrop{display:none!important}}@media(max-width:1024px)and (min-width:769px){.sidebar{width:180px!important}[style*="grid-template-columns: repeat(6"]{grid-template-columns:repeat(3,1fr)!important}}@keyframes phoenix-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.phoenix-animated-gradient{background:linear-gradient(135deg,#ef4444,#f97316,#f59e0b,#ef4444)!important;background-size:300% 300%!important;animation:phoenix-flow 4s ease infinite!important}.phoenix-text-gradient{background:linear-gradient(135deg,#f59e0b,#f97316,#ef4444,#f59e0b)!important;background-size:300% 300%!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:phoenix-flow 4s ease infinite!important;display:inline-block}[data-server-accent=phoenix]{--primary: #f97316 !important;--primary-light: #fb923c !important;--primary-bg: rgba(249, 115, 22, .08) !important;--primary-glow: rgba(249, 115, 22, .2) !important;--primary-border: rgba(249, 115, 22, .25) !important;--accent-gradient: linear-gradient(135deg, #ef4444, #f97316, #f59e0b) !important}[data-server-accent=red]{--primary: #dc2626 !important;--primary-light: #f87171 !important;--primary-bg: rgba(220, 38, 38, .08) !important;--primary-glow: rgba(220, 38, 38, .2) !important;--primary-border: rgba(220, 38, 38, .25) !important;--accent-gradient: linear-gradient(135deg, #dc2626, #991b1b) !important}[data-server-accent=orange]{--primary: #f38020 !important;--primary-light: #fb923c !important;--primary-bg: rgba(243, 128, 32, .08) !important;--primary-glow: rgba(243, 128, 32, .2) !important;--primary-border: rgba(243, 128, 32, .25) !important;--accent-gradient: linear-gradient(135deg, #f38020, #c2410c) !important}[data-server-accent=green]{--primary: #22c55e !important;--primary-light: #4ade80 !important;--primary-bg: rgba(34, 197, 94, .08) !important;--primary-glow: rgba(34, 197, 94, .2) !important;--primary-border: rgba(34, 197, 94, .25) !important;--accent-gradient: linear-gradient(135deg, #22c55e, #15803d) !important}[data-server-accent=indigo]{--primary: #4f46e5 !important;--primary-light: #6366f1 !important;--primary-bg: rgba(99, 102, 241, .08) !important;--primary-glow: rgba(99, 102, 241, .2) !important;--primary-border: rgba(99, 102, 241, .25) !important;--accent-gradient: linear-gradient(135deg, #6366f1, #4f46e5) !important}[data-server-accent=rose]{--primary: #db2777 !important;--primary-light: #f472b6 !important;--primary-bg: rgba(219, 39, 119, .08) !important;--primary-glow: rgba(219, 39, 119, .2) !important;--primary-border: rgba(219, 39, 119, .25) !important;--accent-gradient: linear-gradient(135deg, #db2777, #9d174d) !important}[data-server-accent=cyan]{--primary: #0891b2 !important;--primary-light: #22d3ee !important;--primary-bg: rgba(8, 145, 178, .08) !important;--primary-glow: rgba(8, 145, 178, .2) !important;--primary-border: rgba(8, 145, 178, .25) !important;--accent-gradient: linear-gradient(135deg, #0891b2, #075985) !important}[data-server-accent=purple]{--primary: #9333ea !important;--primary-light: #c084fc !important;--primary-bg: rgba(147, 51, 234, .08) !important;--primary-glow: rgba(147, 51, 234, .2) !important;--primary-border: rgba(147, 51, 234, .25) !important;--accent-gradient: linear-gradient(135deg, #9333ea, #6b21a8) !important}[data-server-accent=amber]{--primary: #d97706 !important;--primary-light: #fbbf24 !important;--primary-bg: rgba(217, 119, 6, .08) !important;--primary-glow: rgba(217, 119, 6, .2) !important;--primary-border: rgba(217, 119, 6, .25) !important;--accent-gradient: linear-gradient(135deg, #d97706, #92400e) !important}.aurora-bg{position:fixed;inset:0;z-index:-10;overflow:hidden;pointer-events:none;background:var(--bg);transition:background .4s ease}.aurora-sphere{position:absolute;border-radius:50%;filter:blur(120px);opacity:.12;mix-blend-mode:screen;animation:aurora-move 28s infinite ease-in-out;will-change:transform}[data-theme=light] .aurora-sphere{opacity:.04;mix-blend-mode:multiply;filter:blur(160px)}.aurora-sphere-1{top:-15%;left:-10%;width:55vw;height:55vw;background:radial-gradient(circle,var(--primary) 0%,transparent 75%);animation-duration:32s}.aurora-sphere-2{bottom:-15%;right:-10%;width:60vw;height:60vw;background:radial-gradient(circle,var(--primary-light) 0%,transparent 75%);animation-duration:36s;animation-delay:-6s}.aurora-sphere-3{top:35%;left:45%;width:45vw;height:45vw;background:radial-gradient(circle,var(--success) 0%,transparent 75%);animation-duration:24s;animation-delay:-12s;opacity:.06}@keyframes aurora-move{0%{transform:translate(0) scale(1) rotate(0)}50%{transform:translate(6%,3%) scale(1.08) rotate(180deg)}to{transform:translate(0) scale(1) rotate(360deg)}}.server-dropdown-toggle{width:100%;padding:8px 12px;border-radius:6px;background:#ffffff0a!important;border:1px solid var(--glass-border)!important;color:var(--text)!important;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000001a}.server-dropdown-toggle:hover{background:#ffffff17!important;border-color:var(--primary-border)!important;box-shadow:0 0 12px var(--primary-bg)}[data-theme=light] .server-dropdown-toggle{background:#00000008!important;color:var(--text-primary)!important}[data-theme=light] .server-dropdown-toggle:hover{background:#0000000f!important}.server-accordion-menu{display:flex;flex-direction:column;gap:3px;padding:6px;margin-top:6px;background:#ffffff05;border:1px solid var(--glass-border);border-radius:6px;animation:accordion-slide-down .25s cubic-bezier(.4,0,.2,1);overflow:hidden}[data-theme=light] .server-accordion-menu{background:#00000005}.server-dropdown-menu.collapsed-menu{position:absolute;top:0;left:100%!important;right:auto!important;margin-left:8px;margin-top:0;z-index:1000;background:#14141ced!important;border:1px solid var(--glass-border)!important;border-radius:8px;box-shadow:0 10px 30px #00000080;backdrop-filter:blur(20px) saturate(140%)!important;-webkit-backdrop-filter:blur(20px) saturate(140%)!important;padding:6px;display:flex;flex-direction:column;gap:3px;min-width:170px;transform-origin:left center;animation:dropdown-appear-left .2s cubic-bezier(.4,0,.2,1)}[data-theme=light] .server-dropdown-menu.collapsed-menu{background:#fffffff5!important;box-shadow:0 10px 30px #0000001f}@keyframes dropdown-appear-left{0%{opacity:0;transform:scale(.95) translate(-8px)}to{opacity:1;transform:scale(1) translate(0)}}.server-dropdown-header{padding:6px 10px;font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px}.server-dropdown-item{padding:8px 10px;border-radius:5px;display:flex;align-items:center;justify-content:space-between;text-decoration:none;font-size:12px;color:var(--text-secondary)!important;background:transparent;transition:all .15s ease;cursor:pointer}.server-dropdown-item:hover{color:var(--text)!important;background:#ffffff0d!important}.server-dropdown-item.active{color:var(--text)!important;background:var(--primary-bg)!important;border-left:3px solid var(--primary);padding-left:7px}[data-theme=light] .server-dropdown-item:hover{background:#0000000a!important}[data-theme=light] .server-dropdown-item.active{background:#6366f11a!important}.server-select-btn{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--surface);color:var(--text-muted);border:1px solid var(--glass-border);cursor:pointer;transition:all .2s}.server-select-btn:hover,.server-select-btn.active{background:var(--primary-bg);color:var(--primary-light);border-color:var(--primary-border);box-shadow:0 0 10px var(--primary-bg)}.registrar-sidebar{width:200px;flex-shrink:0;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius) 0 0 var(--radius);padding:12px 0;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.registrar-nav-btn{display:flex;align-items:center;gap:10px;padding:10px 18px;border:none;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;text-align:left}.registrar-nav-btn:hover{background:var(--surface-hover);color:var(--text)}.registrar-nav-btn.active{background:var(--primary-bg);color:var(--primary-light);border-left-color:var(--primary);font-weight:600}.registrar-content-panel{flex:1;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-left:none;border-radius:0 var(--radius) var(--radius) 0;padding:24px;overflow-y:auto;min-height:400px}.seo-sidebar{width:200px;flex-shrink:0;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius) 0 0 var(--radius);padding:12px 0;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.seo-nav-btn{display:flex;align-items:center;gap:10px;padding:10px 18px;border:none;background:transparent;color:var(--text-secondary);font-size:12.5px;font-weight:500;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent;text-align:left}.seo-nav-btn:hover{background:var(--surface-hover);color:var(--text)}.seo-nav-btn.active-google{background:#4285f414!important;color:#4285f4!important;border-left-color:#4285f4!important;font-weight:600}.seo-nav-btn.active-bing{background:#0078d414!important;color:#0078d4!important;border-left-color:#0078d4!important;font-weight:600}.seo-content-panel{flex:1;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-left:none;border-radius:0 var(--radius) var(--radius) 0;padding:24px;overflow-y:auto;min-height:400px}.traffic-sidebar{width:280px;background:#0d0d1466!important;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;padding:24px 16px;position:sticky;top:0;height:var(--traffic-content-h, 100vh);flex-shrink:0;z-index:10}.traffic-sidebar-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--text-secondary);font-size:12.5px;font-weight:550;cursor:pointer;background:transparent;border:1px solid transparent;text-align:left;width:100%;transition:all .2s;outline:none}.traffic-sidebar-link:hover{background:var(--surface-hover);color:var(--text-primary)}.traffic-sidebar-link.active{background:var(--primary-bg);border-color:var(--primary-border);color:var(--primary)}.traffic-sidebar-link .sidebar-link-icon{color:var(--text-muted);transition:color .2s;flex-shrink:0}.traffic-sidebar-link:hover .sidebar-link-icon{color:var(--text-primary)}.traffic-sidebar-link.active .sidebar-link-icon{color:var(--primary-light)}.traffic-sidebar:before{content:"";position:absolute;top:-150px;left:-150px;width:350px;height:350px;border-radius:50%;z-index:-1;background:radial-gradient(circle,var(--primary-bg) 0%,transparent 70%);filter:blur(65px);opacity:.75;mix-blend-mode:screen;transition:background .4s ease;pointer-events:none}[data-theme=light] .traffic-sidebar{background:#ffffff73!important;border-right:1px solid rgba(0,0,0,.06);color:var(--text-primary)!important}[data-theme=light] .traffic-sidebar:before{opacity:.15;mix-blend-mode:multiply}[data-theme=light] .traffic-dropdown-menu{background:#fffffffa;box-shadow:0 10px 30px #00000014}[data-theme=light] .traffic-dropdown-item:hover{background:var(--surface-hover)!important;color:var(--text-primary)!important}[data-theme=light] .traffic-dropdown-item.active{background:var(--surface-active)!important;color:var(--primary)!important;border-left-color:var(--primary)!important}[data-theme=light] .traffic-dropdown-menu div::-webkit-scrollbar-thumb{background:#0000001a}[data-theme=light] .traffic-dropdown-menu div::-webkit-scrollbar-thumb:hover{background:#0003}[data-theme=light] .sidebar-select-trigger{background:var(--bg-secondary)!important;color:var(--text-primary)!important}[data-theme=light] .sidebar-select-trigger:hover,[data-theme=light] .sidebar-select-trigger.open{background:var(--surface-hover)!important;border-color:var(--glass-border-hover)!important}[data-theme=light] .sidebar-arrow-btn{background:var(--bg-secondary);color:var(--text-secondary)}[data-theme=light] .sidebar-arrow-btn:hover{background:var(--surface-hover);color:var(--primary)}.sidebar-select-trigger{width:100%;height:38px;padding:8px 12px;border-radius:6px;background:#00000040!important;border:1px solid var(--glass-border)!important;color:var(--text)!important;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:12px;font-weight:550;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000001a;outline:none}.sidebar-select-trigger:hover,.sidebar-select-trigger.open{background:#00000059!important;border-color:#fff3!important;box-shadow:0 0 10px #ffffff0d}.sidebar-arrow-btn{width:38px;height:38px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:#00000040;color:var(--text-secondary);border:1px solid var(--glass-border);cursor:pointer;transition:all .2s;flex-shrink:0;outline:none}.sidebar-arrow-btn:hover{background:#00000059;color:#fff;border-color:var(--primary-light);box-shadow:0 0 8px var(--primary-bg)}.traffic-dropdown-menu{position:absolute;top:100%;left:0;z-index:50;display:flex;flex-direction:column;gap:8px;padding:8px;margin-top:4px;background:#14141cf2;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid var(--glass-border);border-radius:8px;animation:accordion-slide-down .2s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 10px 30px #0009;width:320px}.traffic-dropdown-menu div::-webkit-scrollbar{width:4px}.traffic-dropdown-menu div::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.traffic-dropdown-menu div::-webkit-scrollbar-thumb:hover{background:#fff3}.traffic-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0;padding:7px 10px;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;text-align:left;transition:all .15s}.traffic-dropdown-item:hover{background:#ffffff0a!important;color:#fff!important}.traffic-dropdown-item.active{background:#ffffff14!important;color:#fff!important;font-weight:600;border-left:2px solid rgba(255,255,255,.3)!important;padding-left:8px!important}.segmented-control{display:flex;gap:4px;background:var(--bg-subtle);padding:3px;border-radius:8px;border:1px solid var(--glass-border);width:fit-content}.segmented-btn{padding:5px 14px;border-radius:6px;border:none;font-size:12px;font-weight:600;cursor:pointer;background:transparent;color:var(--text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:6px}.segmented-btn:hover:not(.active){background:var(--surface-hover);color:var(--text)}.segmented-btn.active-google{background:#4285f4!important;color:#fff!important;box-shadow:0 2px 8px #4285f440}.segmented-btn.active-bing{background:#0078d4!important;color:#fff!important;box-shadow:0 2px 8px #0078d440}.segmented-control-sm{padding:2.5px;border-radius:7px}.segmented-btn-sm{padding:4px 10px;font-size:11px;border-radius:5px}.settings-container{display:flex;flex-direction:column;gap:20px;width:100%;margin-bottom:40px}.settings-section-header{display:flex;align-items:center;gap:12px}.settings-icon-wrapper{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.preset-item-card{padding:14px 18px;background:#ffffff03;border:1px solid var(--glass-border);border-radius:var(--radius);transition:all .2s cubic-bezier(.4,0,.2,1)}.preset-item-card:hover{border-color:var(--glass-border-hover);background:#ffffff05;box-shadow:0 4px 12px #0000001a}.terminal-window{margin-top:12px;background:#0a0a0fd9;border:1px solid var(--glass-border);border-radius:8px;overflow:hidden;box-shadow:inset 0 0 10px #00000080,0 6px 16px #0000004d}.terminal-header{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.05)}.terminal-dot{width:10px;height:10px;border-radius:50%}.terminal-dot.close{background:#ff5f56}.terminal-dot.minimize{background:#ffbd2e}.terminal-dot.expand{background:#27c93f}.terminal-title{margin-left:8px;font-family:monospace;font-size:11px;color:var(--text-muted)}.terminal-content{padding:12px 16px;font-size:11px;font-family:Fira Code,Courier New,Courier,monospace;color:#38bdf8;white-space:pre-wrap;max-height:250px;overflow-y:auto;line-height:1.5}.terminal-content::-webkit-scrollbar{width:6px;height:6px}.terminal-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.terminal-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.color-picker-grid{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:6px 0}.color-picker-dot{width:34px;height:34px;border-radius:50%;border:2px solid rgba(255,255,255,.1);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.color-picker-dot:hover{transform:scale(1.12);border-color:#ffffff4d;box-shadow:0 4px 12px #00000040}.color-picker-dot.active{border-color:#fff;outline:2px solid var(--primary-light);transform:scale(1.12);box-shadow:0 6px 16px #00000059;z-index:2}.color-picker-custom{display:flex;align-items:center;justify-content:center;font-size:14px;background:linear-gradient(135deg,#ef4444,#3b82f6,#10b981,#f59e0b)}.branding-gradient-bar{height:34px;border-radius:6px;border:1px solid var(--glass-border);box-shadow:inset 0 1px 3px #0003;min-width:160px;flex:1}.server-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;background:#00000026;padding:16px;border-radius:var(--radius);border:1px solid var(--glass-border)}.server-form-grid-item{display:flex;flex-direction:column;gap:6px}.server-form-grid-actions{display:flex;align-items:flex-end;justify-content:flex-end}.flex-column{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.flex-align-center{display:flex;align-items:center}.flex-justify-between{display:flex;justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-14{gap:14px}.gap-16{gap:16px}.gap-20{gap:20px}.flex-1{flex:1}.cursor-pointer{cursor:pointer}.w-100{width:100%}.m-0{margin:0}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.p-0{padding:0}.align-self-start{align-self:flex-start}.font-monospace{font-family:monospace}.text-uppercase{text-transform:uppercase}.preset-name{font-weight:600;font-size:13px;color:var(--text)}.preset-meta{font-size:11.5px;color:var(--text-secondary);margin-top:4px}.section-title{font-size:14px;font-weight:600;margin:0}.section-subtitle{font-size:11.5px;color:var(--text-secondary);margin:2px 0 0}.color-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.account-label{font-weight:600;font-size:13px;color:var(--text)}.account-preview{color:var(--text-muted);font-size:11.5px}.btn-danger-text{font-size:11.5px!important;padding:4px 10px!important;color:var(--danger)!important;border-color:transparent!important;background:transparent!important}.btn-danger-text:hover{background:#ef44441a!important;border-color:#ef444433!important}.color-input-field{width:44px;height:34px;padding:2px;border:1px solid var(--glass-border);border-radius:6px;cursor:pointer;background:none}.settings-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start;width:100%}@media(max-width:1024px){.settings-grid-layout{grid-template-columns:1fr}}.retention-progress-bg{width:100px;height:6px;border-radius:3px;background:#ffffff0d;overflow:hidden;display:inline-block;vertical-align:middle}.retention-progress-bar{height:100%;border-radius:3px;transition:width .3s ease}.retention-progress-bar.safe{background:linear-gradient(90deg,#10b981,#34d399);box-shadow:0 0 6px #10b98166}.retention-progress-bar.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24);box-shadow:0 0 6px #f59e0b66}.retention-progress-bar.danger{background:linear-gradient(90deg,#ef4444,#f87171);box-shadow:0 0 6px #ef444466}.page-title{font-family:Outfit,Inter,sans-serif;font-size:22px!important;font-weight:700!important;color:var(--text-primary)!important;margin:0 0 4px!important;letter-spacing:-.02em}.section-title{font-family:Inter,sans-serif;font-size:15px!important;font-weight:600!important;color:var(--text)!important;margin:0!important}.font-mono{font-family:var(--font-mono)!important}.loading-state-wrapper{padding:40px;text-align:center;display:flex;justify-content:center;align-items:center;width:100%}[data-theme=light] .page-title{color:#111827!important}[data-theme=light] .page-subtitle{color:#4b5563!important}[data-theme=light] .section-title{color:#1f2937!important}[data-theme=light] .stat-card:hover{box-shadow:0 8px 30px #0000000f!important}.ai-assistant-pulse-ring{position:absolute;inset:0;border-radius:50%;border:2px solid var(--primary);animation:ai-pulse-ring 2.5s ease-out infinite;pointer-events:none}@keyframes ai-pulse-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(1.8);opacity:0}}.ai-assistant-panel{position:fixed;bottom:96px;right:24px;width:400px;max-width:calc(100vw - 48px);height:520px;max-height:calc(100vh - 130px);background:var(--bg-subtle);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 20px 60px #00000080,0 0 0 1px var(--glass-border);display:flex;flex-direction:column;z-index:9997;overflow:hidden;animation:ai-panel-in .3s cubic-bezier(.4,0,.2,1)}@keyframes ai-panel-in{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ai-assistant-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--glass-border);background:var(--surface);flex-shrink:0}.ai-assistant-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent}.ai-assistant-messages::-webkit-scrollbar{width:4px}.ai-assistant-messages::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:2px}.ai-msg{display:flex;flex-direction:column;gap:4px;max-width:90%}.ai-msg-user{align-self:flex-end;align-items:flex-end}.ai-msg-assistant{align-self:flex-start}.ai-msg-bubble{font-size:13px;line-height:1.55;padding:10px 14px;border-radius:12px;white-space:pre-wrap;word-break:break-word}.ai-msg-bubble-user{background:var(--primary);color:#fff;border-bottom-right-radius:4px}.ai-msg-bubble-assistant{background:var(--surface);color:var(--text);border:1px solid var(--glass-border);border-bottom-left-radius:4px}.ai-card{background:var(--surface);border:1px solid var(--glass-border);border-radius:10px;padding:12px;margin-top:4px}.ai-card-info{border-left:3px solid var(--primary)}.ai-card-danger{border-left:3px solid var(--danger)}.ai-card-success{border-left:3px solid var(--success);background:var(--success-bg)}.ai-card-error{border-left:3px solid var(--danger);background:var(--danger-bg)}.ai-card-suggestion{border-left:3px solid var(--primary-light)}.ai-card-params{margin:8px 0;display:flex;flex-direction:column;gap:4px}.ai-param-row{display:flex;gap:8px;font-size:11px;align-items:baseline}.ai-param-key{color:var(--text-muted);min-width:70px;font-family:var(--font-mono);text-transform:lowercase}.ai-param-val{color:var(--text);font-weight:500}.ai-dryrun{background:var(--bg);border:1px solid var(--glass-border);border-radius:6px;padding:8px 10px;margin:8px 0}.ai-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ai-suggestion-chip{font-size:11px;color:var(--text-secondary);background:var(--surface);border:1px solid var(--glass-border);border-radius:16px;padding:5px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s}.ai-suggestion-chip:hover{background:var(--surface-hover);border-color:var(--primary-border);color:var(--text)}.ai-alt-domain{font-size:11px;color:var(--text-secondary);background:var(--bg);border:1px solid var(--glass-border);border-radius:6px;padding:4px 8px;cursor:pointer;margin-right:4px;transition:all .15s}.ai-alt-domain:hover{border-color:var(--primary);color:var(--text)}.ai-alt-domain span{color:var(--text-muted);margin-left:4px}.ai-assistant-typing{display:flex;gap:4px;padding:8px 14px;align-self:flex-start}.ai-assistant-typing span{width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:ai-typing 1.4s ease-in-out infinite}.ai-assistant-typing span:nth-child(2){animation-delay:.2s}.ai-assistant-typing span:nth-child(3){animation-delay:.4s}@keyframes ai-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.ai-assistant-input-area{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--glass-border);background:var(--surface);flex-shrink:0}.ai-assistant-input{flex:1;background:var(--input-bg);border:1px solid var(--glass-border);border-radius:10px;padding:9px 14px;font-size:13px;color:var(--text);outline:none;transition:border .15s}.ai-assistant-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-bg)}.ai-assistant-input::placeholder{color:var(--text-muted)}.ai-assistant-send{width:38px;height:38px;border-radius:10px;background:var(--primary);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.ai-assistant-send:hover:not(:disabled){background:var(--primary-light);transform:scale(1.05)}.ai-assistant-send:disabled{opacity:.4;cursor:not-allowed}.btn-sm{font-size:11px;padding:5px 12px;border-radius:6px}[data-theme=light] .ai-msg-bubble-user{color:#fff}[data-theme=light] .ai-assistant-panel{box-shadow:0 20px 60px #00000026}[data-theme=light] .p-sidebar{background:#ffffff8c}[data-theme=light] .p-server-toggle{background:#00000008}[data-theme=light] .p-server-toggle:hover{background:#0000000f}[data-theme=light] .p-lang-flyout{box-shadow:0 10px 30px #00000024}[data-theme=light] .p-lang-item:hover{background:#0000000a}.p-sidebar{width:var(--sidebar-w);display:flex;flex-direction:column;padding:24px 14px;background:#0d0d1466;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border-right:1px solid var(--glass-border);overflow:hidden;position:relative;height:100%;flex-shrink:0}.p-sidebar:before{content:"";position:absolute;top:-150px;left:-150px;width:400px;height:400px;border-radius:50%;z-index:0;background:radial-gradient(circle,var(--sidebar-color-1, var(--primary-bg)) 0%,transparent 70%);filter:blur(65px);opacity:.6;mix-blend-mode:screen;animation:sidebar-aurora-1 26s infinite ease-in-out;pointer-events:none}.p-sidebar:after{content:"";position:absolute;bottom:-150px;right:-150px;width:400px;height:400px;border-radius:50%;z-index:0;background:radial-gradient(circle,var(--sidebar-color-2, rgba(99, 102, 241, .08)) 0%,transparent 70%);filter:blur(65px);opacity:.6;mix-blend-mode:screen;animation:sidebar-aurora-2 32s infinite ease-in-out;pointer-events:none}.p-sidebar>*{position:relative;z-index:1}@keyframes sidebar-aurora-1{0%{transform:translate(0)}50%{transform:translate(60px,40px)}to{transform:translate(0)}}@keyframes sidebar-aurora-2{0%{transform:translate(0)}50%{transform:translate(-50px,-60px)}to{transform:translate(0)}}.p-logo{display:flex;align-items:center;gap:8px;padding:0 16px 8px}.p-logo-brand{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.p-logo-panel{color:var(--text)}.p-conn-dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 6px var(--success);margin:1px 0 0 7px;align-self:center;animation:conn-pulse 2.4s ease-in-out infinite;flex-shrink:0}@keyframes conn-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.p-server-chip{display:inline-block;font-family:Outfit,sans-serif;font-size:9px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase;color:#fff;background:var(--accent-gradient);border:1px solid var(--glass-border);padding:0 4px;border-radius:3px;margin:-4px 0 6px 16px;box-shadow:0 2px 6px #6366f14d;text-shadow:0 1px 1px rgba(0,0,0,.3);width:fit-content}.p-server-wrap{position:relative;padding:0 16px 12px;z-index:100}.p-server-toggle{width:100%;padding:8px 12px;border-radius:6px;background:#ffffff0a;border:1px solid var(--glass-border);color:var(--text);display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0000001a}.p-server-toggle:hover{background:#ffffff17;border-color:var(--primary-border);box-shadow:0 0 12px var(--primary-bg)}.p-server-toggle .chev{opacity:.6;transition:transform .15s}.p-server-toggle.open .chev{transform:rotate(180deg)}.p-server-dot{width:7px;height:7px;border-radius:50%;box-shadow:0 0 8px currentColor}.p-server-menu{display:none;flex-direction:column;gap:3px;padding:6px;margin-top:6px;background:#ffffff05;border:1px solid var(--glass-border);border-radius:6px;overflow:hidden}.p-server-menu.open{display:flex;animation:accordion-slide-down .25s cubic-bezier(.4,0,.2,1)}@keyframes accordion-slide-down{0%{max-height:0;opacity:0;transform:translateY(-8px)}to{max-height:300px;opacity:1;transform:translateY(0)}}.p-server-item{padding:8px 10px;border-radius:5px;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-secondary);transition:all .15s ease}.p-server-item:hover{color:var(--text);background:#ffffff0d}.p-server-item.active{color:var(--text);background:var(--primary-bg);border-left:3px solid var(--primary);padding-left:7px}.p-server-item .ip{font-size:10px;opacity:.5;font-family:var(--font-mono)}.p-nav{display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:visible}.p-user-role{display:block;font-size:10.5px;color:var(--text-muted);line-height:1.2}.p-nav::-webkit-scrollbar{width:4px}.p-nav::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:2px}.p-section{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);padding:20px 14px 8px}.p-section:first-child{padding-top:0}.p-link{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:500;color:var(--text-secondary);border:1px solid transparent;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.p-link:hover{color:var(--text-primary);background:var(--surface-hover)}.p-link.active{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-color:#ffffff1a;font-weight:600;box-shadow:0 4px 15px var(--primary-glow)}.p-link .lbl{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p-badge-warn{font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:2px 6px;border-radius:99px;background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.p-count{font-size:10.5px;font-weight:700;font-family:var(--font-mono);background:var(--surface-active);border-radius:10px;padding:2px 7px;color:var(--text-secondary)}.p-count-danger{font-size:10px;font-weight:600;min-width:18px;height:18px;padding:0 6px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:var(--danger-bg);color:var(--danger)}.p-link.active .p-count,.p-link.active .p-count-danger{background:#ffffff2e;color:#fff}.p-theme{display:flex;gap:2px;background:var(--surface);border:1px solid var(--glass-border);border-radius:8px;padding:2px;margin:8px 16px 0;width:fit-content}.p-theme-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:transparent;color:var(--text-muted);transition:all .2s ease}.p-theme-btn:hover{color:var(--text);background:var(--surface-hover)}.p-theme-btn.active{color:var(--primary);background:var(--primary-bg)}.p-user{border-top:1px solid var(--glass-border);padding-top:16px;margin-top:12px;margin-left:2px;margin-right:2px;display:flex;align-items:center;gap:12px}.p-avatar{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 2px 8px var(--primary-glow)}.p-user-name{font-size:13px;color:var(--text-secondary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:var(--text-muted);transition:all .15s}.p-icon-btn:hover{color:var(--text);background:var(--surface-hover)}.p-logo-line{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 16px 2px}.p-logo-word{display:flex;align-items:center;font-size:18px;font-weight:800;letter-spacing:-.5px;font-family:Outfit,sans-serif}.p-lang-mini{position:relative}.p-lang-mini-toggle{display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:6px;background:var(--surface);border:1px solid var(--glass-border);color:var(--text-secondary);transition:all .2s}.p-lang-mini-toggle:hover{background:var(--surface-hover);border-color:var(--primary-border)}.p-lang-mini-toggle .chev{display:inline-flex;opacity:.6;transition:transform .15s}.p-lang-mini-toggle.open .chev{transform:rotate(180deg)}.p-flag-ico{display:inline-flex;flex-shrink:0}.p-flag-ico svg{display:block;border-radius:2px;box-shadow:0 0 0 1px #ffffff1a}.p-lang-flyout{position:absolute;bottom:calc(100% + 6px);right:0;min-width:158px;background:var(--bg-elevated);border:1px solid var(--glass-border-hover);border-radius:8px;box-shadow:0 10px 30px #0009;padding:6px;display:none;flex-direction:column;gap:3px;z-index:200}.p-lang-flyout.open{display:flex;animation:dropdown-appear .2s cubic-bezier(.4,0,.2,1)}@keyframes dropdown-appear{0%{opacity:0;transform:scale(.95) translateY(6px)}to{opacity:1;transform:none}}.p-lang-item{width:100%;display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:5px;text-align:left;font-size:12px;color:var(--text-secondary);transition:all .15s}.p-lang-item:hover{color:var(--text);background:#ffffff0d}.p-lang-item.active{color:var(--text);background:var(--primary-bg);border-left:3px solid var(--primary);padding-left:7px}.p-foot{display:flex;align-items:center;justify-content:space-between;padding:0 16px;margin-top:16px}.p-foot .p-theme{margin:0}.p-section{display:flex;align-items:center;gap:10px;padding:18px 14px 7px}.p-section:after{content:"";flex:1;height:1px;background:var(--glass-border)}.p-nav .p-section:first-child{padding-top:4px}.p-link{padding:8px 12px;gap:10px}.p-link svg{flex-shrink:0;opacity:.85}.p-link.active{box-shadow:0 2px 10px var(--primary-glow)}.p-link.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:2px;background:#ffffffd9}.p-icon-btn:hover{color:var(--danger);background:var(--danger-bg)}.p-section-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:18px 14px 7px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);transition:color .15s}.p-section-toggle:hover{color:var(--text-secondary)}.p-section-toggle:after{content:"";flex:1;height:1px;background:var(--glass-border)}.p-section-toggle .chev{display:inline-flex;opacity:.6;transition:transform .2s;order:3}.p-section-toggle.open .chev{transform:rotate(180deg)}.p-sys-body{display:none;flex-direction:column;gap:4px}.p-sys-body.open{display:flex;animation:groupIn .22s cubic-bezier(.4,0,.2,1)}@keyframes groupIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.p-assist{display:flex;align-items:center;gap:12px;margin:10px 2px 0;padding:10px 14px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;color:#fff;background:linear-gradient(120deg,#4f46e5,#6366f1,#8b5cf6,#a78bfa,#6366f1,#4f46e5);background-size:300% 300%;animation:fluid-shift 6s ease infinite;border:1px solid rgba(255,255,255,.12);box-shadow:0 4px 18px var(--primary-glow);transition:filter .2s,box-shadow .2s}.p-assist:hover{filter:brightness(1.08);box-shadow:0 6px 26px var(--primary-glow)}@keyframes fluid-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.assist-star{display:inline-flex;animation:star-twinkle 2.6s ease-in-out infinite;transform-origin:center}@keyframes star-twinkle{0%,to{transform:rotate(0) scale(1)}30%{transform:rotate(18deg) scale(1.18)}60%{transform:rotate(-8deg) scale(.94)}}.app-footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;font-size:12px;color:var(--text-muted)}.footer-copy{display:inline-flex;align-items:center;gap:4px;letter-spacing:.2px}.footer-heart{display:inline-flex;color:var(--danger);animation:heart-beat 1.8s ease-in-out infinite;transform-origin:center}@keyframes heart-beat{0%,to{transform:scale(1)}12%{transform:scale(1.22)}24%{transform:scale(1)}36%{transform:scale(1.14)}48%{transform:scale(1)}}.footer-tools{display:flex;align-items:center;gap:8px}.foot-tool{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);background:var(--surface);border:1px solid var(--glass-border);transition:all .18s cubic-bezier(.4,0,.2,1)}.foot-tool:hover{color:var(--primary-light);border-color:var(--primary-border);background:var(--primary-bg);box-shadow:0 0 12px var(--primary-bg)}.contact-fan{position:relative;display:inline-flex;align-items:center}.fan{position:absolute;right:26px;top:50%;transform:translateY(-50%) scale(.92);transform-origin:right center;display:flex;align-items:center;gap:3px;padding:3px;border-radius:10px;background:var(--bg-elevated);border:1px solid var(--glass-border-hover);box-shadow:0 10px 30px #0000008c;opacity:0;pointer-events:none;z-index:50;transition:all .2s cubic-bezier(.4,0,.2,1)}html[data-theme=light] .fan{box-shadow:0 10px 30px #00000024}.contact-fan:hover .fan,.contact-fan:focus-within .fan{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}.fan-item{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:7px;font-size:11.5px;font-weight:500;color:var(--text-secondary);white-space:nowrap;transition:all .15s}.fan-item:hover{color:var(--primary-light);background:var(--primary-bg)}.footer-ver{font-family:var(--font-mono);font-size:11px;padding:2px 7px;border:1px solid var(--glass-border);border-radius:6px;background:var(--surface);color:var(--text-secondary)}@media(max-width:860px){.app-footer{gap:10px;margin-top:auto}}.burger{display:none;position:fixed;top:14px;left:14px;z-index:70;width:38px;height:38px;border-radius:9px;background:#0d0d14b3;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text);align-items:center;justify-content:center}@media(max-width:860px){.burger{display:flex}.p-sidebar{transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:none}.p-sidebar.open{transform:none;box-shadow:0 0 80px #0009}.content-area{margin-left:0;padding:70px 18px 20px}}.content-area{padding:30px 36px 24px;display:flex;flex-direction:column}.content-inner{flex:1 0 auto;width:100%}.p-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:60}.p-sidebar .p-nav{overflow-y:auto}/\* v2-components.css — общие компоненты v2,verbatim из frontend-v2/assets/components.css \*/ .data-table tbody tr{animation:none}:root{--bg-elevated: #14141d}[data-theme=light]{--bg-elevated: #ffffff}.btn-danger{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 35%,transparent)}.btn-danger:hover{background:color-mix(in srgb,var(--danger) 22%,transparent);border-color:var(--danger)}.page-sub{font-size:13px;color:var(--text-secondary);margin-top:2px}.panel-table{padding:0;overflow:hidden}.td-first{padding-left:16px!important}.td-last{text-align:right!important;padding-right:16px!important}.mono-sm{font-family:DM Mono,monospace;font-size:12px}.btn-icon-danger{color:var(--danger)}.bn-table th,.bn-table td{font-size:12px}.bn-url{font-family:DM Mono,monospace;font-size:11.5px;color:var(--text);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:middle}.bn-mono{font-family:DM Mono,monospace;font-size:11.5px;color:var(--text-secondary)}.bn-num{font-family:DM Mono,monospace;font-size:12px;color:var(--text);text-align:right}.bn-badge.ok{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent)}.bn-badge.warn{color:var(--warning);background:color-mix(in srgb,var(--warning) 12%,transparent)}.bn-badge.err{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.bn-badge.info{color:var(--primary-light);background:var(--primary-bg)}.bn-badge.mut{color:var(--text-muted);background:var(--bg-subtle)}.wp-rep-cell{padding:12px;border-radius:8px;background:var(--surface);border:1px solid var(--glass-border)}.wp-rep-cell .l{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.wp-rep-cell .v{font-size:16px;font-weight:700;color:var(--text);margin-top:3px;font-family:DM Mono,monospace}.sy-card-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.sy-card-ico{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sy-card-title{font-size:13px;font-weight:700;color:var(--text)}.sec-label{font-size:11px;font-weight:600;color:var(--text-muted);margin-bottom:6px;letter-spacing:.05em}.grp-kw-chip{padding:3px 8px;font-family:var(--font-mono);white-space:nowrap;font-size:10.5px;border-radius:6px;background:var(--surface-hover);color:var(--text-secondary);border:1px solid var(--glass-border);display:inline-flex;align-items:center;gap:5px}.ss-flag-row{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:6px;font-size:12px;background:var(--surface);border:1px solid var(--glass-border);margin-bottom:6px}.ss-flag-url{font-family:DM Mono,monospace;color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-flag-engine{font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;color:var(--danger);background:color-mix(in srgb,var(--danger) 13%,transparent);flex-shrink:0}.ss-flag-type{font-size:11px;color:var(--text-secondary);flex-shrink:0}.ss-flag-date{font-size:11px;color:var(--text-muted);flex-shrink:0}.ff-dns-detail td{padding:0!important;border-bottom:1px solid var(--glass-border);background:#ffffff05;border-left:3px solid var(--primary-border)}.ff-dns-in{padding:12px 16px 14px 42px;animation:v2In .2s ease}.ff-dns-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}.tf-mbar{margin-bottom:10px}.tf-mbar-top{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin-bottom:4px}.tf-mbar-top .lb{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tf-mbar-top .vl{color:var(--text-secondary);font-family:DM Mono,monospace;flex-shrink:0}.tf-mbar-track{height:5px;background:var(--surface);border-radius:3px;overflow:hidden}.tf-mbar-fill{height:100%;border-radius:3px;transition:width .4s ease}@keyframes v2Fade{0%{opacity:0}to{opacity:1}}@keyframes v2ModalIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}.v2-modal-overlay,.ff-modal-overlay,.sy-modal-overlay,.grp-modal-overlay,.reg-modal-overlay{position:fixed;inset:0;z-index:300;background:#0000008c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;animation:v2Fade .15s ease}.v2-modal,.ff-modal,.sy-modal,.grp-modal,.reg-modal{width:480px;max-width:calc(100vw - 40px);max-height:calc(100vh - 60px);overflow-y:auto;background:var(--bg-elevated);border:1px solid var(--glass-border-hover);border-radius:14px;padding:20px;box-shadow:0 20px 60px #00000080;animation:v2ModalIn .25s cubic-bezier(.4,0,.2,1)}.v2-modal h3,.ff-modal h3,.sy-modal h3,.grp-modal h3,.reg-modal h3{font-size:16px;font-weight:700;color:var(--text);margin-bottom:4px}.v2-modal .sub,.ff-modal .sub,.sy-modal .sub,.grp-modal .sub,.reg-modal .sub{font-size:12px;color:var(--text-muted);margin-bottom:16px}.v2-modal-actions,.ff-modal-actions,.sy-modal-actions,.grp-modal-actions,.reg-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.dd{position:relative;display:inline-block}.dd-toggle{display:inline-flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--glass-border);color:var(--text);font-size:12px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.dd-toggle:hover{background:var(--surface-hover);border-color:var(--primary-border)}.dd.open .dd-toggle{border-color:var(--primary-border);box-shadow:0 0 12px var(--primary-bg)}.dd-value{flex:1;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dd-toggle .chev{display:inline-flex;opacity:.6;transition:transform .15s}.dd.open .dd-toggle .chev{transform:rotate(180deg)}.dd-menu{position:fixed;z-index:500;display:flex;flex-direction:column;gap:2px;padding:4px;background:var(--bg-elevated);border:1px solid var(--glass-border-hover);border-radius:8px;box-shadow:0 10px 30px #0000008c;max-height:240px;overflow-y:auto;animation:ddIn .18s cubic-bezier(.4,0,.2,1)}@keyframes ddIn{0%{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:none}}.dd-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border-radius:6px;font-size:12px;color:var(--text-secondary);text-align:left;white-space:nowrap;transition:all .15s}.dd-item:hover{color:var(--text);background:#ffffff0d}.dd-item.active{color:var(--text);background:var(--primary-bg);border-left:3px solid var(--primary);padding-left:7px}.group-select.dd{width:160px;flex-shrink:0}.group-select.dd .dd-toggle{height:38px}.reg-domains-bar .dd{width:170px}.reg-domains-bar .dd .dd-toggle{height:38px}.grp-geo-row .dd{width:180px}.unassigned-row .dd{width:160px}.grp-modal .field .dd,.reg-modal .field .dd{width:100%}html[data-theme=light] .dd-toggle{background:#00000008}html[data-theme=light] .dd-toggle:hover{background:#0000000f}html[data-theme=light] .dd-menu{box-shadow:0 10px 30px #00000024}html[data-theme=light] .dd-item:hover{background:#0000000a}html[data-theme=light] .dd-item.active{background:#6366f11a}.ss-pills{display:flex;gap:6px}.ss-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;font-size:12px;font-weight:600;cursor:pointer;background:var(--surface);color:var(--text-secondary);border:1px solid var(--glass-border);transition:all .15s}.ss-pill:hover{color:var(--text);border-color:var(--glass-border-hover)}.ss-pill.active{color:#fff;background:var(--primary-bg);border-color:var(--primary-border);box-shadow:0 0 12px var(--primary-bg)}.ss-pill .cnt{font-size:10px;font-weight:700;padding:1px 6px;border-radius:99px;background:var(--surface-active);color:var(--text-secondary)}.ss-pill.active .cnt{background:#ffffff29;color:#fff}.ss-pill.flag .cnt{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}.ss-pill.flag.active .cnt{background:color-mix(in srgb,var(--danger) 22%,transparent);color:#ffb4b4}[data-theme=light] .ss-pill.active{color:var(--primary);background:var(--primary-bg)}[data-theme=light] .ss-pill.active .cnt{background:#4f46e51f;color:var(--primary)}[data-theme=light] .ss-pill.flag.active .cnt{background:color-mix(in srgb,var(--danger) 16%,transparent);color:var(--danger)}.ss-panel-head{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid var(--glass-border)}.ss-panel-head .ss-panel-title{font-size:13px;font-weight:600;color:var(--text)}.ss-panel-note{margin-left:auto;font-size:11px;color:var(--text-muted)}.ss-table-wrap{overflow-x:auto}.ss-table th{white-space:nowrap}.ss-th-sort{cursor:pointer;-webkit-user-select:none;user-select:none}.ss-th-sort:hover{color:var(--text-secondary)}.ss-th-sort .arr{display:inline-block;margin-left:4px;opacity:.7;font-size:9px}.ss-spinner{display:inline-block;width:11px;height:11px;flex-shrink:0;border:2px solid color-mix(in srgb,currentColor 25%,transparent);border-top-color:currentColor;border-radius:50%;animation:ss-spin .7s linear infinite}@keyframes ss-spin{to{transform:rotate(360deg)}}@keyframes v2spin{to{transform:rotate(360deg)}}.spin{animation:v2spin 1s linear infinite;display:inline-flex}@keyframes v2In{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}.ss-badge,.ff-badge,.bn-badge,.wp-chip,.sy-role,.sy-prov,.gc-perm,.reg-acc-tag{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:5px;white-space:nowrap}.in-row-st{font-size:12px;display:inline-flex;align-items:center;gap:5px}.tf-chart-toggle,.bn-chart-toggle,.gc-seg,.mx-pills,.fc-seg{display:flex;gap:3px;padding:3px;background:var(--bg-subtle);border:1px solid var(--glass-border);border-radius:8px}.tf-grid2,.bn-grid2,.sy-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tf-grid3,.bn-grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.bn-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ff-grid2,.fc-form .grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:1000px){.tf-grid3,.bn-grid3,.bn-grid4{grid-template-columns:1fr 1fr}}@media(max-width:700px){.tf-grid2,.bn-grid2,.tf-grid3,.bn-grid3,.bn-grid4,.sy-grid2,.ff-grid2,.fc-form .grid2{grid-template-columns:1fr}}.ss-dom-cell,.ff-dom-cell{display:flex;align-items:center;gap:10px}.ss-dom-cell .fav,.ff-dom-fav{width:16px;height:16px;border-radius:3px;flex-shrink:0}.tf-chart-panel,.bn-chart-panel{padding:16px 18px}.tf-chart-legend,.bn-chart-legend{display:flex;gap:14px;flex-wrap:wrap;padding:6px 0 8px}.tf-chart-legend .lg,.bn-chart-legend .lg{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--text-secondary)}.tf-chart-legend .lg i,.bn-chart-legend .lg i{width:8px;height:8px;border-radius:2px;display:inline-block}.tf-svg-chart,.bn-svg-chart{width:100%;display:block}.tf-svg-chart .grid,.bn-svg-chart .grid{stroke:var(--glass-border);stroke-dasharray:3 3;stroke-width:1}.tf-svg-chart .axis,.bn-svg-chart .axis{font-size:9.5px;fill:var(--text-muted);font-family:DM Mono,monospace}.mx-card-ico,.sy-card-ico{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tf-chart-toggle button,.bn-chart-toggle button,.gc-seg button,.mx-pills button,.fc-seg button{padding:4px 10px;border:none;border-radius:6px;font-size:10.5px;font-weight:600;cursor:pointer;background:transparent;color:var(--text-secondary);transition:all .15s}.tf-chart-toggle button.active,.bn-chart-toggle button.active,.gc-seg button.active,.mx-pills button.active,.fc-seg button.active{background:var(--primary);color:#fff}