@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--color-bg-primary: #060a14;--color-bg-secondary: #0d1321;--color-bg-card: #111827;--color-bg-card-hover: #1a2236;--color-bg-elevated: #1e293b;--color-bg-input: #0f1729;--color-blue-400: #60a5fa;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-blue-700: #1d4ed8;--color-blue-glow: rgba(59, 130, 246, .15);--color-blue-glow-strong: rgba(59, 130, 246, .3);--color-cyan-400: #22d3ee;--color-cyan-500: #06b6d4;--color-teal-400: #2dd4bf;--color-teal-500: #14b8a6;--color-green-400: #4ade80;--color-green-500: #22c55e;--color-orange-400: #fb923c;--color-orange-500: #f97316;--color-red-400: #f87171;--color-red-500: #ef4444;--color-purple-400: #c084fc;--color-purple-500: #a855f7;--color-text-primary: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-text-dim: #475569;--color-border: #1e293b;--color-border-hover: #334155;--color-border-glow: rgba(59, 130, 246, .4);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-display: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(59, 130, 246, .15);--shadow-glow-strong: 0 0 30px rgba(59, 130, 246, .25);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--sidebar-width: 260px;--sidebar-collapsed: 72px;--header-height: 64px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-display);background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:var(--color-blue-400);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-blue-500)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-text-dim);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-normal)}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-glow)}.card-glass{background:#111827b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(59,130,246,.1);border-radius:var(--radius-lg);padding:var(--space-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;line-height:1.5}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-blue-600);color:#fff;border-color:var(--color-blue-500);box-shadow:0 0 12px #3b82f633}.btn-primary:hover{background:var(--color-blue-500);box-shadow:0 0 20px #3b82f659}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover)}.btn-danger{background:#ef444426;color:var(--color-red-400);border-color:#ef44444d}.btn-danger:hover{background:#ef444440;border-color:var(--color-red-400)}.btn-success{background:#22c55e26;color:var(--color-green-400);border-color:#22c55e4d}.btn-success:hover{background:#22c55e40;border-color:var(--color-green-400)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--color-bg-card);color:var(--color-text-primary)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.input{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-sm);transition:all var(--transition-fast);outline:none}.input:focus{border-color:var(--color-blue-500);box-shadow:0 0 0 3px var(--color-blue-glow)}.input::placeholder{color:var(--color-text-dim)}.select{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-sm);transition:all var(--transition-fast);outline:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.select:focus{border-color:var(--color-blue-500);box-shadow:0 0 0 3px var(--color-blue-glow)}.label{display:block;margin-bottom:var(--space-1);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-running{background:#22c55e26;color:var(--color-green-400);border:1px solid rgba(34,197,94,.3)}.badge-stopped{background:#ef444426;color:var(--color-red-400);border:1px solid rgba(239,68,68,.3)}.badge-protocol{background:#3b82f626;color:var(--color-blue-400);border:1px solid rgba(59,130,246,.2)}.badge-tls{background:#a855f726;color:var(--color-purple-400);border:1px solid rgba(168,85,247,.2)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}table td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border-bottom:1px solid rgba(30,41,59,.5);color:var(--color-text-secondary)}table tr:hover td{background:var(--color-bg-card-hover)}table td:first-child{color:var(--color-text-primary);font-weight:500}.mono{font-family:var(--font-mono)}.terminal{background:#030712;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-green-400);line-height:1.8;overflow-x:auto;max-height:360px;overflow-y:auto}.terminal .prompt{color:var(--color-blue-400)}.terminal .output{color:var(--color-text-secondary)}.terminal .error{color:var(--color-red-400)}.terminal .success{color:var(--color-green-400)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8);flex-wrap:wrap;gap:var(--space-4)}.page-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.page-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.form-group{margin-bottom:var(--space-5)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease forwards}@keyframes glowPulse{0%,to{box-shadow:0 0 8px #3b82f626}50%{box-shadow:0 0 20px #3b82f64d}}.glow-pulse{animation:glowPulse 3s ease-in-out infinite}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-green{background:var(--color-green-400);box-shadow:0 0 8px #4ade8080}.dot-red{background:var(--color-red-400);box-shadow:0 0 8px #f8717180}.empty-state{text-align:center;padding:var(--space-16) var(--space-8);color:var(--color-text-muted)}.empty-state svg{margin-bottom:var(--space-4);opacity:.4}.copy-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast)}.copy-btn:hover{background:var(--color-bg-card-hover);color:var(--color-text-primary);border-color:var(--color-border-hover)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-2);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-secondary);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast)}[data-tooltip]:hover:after{opacity:1}.layout{display:flex;min-height:100vh}.layout-main{flex:1;margin-left:var(--sidebar-width);transition:margin-left var(--transition-normal)}.layout-collapsed .layout-main{margin-left:var(--sidebar-collapsed)}.layout-content{padding:var(--space-8);padding-top:calc(var(--header-height) + var(--space-8));max-width:1280px;margin:0 auto}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--color-bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:100;transition:width var(--transition-normal)}.sidebar-collapsed{width:var(--sidebar-collapsed)}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-5);border-bottom:1px solid var(--color-border);min-height:var(--header-height)}.sidebar-logo{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-blue-600),var(--color-blue-400));border-radius:var(--radius-md);color:#fff;flex-shrink:0}.sidebar-brand-text{font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-blue-400),var(--color-cyan-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-nav{flex:1;padding:var(--space-3);display:flex;flex-direction:column;gap:2px;overflow-y:auto}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast);text-decoration:none;border:none;background:none;cursor:pointer;width:100%;text-align:left;font-family:var(--font-display)}.sidebar-link:hover{background:var(--color-bg-card);color:var(--color-text-primary)}.sidebar-link-active{background:var(--color-blue-glow)!important;color:var(--color-blue-400)!important;border:1px solid rgba(59,130,246,.2)}.sidebar-footer{padding:var(--space-3);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:2px}.sidebar-toggle{display:flex;align-items:center;justify-content:center;padding:var(--space-2);border-radius:var(--radius-md);color:var(--color-text-dim);border:none;background:none;cursor:pointer;transition:all var(--transition-fast)}.sidebar-toggle:hover{color:var(--color-text-primary);background:var(--color-bg-card)}.header{position:fixed;top:0;right:0;left:var(--sidebar-width);height:var(--header-height);background:#060a14cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8);z-index:50;transition:left var(--transition-normal)}.layout-collapsed .header{left:var(--sidebar-collapsed)}.header-left,.header-right{display:flex;align-items:center;gap:var(--space-4)}.header-status{display:flex;align-items:center;gap:var(--space-2)}.header-status-text{font-size:var(--text-sm);color:var(--color-text-secondary);font-family:var(--font-mono)}.header-connections{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted);padding:var(--space-1) var(--space-2);background:var(--color-bg-card);border-radius:var(--radius-full);border:1px solid var(--color-border)}.header-user{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.card-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-5)}.stat-card{display:flex;flex-direction:column;gap:var(--space-3);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-blue-500),var(--color-cyan-400));opacity:0;transition:opacity var(--transition-normal)}.stat-card:hover:before{opacity:1}.stat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.stat-icon-blue{background:var(--color-blue-glow);color:var(--color-blue-400)}.stat-icon-purple{background:#a855f726;color:var(--color-purple-400)}.stat-icon-teal{background:#14b8a626;color:var(--color-teal-400)}.stat-icon-orange{background:#f9731626;color:var(--color-orange-400)}.stat-info{flex:1}.stat-value{display:block;font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary)}.stat-label{display:block;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.info-grid{display:flex;flex-direction:column}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid rgba(30,41,59,.4)}.info-row:last-child{border-bottom:none}.info-label{font-size:var(--text-sm);color:var(--color-text-muted)}.info-value{font-size:var(--text-sm);color:var(--color-text-primary)}.quick-actions{display:flex;flex-direction:column;gap:var(--space-4)}.quick-action-group{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.quick-action-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.quick-action-btns{display:flex;gap:var(--space-2)}.protocol-stats{display:flex;flex-direction:column;gap:var(--space-3)}.protocol-stat-item{display:flex;align-items:center;gap:var(--space-3)}.protocol-stat-bar-wrap{flex:1;height:6px;background:var(--color-bg-elevated);border-radius:var(--radius-full);overflow:hidden}.protocol-stat-bar{height:100%;background:linear-gradient(90deg,var(--color-blue-500),var(--color-cyan-400));border-radius:var(--radius-full);transition:width .6s ease}.protocol-stat-name{font-size:var(--text-xs);color:var(--color-text-muted);min-width:80px}.protocol-stat-count{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);font-family:var(--font-mono)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-bg{position:absolute;inset:0}.login-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(59,130,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.03) 1px,transparent 1px);background-size:60px 60px}.login-glow{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(120px);opacity:.15}.login-glow-1{top:-200px;right:-100px;background:var(--color-blue-500)}.login-glow-2{bottom:-200px;left:-100px;background:var(--color-purple-500)}.login-card{position:relative;z-index:1;width:100%;max-width:420px;background:#111827cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.15);border-radius:var(--radius-xl);padding:var(--space-10);box-shadow:0 0 40px #3b82f614}.login-logo{text-align:center;margin-bottom:var(--space-8)}.login-logo-icon{width:56px;height:56px;margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-blue-600),var(--color-blue-400));border-radius:var(--radius-lg);color:#fff;box-shadow:0 0 24px #3b82f64d}.login-title{font-size:var(--text-2xl);font-weight:700}.login-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.login-error{padding:var(--space-2) var(--space-3);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--color-red-400);font-size:var(--text-sm);margin-bottom:var(--space-4)}.login-submit{width:100%;margin-top:var(--space-2)}.login-hint{text-align:center;font-size:var(--text-xs);color:var(--color-text-dim);margin-top:var(--space-6)}.input-group{position:relative}.input-addon{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--color-text-dim);padding:4px;transition:color var(--transition-fast)}.input-addon:hover{color:var(--color-text-primary)}.configs-toolbar{display:flex;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.search-box,.filter-box{display:flex;align-items:center;gap:var(--space-2);position:relative;flex:1;min-width:200px}.search-box svg,.filter-box svg{position:absolute;left:12px;color:var(--color-text-dim);pointer-events:none;z-index:1}.search-box .input,.filter-box .select{padding-left:36px}.filter-box{max-width:240px}.config-name{font-size:var(--text-sm)}.table-actions{display:flex;gap:2px}.protocol-grid{display:flex;flex-direction:column;gap:var(--space-6)}.protocol-category-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.protocol-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-2)}.protocol-option{display:flex;flex-direction:column;padding:var(--space-3) var(--space-4);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-family:var(--font-display)}.protocol-option:hover{border-color:var(--color-border-hover);background:var(--color-bg-card-hover)}.protocol-option-active{border-color:var(--color-blue-500)!important;background:var(--color-blue-glow)!important;box-shadow:0 0 12px #3b82f626}.protocol-option-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.protocol-option-desc{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.input-with-btn{display:flex;gap:var(--space-2)}.input-with-btn .input{flex:1}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.detail-grid{display:flex;flex-direction:column}.detail-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid rgba(30,41,59,.4);gap:var(--space-4)}.detail-row:last-child{border-bottom:none}.detail-label{font-size:var(--text-sm);color:var(--color-text-muted);min-width:80px;flex-shrink:0}.detail-value{font-size:var(--text-sm);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2);word-break:break-all}.share-url-box{display:flex;flex-direction:column;gap:var(--space-3)}.share-url{display:block;padding:var(--space-3);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-blue-400);word-break:break-all;line-height:1.6}.qr-placeholder{display:flex;justify-content:center;padding:var(--space-8)}.qr-box{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);color:var(--color-text-dim)}.qr-box p{font-size:var(--text-sm)}.service-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.service-title-row{display:flex;align-items:center;gap:var(--space-3)}.service-title{font-size:var(--text-lg);font-weight:600}.service-version{font-size:var(--text-xs);color:var(--color-text-muted)}.service-info-grid{display:flex;gap:var(--space-6);margin-bottom:var(--space-5);flex-wrap:wrap}.service-info-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.service-info-value{color:var(--color-text-primary)}.service-actions,.log-line{display:flex;gap:var(--space-3)}.log-level{min-width:70px;font-weight:600}.log-level-info{color:var(--color-text-muted)}.log-level-warning{color:var(--color-orange-400)}.log-level-error{color:var(--color-red-400)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes blink{50%{opacity:0}}.update-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.update-card-header{display:flex;align-items:center;gap:var(--space-4)}.update-card-title{font-size:var(--text-base);font-weight:600}.update-versions{display:flex;align-items:center;gap:var(--space-2);margin-top:4px}.update-current{font-size:var(--text-sm);color:var(--color-text-muted)}.update-arrow{color:var(--color-text-dim)}.update-latest{font-size:var(--text-sm);color:var(--color-green-400);font-weight:600}.update-done{display:flex;align-items:center;gap:var(--space-2);color:var(--color-green-400);font-size:var(--text-sm)}.setting-section{margin-bottom:var(--space-6)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.setting-desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.setting-meta{font-size:var(--text-xs);color:var(--color-text-dim);margin-top:4px}.setting-dns{display:flex;flex-direction:column;gap:var(--space-3);max-width:400px}.log-level-options{display:flex;gap:var(--space-2);flex-wrap:wrap;margin:var(--space-3) 0}.log-level-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-muted);font-size:var(--text-sm);font-family:var(--font-mono);transition:all var(--transition-fast);text-transform:uppercase}.log-level-btn:hover{border-color:var(--color-border-hover);color:var(--color-text-primary)}.log-level-btn-active{border-color:var(--color-blue-500);background:var(--color-blue-glow);color:var(--color-blue-400)}.fix-tools{display:flex;flex-direction:column}.fix-tool-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-2);border:none;background:none;cursor:pointer;border-bottom:1px solid rgba(30,41,59,.4);color:var(--color-text-secondary);font-family:var(--font-display);font-size:var(--text-sm);width:100%;transition:all var(--transition-fast)}.fix-tool-item:last-child{border-bottom:none}.fix-tool-item:hover{background:var(--color-bg-card-hover);color:var(--color-text-primary)}.fix-tool-label{font-weight:500}.about-hero{text-align:center;padding:var(--space-12) var(--space-8)}.about-logo{width:72px;height:72px;margin:0 auto var(--space-5);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-blue-600),var(--color-cyan-400));border-radius:var(--radius-xl);color:#fff;box-shadow:0 0 30px #3b82f640}.about-title{font-size:var(--text-3xl);font-weight:700}.about-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2)}.about-meta{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-4)}.about-links{display:flex;flex-direction:column}.about-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-2);border-bottom:1px solid rgba(30,41,59,.4);color:var(--color-text-secondary);font-size:var(--text-sm);transition:all var(--transition-fast)}.about-link:last-child{border-bottom:none}.about-link:hover{background:var(--color-bg-card-hover);color:var(--color-text-primary)}.about-link-ext{margin-left:auto;opacity:.3}.modal-overlay{position:fixed;inset:0;z-index:200;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal-content{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-lg)}.modal-sm{max-width:440px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.modal-title{font-size:var(--text-lg);font-weight:600}.modal-close{background:none;border:none;cursor:pointer;color:var(--color-text-dim);padding:4px;transition:color var(--transition-fast)}.modal-close:hover{color:var(--color-text-primary)}.modal-body{padding:var(--space-6)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6)}.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:300;display:flex;flex-direction:column;gap:var(--space-2)}.toast{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;box-shadow:var(--shadow-lg);animation:slideIn .3s ease forwards;min-width:240px;max-width:400px}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.toast-success{background:#22c55e26;color:var(--color-green-400);border:1px solid rgba(34,197,94,.3)}.toast-error{background:#ef444426;color:var(--color-red-400);border:1px solid rgba(239,68,68,.3)}.toast-warning{background:#f9731626;color:var(--color-orange-400);border:1px solid rgba(249,115,22,.3)}.toast-info{background:#3b82f626;color:var(--color-blue-400);border:1px solid rgba(59,130,246,.3)}.change-pwd-notice{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-md);color:var(--color-blue-400);font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--space-4)}.change-pwd-notice svg{flex-shrink:0;margin-top:2px}@media(max-width:768px){.sidebar{width:var(--sidebar-collapsed)}.sidebar-brand-text,.sidebar-link span,.sidebar-footer span{display:none}.layout-main{margin-left:var(--sidebar-collapsed)}.header{left:var(--sidebar-collapsed)}.layout-content{padding:calc(var(--header-height) + var(--space-4)) var(--space-4) var(--space-4)}.sidebar-toggle{display:none}}