@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#0c4a6e;background-color:#f0f9ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f0f9ff;color:#0c4a6e}body[data-theme=dark]{background:#0f172a;color:#f8fafc}h1,h2,h3{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;margin:0}:root{--primary-50: #f0f9ff;--primary-100: #e0f2fe;--primary-200: #bae6fd;--primary-300: #7dd3fc;--primary-400: #38bdf8;--primary-500: #0ea5e9;--primary-600: #0284c7;--primary-700: #0369a1;--primary-800: #075985;--primary-900: #0c4a6e;--cta-500: #f97316;--cta-600: #ea580c;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--shadow-sm: 0 6px 16px rgba(15, 23, 42, .06);--shadow-md: 0 12px 28px rgba(15, 23, 42, .12);--shadow-lg: 0 20px 50px rgba(15, 23, 42, .16);--glass-bg: rgba(255, 255, 255, .82);--glass-border: rgba(56, 189, 248, .25);--glass-blur: 14px;--page-bg-start: #f0f9ff;--page-bg-mid: #ffffff;--page-bg-end: #f0f9ff;--page-grid: rgba(14, 165, 233, .06);--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--danger: #ef4444;--info: #0ea5e9;--success-bg: rgba(16, 185, 129, .1);--warning-bg: rgba(245, 158, 11, .1);--danger-bg: rgba(239, 68, 68, .1)}.app{max-width:1280px;margin:0 auto;padding:32px 24px 64px;display:flex;flex-direction:column;gap:24px}.layout{display:grid;grid-template-columns:256px minmax(0,1fr);min-height:100vh}.app-container{display:flex;min-height:100vh;width:100%}.main-content{flex:1;margin-left:256px;min-width:0;overflow-x:clip;background:var(--bg-primary, #ffffff)}.sidebar{position:fixed;top:0;left:0;width:256px;height:100vh;padding:0;border-right:1px solid rgba(148,163,184,.1);background:#fff;display:flex;flex-direction:column;overflow:hidden;z-index:20;box-shadow:1px 0 #0f172a0f,8px 0 32px #0f172a0a;transition:box-shadow .3s ease}.sb-brand{display:flex;align-items:center;gap:10px;padding:20px 18px 16px;border-bottom:1px solid rgba(148,163,184,.1);flex-shrink:0}.sb-logo{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f11a,#0ea5e914);border-radius:10px;border:1px solid rgba(99,102,241,.15);flex-shrink:0}.sb-logo svg{width:22px;height:22px}.sb-brand-text{display:flex;flex-direction:column;gap:2px;min-width:0}.sb-brand-name{font-size:14px;font-weight:700;color:#0f172a;letter-spacing:-.02em;white-space:nowrap}.sb-brand-tag{display:flex;align-items:center;gap:5px;font-size:11px;color:#64748b;font-weight:500}.sb-status-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 0 2px #10b98133;animation:sb-pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes sb-pulse{0%,to{box-shadow:0 0 0 2px #10b98133}50%{box-shadow:0 0 0 4px #10b9811a}}.sb-search{display:flex;align-items:center;gap:8px;margin:12px 12px 8px;padding:8px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.sb-search:hover{background:#f1f5f9;border-color:#cbd5e1}.sb-search-icon{width:14px;height:14px;color:#94a3b8;flex-shrink:0}.sb-search-placeholder{flex:1;font-size:12.5px;color:#94a3b8;pointer-events:none}.sb-search-kbd{font-size:10px;color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:5px;padding:1px 5px;font-family:inherit;flex-shrink:0;line-height:1.6}.sb-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 8px 8px}.sb-nav::-webkit-scrollbar{width:4px}.sb-nav::-webkit-scrollbar-track{background:transparent}.sb-nav::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:99px}.sb-nav::-webkit-scrollbar-thumb:hover{background:#94a3b873}.sb-section{margin-bottom:2px}.sb-section-btn{width:100%;display:flex;align-items:center;gap:8px;padding:7px 10px;background:transparent;border:none;border-radius:8px;cursor:pointer;font-family:inherit;transition:background .2s ease;position:relative}.sb-section-btn:hover{background:#0f172a0a}.sb-section-icon-wrap{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;opacity:.9}.sb-sec-icon{width:15px;height:15px}.sb-section-label{flex:1;text-align:left;font-size:12px;font-weight:600;color:#374151;letter-spacing:.01em}.sb-chevron{width:14px;height:14px;color:#94a3b8;flex-shrink:0;transition:transform .25s cubic-bezier(.4,0,.2,1)}.sb-section-btn.open .sb-chevron{transform:rotate(180deg)}.sb-links-wrap{overflow:hidden;max-height:0;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.sb-links-wrap.expanded{max-height:600px}.sb-links{padding:2px 0 4px 12px;display:flex;flex-direction:column;gap:1px;position:relative}.sb-links:before{content:"";position:absolute;left:19px;top:4px;bottom:4px;width:1px;background:#94a3b833}.sb-link{display:flex;align-items:center;gap:9px;padding:7px 10px 7px 16px;border-radius:7px;color:#4b5563;text-decoration:none;font-size:13px;font-weight:450;transition:all .18s ease;position:relative;border:1px solid transparent}.sb-link:hover{color:#0f172a;background:#0f172a0a}.sb-link.active{color:var(--sec-accent, #0ea5e9);background:color-mix(in srgb,var(--sec-accent, #0ea5e9) 8%,transparent);border-color:color-mix(in srgb,var(--sec-accent, #0ea5e9) 15%,transparent);font-weight:600}.sb-link.active .sb-link-icon{color:var(--sec-accent, #0ea5e9);opacity:1}.sb-link-icon{width:15px;height:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#94a3b8;transition:color .2s ease}.sb-link:hover .sb-link-icon{color:#475569}.sb-link-icon svg{width:15px;height:15px}.sb-link-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-link-badge{background:#ef4444;color:#fff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:99px;flex-shrink:0;line-height:1.5}.sb-footer{padding:10px 10px 14px;border-top:1px solid rgba(148,163,184,.1);flex-shrink:0}.sb-user{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;text-decoration:none;transition:background .2s ease;border:1px solid transparent}.sb-user:hover{background:#0f172a0a}.sb-user.active{background:#6366f10f;border-color:#6366f11f}.sb-avatar{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#6366f126,#0ea5e91a);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(99,102,241,.2);color:#6366f1}.sb-avatar svg{width:16px;height:16px}.sb-user-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.sb-user-name{font-size:13px;font-weight:600;color:#0f172a;white-space:nowrap}.sb-user-role{font-size:11px;color:#94a3b8;white-space:nowrap}.sb-user-arrow{width:14px;height:14px;color:#94a3b8;flex-shrink:0}.sidebar-section{padding:0;border-bottom:none;margin-bottom:8px}.sidebar-section:last-child{border-bottom:none;margin-bottom:0}.sidebar-brand{display:flex;align-items:center;gap:14px}.brand-dot{width:12px;height:12px;border-radius:999px;background:linear-gradient(135deg,#10b981,#22c55e)}.brand-title{font-size:16px;font-weight:700;color:#0f172a}.brand-subtitle{font-size:11px;font-weight:500;color:#64748b}.sidebar-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#64748b;font-weight:600;background:transparent;border:none;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-family:inherit;border-radius:10px;transition:all .3s ease;width:100%}.sidebar-section-title:hover{color:#475569;background:#0ea5e90f}.icon{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sidebar-section-title .icon{margin-right:6px;width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;opacity:.8}.sidebar-section-title:hover{color:#64748b}.sidebar-group{display:flex;flex-direction:column;gap:2px;margin-top:4px;padding:4px 0 4px 8px;border-left:none}.chevron{font-size:10px;transition:transform .3s cubic-bezier(.4,0,.2,1);opacity:.5;margin-left:4px}.chevron.open{transform:rotate(180deg)}.sidebar-link{padding:11px 14px;border-radius:11px;color:#475569;text-decoration:none;font-size:13px;display:flex;align-items:center;gap:11px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;font-weight:500;letter-spacing:-.01em;border:1px solid transparent}.sidebar-link:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(135deg,#0ea5e914,#38bdf80d);opacity:0;transition:opacity .3s ease;z-index:-1}.sidebar-link:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:linear-gradient(180deg,var(--primary-500) 0%,var(--primary-600) 100%);border-radius:0 4px 4px 0;transition:height .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #0ea5e999}.sidebar-link:hover{background:linear-gradient(135deg,#0ea5e91a,#38bdf80f);color:var(--primary-700);transform:translate(3px);border-color:#0ea5e926;box-shadow:0 2px 8px #0ea5e914,0 0 0 1px #0ea5e91a inset}.sidebar-link:hover:before{opacity:1}.sidebar-link:hover:after{height:65%}.sidebar-link.active{background:linear-gradient(135deg,#0ea5e926,#38bdf81a);color:var(--primary-700);font-weight:600;border-color:#0ea5e940;box-shadow:0 4px 12px #0ea5e92e,0 0 0 1px #0ea5e933 inset,0 1px 2px #ffffff80 inset}.sidebar-link.active:before{opacity:1}.sidebar-link.active:after{height:70%;background:linear-gradient(180deg,var(--primary-500) 0%,var(--primary-700) 100%);box-shadow:0 0 12px #0ea5e9cc,0 0 4px #0ea5e999}.sidebar-link .icon{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;opacity:.75}.sidebar-link.disabled{color:#94a3b8;cursor:not-allowed;opacity:.5}.content{grid-column:2;padding:20px 24px 32px;display:flex;flex-direction:column;gap:16px;background:#eef2f7}.content>section+section,.content>header+section{margin-top:4px}.content:before{content:"";position:sticky;top:0;height:8px;background:linear-gradient(to bottom,rgba(15,23,42,.08),transparent);z-index:1}.modal-backdrop{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:50;padding:24px}.modal{width:min(520px,100%);background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px;max-height:80vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between}.form-grid{display:grid;gap:12px}.modal-wide{width:min(760px,100%)}.modal-wide .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#64748b}.form-grid input{background:#fff;border:1px solid #e2e8f0;color:#0f172a;padding:10px 12px;border-radius:8px;font-size:14px}.form-grid input:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}.form-grid input:invalid,.form-grid select:invalid{border-color:#f43f5e;box-shadow:0 0 0 2px #f43f5e1f}.switch{display:flex;align-items:center;gap:10px;font-size:13px;color:#64748b}.switch input{width:16px;height:16px}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.mini-trend{display:grid;grid-auto-flow:column;gap:6px;align-items:end}.mini-bar{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:24px}.mini-bar span{display:block;width:10px;background:#38bdf8;border-radius:6px 6px 2px 2px}.mini-bar em{font-style:normal;font-size:10px;color:#64748b}.alert-list{display:grid;gap:12px}.alert-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.alert-item strong{display:block;font-size:14px;color:#0f172a}.alert-item span{font-size:12px;color:#64748b}.alert-badge{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600;background:#f59e0b26;color:#b45309;white-space:nowrap}.alert-badge.danger{background:#ef444426;color:#b91c1c}.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.analysis-card{border:1px solid #e5e7eb;border-radius:10px;padding:12px;background:#f9fafb}.analysis-item{padding:2px 0}.install-links{display:flex;gap:6px;align-items:center;font-size:13px;color:#4b5563}.install-links a{color:#0f172a;text-decoration:none;border-bottom:1px dashed #cbd5e1}.install-links a:hover{color:#0f172a;border-bottom-color:#64748b}.code-block{margin-top:10px;padding:12px;border-radius:8px;border:1px solid #e5e7eb;background:#f9fafb}.code-title{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.code-block pre{margin:0;font-size:12px;color:#0f172a;white-space:pre-wrap}.analysis-title{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.analysis-list{display:grid;gap:6px}.analysis-item{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#0f172a}.analysis-count{background:#0f172a14;color:#0f172a;border-radius:999px;padding:2px 8px;font-size:12px}.provider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.provider-card{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb}.provider-title{font-weight:600;color:#0f172a}.provider-meta{font-size:12px;color:#64748b}.inline-actions{display:flex;gap:6px;flex-wrap:nowrap;align-items:center;white-space:nowrap}.hint{font-size:12px;color:#64748b}.product-page{min-height:100vh;position:relative;background:linear-gradient(180deg,var(--page-bg-start) 0%,var(--page-bg-mid) 40%,var(--page-bg-end) 100%);overflow:hidden}.product-page:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 15% 8%,rgba(14,165,233,.16),transparent 45%),radial-gradient(circle at 85% 0%,rgba(56,189,248,.16),transparent 45%);z-index:0;pointer-events:none}.product-page:after{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--page-grid) 1px,transparent 1px),linear-gradient(90deg,var(--page-grid) 1px,transparent 1px);background-size:80px 80px;opacity:.3;z-index:0;pointer-events:none}.product-page>*{position:relative;z-index:1}.product-header{position:sticky;top:0;z-index:1000;background:#fffffff2;backdrop-filter:blur(10px);border-bottom:1px solid #e2e8f0;padding:16px 0}.product-container{max-width:1240px;margin:0 auto;padding:0 28px}.product-nav{display:flex;align-items:center;justify-content:space-between}.product-logo{display:flex;align-items:center;gap:14px}.logo-icon-pulse{position:relative;width:42px;height:42px;display:flex;align-items:center;justify-content:center}.pulse-core{width:14px;height:14px;background:linear-gradient(135deg,var(--primary-500),var(--primary-400));border-radius:50%;position:relative;z-index:2;box-shadow:0 0 12px #0ea5e999}.pulse-ring{position:absolute;width:32px;height:32px;border:2px solid var(--primary-500);border-radius:50%;animation:pulseRing 2s ease-in-out infinite}@keyframes pulseRing{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:0}}.logo-content{display:flex;flex-direction:column;gap:2px}.logo-main{font-size:17px;font-weight:700;color:#0f172a;line-height:1}.logo-sub{font-size:11px;font-weight:400;color:#64748b;letter-spacing:.5px}.product-nav-right{display:flex;align-items:center;gap:16px}.lang-dropdown{position:relative}.lang-dropdown-trigger{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffffeb;border:1px solid rgba(148,163,184,.3);border-radius:6px;font-size:14px;font-weight:500;color:#0f172a;cursor:pointer;transition:all .2s ease;min-width:100px;justify-content:space-between}.lang-dropdown-trigger:hover{border-color:var(--primary-400);background:#fffffffa}.lang-dropdown-label{white-space:nowrap}.lang-dropdown-chevron{flex-shrink:0;opacity:.7;transition:transform .2s ease}.lang-dropdown[data-open=true] .lang-dropdown-chevron{transform:rotate(180deg)}.lang-dropdown-panel{position:absolute;top:calc(100% + 6px);right:0;min-width:100%;background:#fff;border:1px solid rgba(148,163,184,.25);border-radius:8px;box-shadow:var(--shadow-md);padding:4px 0;z-index:100}.lang-dropdown-option{display:block;width:100%;padding:10px 14px;border:none;background:transparent;font-size:14px;color:#334155;text-align:left;cursor:pointer;transition:background .15s ease}.lang-dropdown-option:hover{background:#0ea5e914;color:#0c4a6e}.lang-dropdown-option.active{background:#0ea5e91f;color:#0b5482;font-weight:600}.nav-link{padding:8px 20px;background:transparent;border:1px solid #e2e8f0;color:#0f172a;font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s}.nav-link:hover{background:#f8fafc;border-color:var(--primary-500);color:var(--primary-600)}.theme-toggle{width:38px;height:38px;background:transparent;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s}.theme-toggle:hover{background:#f8fafc;border-color:var(--primary-500)}.hero-section{padding:88px 0 72px;position:relative;overflow:hidden;background:transparent}.hero-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,1.1fr);align-items:stretch;gap:40px}.hero-content{position:relative;z-index:10}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 20px;background:#0ea5e914;border:1px solid rgba(14,165,233,.2);border-radius:999px;font-size:13px;font-weight:500;color:#475569;margin-bottom:32px;backdrop-filter:blur(10px)}.badge-text{font-weight:600}.badge-divider{color:#cbd5e1;font-weight:300}.badge-version{font-size:11px;padding:2px 8px;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));color:#fff;border-radius:4px;font-weight:600}.indicator{width:8px;height:8px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.indicator.online{background:#10b981;box-shadow:0 0 8px #10b98180}.indicator.connecting{background:#f59e0b;box-shadow:0 0 8px #f59e0b80}.indicator.offline{background:#ef4444;box-shadow:0 0 8px #ef444480}.hero-title{font-size:52px;font-weight:800;line-height:1.15;color:#0f172a;margin:0 0 24px;letter-spacing:-.03em}.title-gradient{background:linear-gradient(135deg,#0ea5e9,#38bdf8,#0284c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:19px;line-height:1.7;color:#64748b;margin:0 0 32px;max-width:640px}.hero-actions{display:flex;gap:16px;justify-content:flex-start;margin-bottom:32px}.hero-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:0;padding:0;list-style:none;font-size:13px;color:#64748b}.hero-highlights li:before{content:"";display:inline-block;width:6px;height:6px;border-radius:999px;background:linear-gradient(135deg,var(--primary-500),#22c55e);margin-right:8px;vertical-align:middle}.btn-hero-primary{padding:16px 36px;background:linear-gradient(135deg,var(--cta-500),#fb923c);color:#fff;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:8px}.btn-hero-primary:hover{transform:translateY(-2px);filter:brightness(1.02);box-shadow:var(--shadow-lg)}.btn-hero-primary .btn-icon{font-size:18px;font-weight:700;transition:transform .3s}.btn-hero-primary:hover .btn-icon{transform:translate(4px)}.btn-hero-secondary{padding:16px 36px;background:#fff;color:#0f172a;border:1.5px solid rgba(14,165,233,.2);border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:flex;align-items:center;gap:8px}.btn-hero-secondary:hover{background:#f8fafc;border-color:var(--primary-500);color:var(--primary-600);box-shadow:var(--shadow-sm)}.btn-icon-small{font-size:14px;transition:transform .3s}.btn-hero-secondary:hover .btn-icon-small{transform:translateY(2px)}.hero-overview{position:relative;z-index:10;border-radius:20px;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 18px 45px #0f172a1f,0 0 0 1px #fffc;padding:20px 20px 18px;display:flex;flex-direction:column;gap:16px;backdrop-filter:blur(var(--glass-blur))}.hero-overview-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.hero-overview-title{font-size:15px;font-weight:600;color:#0f172a}.hero-overview-subtitle{font-size:12px;color:#94a3b8;margin-top:2px}.hero-overview-tag{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:500;color:#0f172a;background:linear-gradient(135deg,#e0f2fe,#dcfce7);border:1px solid rgba(148,163,184,.35)}.hero-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.hero-overview-stat{display:flex;gap:10px;padding:10px 11px;border-radius:14px;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 10px 24px #0f172a0f}.hero-overview-stat-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#0f172a}.hero-overview-stat-icon-blue{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1d4ed8}.hero-overview-stat-icon-indigo{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#4f46e5}.hero-overview-stat-icon-emerald{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#059669}.hero-overview-stat-icon-amber{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#d97706}.hero-overview-stat-body{display:flex;flex-direction:column;gap:2px}.hero-overview-shell{margin-top:4px;border-radius:14px;background:radial-gradient(circle at 0 0,#f8fafce6,#f1f5f9e6);border:1px solid rgba(226,232,240,.9);overflow:hidden}.hero-overview-shell-header{display:flex;align-items:center;gap:6px;padding:6px 10px;background:linear-gradient(90deg,#0f172a,#1f2937);color:#e5e7eb;font-size:11px}.shell-dot{width:8px;height:8px;border-radius:999px;display:inline-block}.shell-dot-red{background:#f97373}.shell-dot-yellow{background:#facc15}.shell-dot-green{background:#22c55e}.shell-title{margin-left:8px;font-family:Fira Code,monospace;opacity:.9}.hero-overview-main{padding:12px 14px 10px;display:flex;flex-direction:column;gap:10px}.hero-overview-row{padding:10px 10px 9px;border-radius:10px;border:1px solid rgba(226,232,240,.9);background:#fff}.hero-overview-row-primary{background:radial-gradient(circle at 0 0,rgba(59,130,246,.12),transparent 65%),#fff}.hero-overview-primary-label{font-size:12px;color:#64748b;margin-bottom:4px}.hero-overview-primary-value{font-size:26px;font-weight:700;color:#0f172a;font-family:Fira Code,monospace;line-height:1.2}.hero-overview-primary-unit{font-size:12px;font-weight:500;margin-left:4px;color:#6b7280}.hero-overview-primary-sub{margin-top:4px;font-size:11px;color:#9ca3af}.hero-overview-row-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;border:none;background:transparent}.hero-overview-metric{padding:10px;border-radius:10px;border:1px solid rgba(226,232,240,.9);background:#fff}.hero-overview-label{font-size:12px;color:#64748b;margin-bottom:4px}.hero-overview-value{font-size:20px;font-weight:700;color:#0f172a;font-family:Fira Code,monospace;line-height:1.2;margin-bottom:2px}.hero-overview-desc{font-size:11px;color:#9ca3af}.hero-decoration{position:absolute;inset:0;overflow:hidden;z-index:1;pointer-events:none;display:none}.decoration-grid{position:absolute;inset:-50%;background-image:linear-gradient(rgba(14,165,233,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(14,165,233,.08) 1px,transparent 1px);background-size:72px 72px;animation:moveGrid 20s linear infinite}@keyframes moveGrid{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.hero-carousel{position:relative;width:100vw;margin-left:calc(-50vw + 50%);margin-top:80px;overflow:hidden;background:transparent;border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200)}.hero-carousel:before{content:none}.hero-carousel:after{content:none}.carousel-container,.carousel-track,.carousel-slide{position:relative;z-index:1}.carousel-container{position:relative;width:100%;height:360px;overflow:hidden}.carousel-track{display:flex;height:100%;transition:transform .8s cubic-bezier(.4,0,.2,1)}.carousel-slide{min-width:100%;height:100%;display:flex;align-items:center;justify-content:flex-start;padding:clamp(24px,4vw,56px) 0;position:relative;overflow:hidden;background:transparent}.carousel-scanline{position:absolute;left:-10%;right:-10%;height:120px;top:-20%;background:linear-gradient(90deg,transparent,rgba(14,165,233,.25),transparent);filter:blur(.5px);opacity:.75;animation:scanlineMove 6s linear infinite;pointer-events:none}.carousel-grid-flow{position:absolute;inset:-20%;background-image:linear-gradient(rgba(14,165,233,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(14,165,233,.08) 1px,transparent 1px);background-size:60px 60px;opacity:.35;animation:gridFlow 18s linear infinite;pointer-events:none}@keyframes scanlineMove{0%{transform:translateY(-120%)}to{transform:translateY(420%)}}@keyframes gridFlow{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.carousel-slide:before{content:"";position:absolute;inset:0;background:transparent;opacity:0}.carousel-slide:after{content:"";position:absolute;inset:0;background:transparent;opacity:0}.carousel-slide-layout{position:relative;z-index:10;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;width:100%;max-width:none;padding:clamp(12px,2.2vw,24px) clamp(16px,2.6vw,36px);border-radius:0;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 20px 48px #0f172a1f,0 0 36px #0ea5e92e;backdrop-filter:blur(var(--glass-blur));animation:slideContentIn .8s ease-out;align-items:stretch}.carousel-slide-text{display:flex;flex-direction:column;align-items:flex-start;gap:12px;color:#0f172a;padding-right:8px}.carousel-industry-tags{display:flex;flex-wrap:wrap;gap:8px}.industry-chip{padding:6px 10px;border-radius:999px;font-size:11px;font-weight:600;color:#0c4a6e;background:#0ea5e91a;border:1px solid rgba(14,165,233,.25)}.carousel-slide-right{display:flex;flex-direction:column;gap:14px}.carousel-right-header{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--primary-700)}.carousel-trust-row{display:flex;flex-wrap:wrap;gap:8px;padding-top:6px}.trust-badge{padding:4px 8px;border-radius:999px;font-size:10px;font-weight:600;color:#0c4a6e;background:#0ea5e914;border:1px solid rgba(14,165,233,.25);letter-spacing:.02em}.carousel-logo-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:4px}.carousel-logo-wall .logo-pill{height:32px;font-size:10px;letter-spacing:.04em;background:#ffffffbd;border:1px solid rgba(56,189,248,.2);box-shadow:var(--shadow-sm)}.carousel-slide-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start}.carousel-slide-aside,.carousel-mini-card{display:none}.carousel-mini-label{font-size:11px;color:#64748b;margin-bottom:6px}.carousel-mini-value{font-size:16px;font-weight:700;color:#0f172a}.carousel-mini-dot{position:absolute;top:10px;right:10px;width:6px;height:6px;border-radius:50%;background:var(--primary-500);box-shadow:0 0 8px #0ea5e973}.carousel-mini-dot:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(14,165,233,.35);animation:pulseRingSoft 2.6s ease-out infinite}.carousel-mini-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(14,165,233,.12),transparent 45%);opacity:.6}.carousel-mini-card.tone-success .carousel-mini-dot{background:#22c55e;box-shadow:0 0 8px #22c55e73}.carousel-mini-card.tone-info .carousel-mini-dot{background:var(--primary-500);box-shadow:0 0 8px #0ea5e973}.carousel-panel{padding:14px 14px 12px;border-radius:14px;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 12px 26px #0f172a1f;position:relative;overflow:hidden;min-height:76px}.carousel-panel:before,.carousel-panel:after{content:"";position:absolute;width:12px;height:12px;border:1px solid rgba(14,165,233,.45);opacity:.7}.carousel-panel:before{top:8px;left:8px;border-right:none;border-bottom:none;border-radius:2px 0 0}.carousel-panel:after{bottom:8px;right:8px;border-left:none;border-top:none;border-radius:0 0 2px}@keyframes pulseRingSoft{0%{transform:scale(.4);opacity:.8}to{transform:scale(1.2);opacity:0}}.carousel-panel-label{font-size:12px;color:#64748b;margin-bottom:6px}.carousel-panel-value{font-size:20px;font-weight:700;color:#0f172a}@keyframes slideContentIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.carousel-badge{display:inline-block;padding:4px 12px;background:#0f172a0a;border:1px solid rgba(148,163,184,.4);border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#1f2937}.carousel-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#0b2a3c);border-radius:16px;border:1px solid rgba(14,165,233,.4);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #00000026}.carousel-slide:hover .carousel-icon{transform:translateY(-8px) scale(1.05);box-shadow:0 16px 48px #00000040}.carousel-icon svg{color:#fff;width:36px;height:36px;stroke-width:2.5}.carousel-title{font-size:32px;font-weight:800;margin:0;line-height:1.2;letter-spacing:-.02em;color:#0f172a;text-align:left}.carousel-description{font-size:15px;margin:0;line-height:1.6;max-width:600px;font-weight:400;color:#64748b;text-align:left}.carousel-nav{display:none;position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid rgba(226,232,240,.9);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:20;box-shadow:0 8px 20px #0f172a26}.carousel-nav:hover{background:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 8px 24px #0ea5e940;border-color:var(--primary-500)}.carousel-nav svg{color:var(--primary-600);width:20px;height:20px}.carousel-nav-prev{left:32px}.carousel-nav-next{right:32px}@media(max-width:1024px){.carousel-container{height:320px}.carousel-slide{padding:40px 4%}.carousel-slide-layout{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;max-width:720px}.carousel-slide-panels{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.carousel-slide-aside{grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr))}.carousel-mini-card{min-height:70px}.carousel-logo-wall{grid-template-columns:repeat(3,minmax(0,1fr))}.carousel-mini-card{flex:1}.carousel-icon{width:56px;height:56px}.carousel-icon svg{width:32px;height:32px}.carousel-title{font-size:28px}.carousel-description{font-size:14px}.carousel-nav{width:36px;height:36px}.carousel-nav svg{width:18px;height:18px}.carousel-nav-prev{left:24px}.carousel-nav-next{right:24px}.carousel-indicators{bottom:24px}}@media(max-width:768px){.hero-carousel{margin-top:50px}.carousel-container{height:280px}.carousel-slide{padding:35px 6%}.carousel-slide-layout{padding:20px 22px;gap:16px;grid-template-columns:1fr}.carousel-badge{font-size:10px;padding:4px 10px}.carousel-icon{width:48px;height:48px}.carousel-icon svg{width:28px;height:28px}.carousel-title{font-size:24px}.carousel-description{font-size:13px;max-width:90%}.carousel-slide-panels{grid-template-columns:1fr}.carousel-slide-aside{grid-column:auto;grid-template-columns:1fr}.carousel-logo-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.carousel-nav{width:32px;height:32px}.carousel-nav svg{width:16px;height:16px}.carousel-nav-prev{left:16px}.carousel-nav-next{right:16px}.carousel-indicators{bottom:20px;padding:8px 12px;gap:8px}.carousel-indicator{width:6px;height:6px}.carousel-indicator.active{width:20px}}@media(max-width:480px){.carousel-container{height:220px}.carousel-slide{padding:30px 5%}.carousel-slide-content{gap:12px}.carousel-badge{font-size:9px;padding:3px 8px}.carousel-icon{width:42px;height:42px}.carousel-icon svg{width:24px;height:24px}.carousel-title{font-size:20px}.carousel-description{font-size:12px}.carousel-nav{width:28px;height:28px}.carousel-nav svg{width:14px;height:14px}.carousel-nav-prev{left:12px}.carousel-nav-next{right:12px}.carousel-indicators{bottom:16px;padding:6px 10px;gap:6px}.carousel-indicator{width:5px;height:5px}.carousel-indicator.active{width:18px}}body[data-theme=dark] .hero-carousel{background:var(--gray-900);border-top-color:var(--gray-800);border-bottom-color:var(--gray-800)}body[data-theme=dark] .carousel-nav{background:#1e293bf2;border-color:#ffffff1a;box-shadow:0 4px 16px #0000004d}body[data-theme=dark] .carousel-nav:hover{background:#1e293b;box-shadow:0 8px 24px #3b82f64d;border-color:var(--primary-500)}body[data-theme=dark] .carousel-nav svg{color:var(--primary-400)}body[data-theme=dark] .carousel-indicators{background:#1e293b99;border-color:#ffffff1a}body[data-theme=dark] .carousel-indicator{background:#ffffff4d}body[data-theme=dark] .carousel-indicator:hover{background:#fff9}body[data-theme=dark] .carousel-indicator.active{background:#ffffffe6;box-shadow:0 2px 8px #ffffff4d}body[data-theme=dark] .carousel-progress{background:#ffffff1a}body[data-theme=dark] .carousel-progress-bar{background:var(--primary-500);box-shadow:0 0 12px #3b82f699}.features-section{padding:96px 0;background:transparent}.section-header{text-align:center;margin-bottom:64px}.section-tag{display:inline-block;padding:6px 14px;background:linear-gradient(135deg,var(--primary-100),var(--primary-50));color:var(--primary-700);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;border-radius:6px;margin-bottom:16px}.section-header h2{font-size:40px;font-weight:700;color:#0c4a6e;margin:0 0 16px;line-height:1.3;letter-spacing:-.02em}.section-desc{font-size:17px;color:#475569;margin:0;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.feature-card{background:var(--glass-bg);border:1.5px solid var(--glass-border);border-radius:var(--radius-lg);padding:36px;transition:all .25s ease;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);backdrop-filter:blur(var(--glass-blur))}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-500),var(--primary-700));opacity:0;transition:opacity .3s}.feature-card:hover:before{opacity:1}.feature-card:hover{border-color:#0ea5e959;box-shadow:var(--shadow-md);transform:translateY(-6px)}.feature-card.featured{border-color:var(--primary-500);box-shadow:var(--shadow-lg);position:relative}.feature-card.featured:before{opacity:1}.feature-popular{position:absolute;top:20px;right:20px;padding:4px 12px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:11px;font-weight:600;border-radius:6px;text-transform:uppercase;letter-spacing:.05em}.feature-icon-wrapper{width:64px;height:64px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:all .3s}.feature-card:hover .feature-icon-wrapper{background:linear-gradient(135deg,#3b82f6,#2563eb)}.feature-svg{color:#3b82f6;transition:all .3s}.feature-card:hover .feature-svg{color:#fff;transform:scale(1.1)}.feature-card h3{font-size:22px;font-weight:700;color:#0f172a;margin:0 0 12px;line-height:1.3}.feature-intro{font-size:15px;color:#64748b;margin:0 0 20px;line-height:1.6}.feature-list{list-style:none;padding:0;margin:0 0 24px}.feature-list li{font-size:14px;line-height:1.9;color:#475569;padding-left:24px;position:relative;margin-bottom:10px}.feature-list li:before{content:"";position:absolute;left:0;top:8px;width:16px;height:16px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:3px;display:flex;align-items:center;justify-content:center}.feature-list li:after{content:"✓";position:absolute;left:4px;top:7px;color:#fff;font-weight:700;font-size:11px}.feature-badge{display:inline-block;padding:6px 14px;background:#f1f5f9;color:#475569;font-size:12px;font-weight:600;border-radius:6px;border:1px solid #e2e8f0}.capabilities-section{padding:96px 0;background:transparent}.capabilities-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.capability-group{display:flex;flex-direction:column;gap:18px;position:relative;padding:20px 18px;border-radius:16px;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 8px 18px #0f172a0a;backdrop-filter:blur(var(--glass-blur))}.capability-group:not(:last-child):after{content:"";position:absolute;top:20px;right:-14px;width:1px;height:calc(100% - 40px);background:linear-gradient(180deg,#0ea5e900,#0ea5e980,#0ea5e900);box-shadow:0 0 10px #0ea5e973}.capability-group-title{font-size:16px;font-weight:700;color:#0f172a;letter-spacing:.02em}.capability-item{display:flex;gap:20px;padding:22px;background:var(--glass-bg);border:1.5px solid var(--glass-border);border-radius:var(--radius-md);transition:all .25s ease;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);backdrop-filter:blur(var(--glass-blur));min-height:132px;height:132px}.capability-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary-500),var(--primary-700));opacity:0;transition:opacity .3s}.capability-item:hover:before{opacity:1}.capability-item:hover{background:#f0f9ffcc;border-color:#0ea5e959;box-shadow:var(--shadow-md);transform:translateY(-4px)}.capability-icon{width:52px;height:52px;background:linear-gradient(135deg,var(--primary-100),var(--primary-50));border-radius:var(--radius-sm);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#3b82f6;transition:all .3s}.capability-item:hover .capability-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;transform:scale(1.05)}.capability-icon svg{stroke-width:2.5}.capability-text{flex:1}.capability-text h4{font-size:17px;font-weight:700;color:#0f172a;margin:0 0 8px;line-height:1.3}.capability-text p{font-size:14px;line-height:1.7;color:#64748b;margin:0;min-height:44px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cta-section{padding:88px 0;background:linear-gradient(135deg,var(--primary-600),var(--primary-400));text-align:center}.contact-section{position:relative;padding:110px 0;background:transparent}.contact-section:after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(180deg,#fff0,#0ea5e914);pointer-events:none;z-index:0}.success-story-section{position:relative;padding:72px 0 64px;background:transparent}.success-story-section:before{content:"";position:absolute;top:0;left:50%;width:min(880px,90%);height:1px;transform:translate(-50%);background:linear-gradient(90deg,transparent,rgba(14,165,233,.25),transparent)}.success-story-section:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,165,233,.08),transparent 45%),repeating-linear-gradient(90deg,rgba(148,163,184,.12) 0,rgba(148,163,184,.12) 1px,transparent 1px,transparent 120px);opacity:.5;pointer-events:none;z-index:0}.success-story-section .product-container{position:relative;z-index:1}.success-story-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:28px 32px;backdrop-filter:blur(var(--glass-blur));display:flex;flex-direction:column;gap:16px}.story-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.story-company{font-size:18px;font-weight:700;color:#0f172a}.story-industry{font-size:12px;color:#64748b;margin-top:4px}.story-highlight{padding:8px 14px;border-radius:999px;background:#0ea5e91f;color:#0c4a6e;font-size:13px;font-weight:600}.story-detail{margin:0;color:#334155;font-size:14px;line-height:1.7}.story-dots{display:flex;gap:10px}.story-dot{width:10px;height:10px;border-radius:999px;border:none;background:#94a3b880;cursor:pointer;transition:all .2s ease}.story-dot.active{width:26px;background:linear-gradient(135deg,var(--primary-600),var(--primary-400));box-shadow:0 6px 16px #0ea5e940}.contact-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top,rgba(56,189,248,.18),transparent 60%),radial-gradient(circle at 80% 40%,rgba(14,165,233,.16),transparent 55%);pointer-events:none;z-index:0}.contact-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);gap:32px;align-items:stretch}.contact-info{display:flex;flex-direction:column;gap:18px;justify-content:space-between;height:100%;background:linear-gradient(160deg,#fffffff5,#f0f9ffd9);border:1px solid rgba(148,163,184,.24);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow-sm);backdrop-filter:blur(10px);position:relative;overflow:hidden}.contact-info:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(14,165,233,.08),transparent 55%),repeating-linear-gradient(90deg,rgba(148,163,184,.04) 0,rgba(148,163,184,.04) 1px,transparent 1px,transparent 160px);pointer-events:none;opacity:.7;z-index:0}.contact-info-card{background:transparent;border:none;border-radius:0;padding:0;box-shadow:none;position:relative;z-index:1}.contact-info-title{font-size:18px;font-weight:700;color:#0f172a;margin-bottom:10px}.contact-info-card p{margin:0;color:#475569;line-height:1.6;font-size:14px}.contact-info-list{display:flex;flex-direction:column;gap:10px;border-top:1px dashed rgba(148,163,184,.4);border-bottom:1px dashed rgba(148,163,184,.4);padding:16px 0;position:relative;z-index:1}.contact-info-item{display:flex;gap:10px;align-items:flex-start;color:#334155;font-size:14px}.info-dot{width:8px;height:8px;border-radius:999px;background:linear-gradient(135deg,var(--primary-500),var(--primary-300));box-shadow:0 0 0 4px #0ea5e91f;margin-top:6px;flex-shrink:0}.contact-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch;position:relative;z-index:1}.contact-channel{background:#fffffff2;border:1px solid rgba(148,163,184,.22);border-radius:var(--radius-md);padding:12px 16px;display:flex;flex-direction:column;gap:4px;font-size:13px;color:#64748b;min-height:78px;box-shadow:inset 0 1px #fffc}.contact-channel strong{font-size:14px;color:#0f172a}.contact-card{background:linear-gradient(160deg,#fffffffa,#f8fafce6);border:1px solid rgba(148,163,184,.25);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:30px;backdrop-filter:blur(var(--glass-blur));position:relative;overflow:hidden;height:100%}.contact-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(14,165,233,.22),transparent 40%,rgba(14,165,233,.12));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.contact-form{display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.contact-field{display:flex;flex-direction:column;gap:8px}.contact-field-full{grid-column:1 / -1}.contact-field label{font-size:13px;font-weight:600;color:#0c4a6e}.contact-field input,.contact-field textarea{padding:12px 14px;border-radius:var(--radius-md);border:1px solid rgba(148,163,184,.32);background:#fffffff5;color:#0f172a;font-size:14px;transition:all .2s ease}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#94a3b8}.contact-field input:hover,.contact-field textarea:hover{border-color:#0ea5e959}.contact-field input:focus,.contact-field textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e926}.contact-field textarea{min-height:120px;resize:vertical}.contact-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.btn-contact-primary{padding:12px 28px;border-radius:var(--radius-md);border:none;background:linear-gradient(135deg,var(--primary-600),var(--primary-400));color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn-contact-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.contact-note{font-size:12px;color:#64748b}.trust-logos-section{padding:96px 0;background:transparent}.logo-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.logo-pill{display:flex;align-items:center;justify-content:center;height:54px;border-radius:999px;background:#ffffffc7;border:1px solid rgba(148,163,184,.25);color:#64748b;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;box-shadow:var(--shadow-sm)}.industry-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.industry-tag{padding:8px 14px;border-radius:999px;font-size:12px;color:#0c4a6e;background:#0ea5e91a;border:1px solid rgba(14,165,233,.25);font-weight:600}.cta-content h2{font-size:40px;font-weight:700;color:#fff;margin:0 0 16px}.cta-content p{font-size:18px;color:#ffffffe6;margin:0 0 32px}.btn-cta{padding:16px 40px;background:var(--cta-500);color:#fff;border:none;border-radius:var(--radius-md);font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-md)}.btn-cta:hover{transform:translateY(-2px);filter:brightness(1.02);box-shadow:var(--shadow-lg)}.product-footer{padding:32px 0;background:#f8fafc;border-top:1px solid #e2e8f0}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-content p{margin:0;font-size:14px;color:#64748b}.footer-links{display:flex;gap:24px}.footer-links a{font-size:14px;color:#64748b;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#3b82f6}.modal-overlay{position:fixed;inset:0;background:#080f1eb8;display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px;box-sizing:border-box;animation:fadeInModal .18s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:20px;padding:0;width:100%;max-width:420px;max-height:calc(100vh - 32px);box-sizing:border-box;box-shadow:0 0 0 1px #94a3b826,0 32px 80px #080f1e47,0 8px 24px #080f1e1f;position:relative;animation:slideUpModal .22s cubic-bezier(.34,1.56,.64,1);overflow:hidden;display:flex;flex-direction:column}@keyframes slideUpModal{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0ea5e9,#6366f1,#8b5cf6);border-radius:20px 20px 0 0}.modal-close{position:absolute;top:14px;right:14px;width:28px;height:28px;background:transparent;border:1px solid rgba(148,163,184,.3);font-size:18px;line-height:1;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .15s;z-index:3}.modal-close:hover{background:#fee2e2;border-color:#fca5a5;color:#ef4444}.modal-shell{display:flex;flex-direction:column;position:relative;z-index:1;flex:1;min-height:0;overflow-y:auto}.modal-side{display:none}.modal-side:after{display:none}.modal-brand{display:none}.modal-main{padding:36px 32px 28px;background:transparent;min-width:0;display:flex;flex-direction:column}.modal-main:before{content:"";display:block;width:52px;height:52px;margin:0 auto 20px;border-radius:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center / 26px no-repeat,linear-gradient(135deg,#6366f1,#0ea5e9);box-shadow:0 8px 24px #6366f161,0 2px 8px #6366f133;flex-shrink:0}.modal-header{text-align:center;margin-bottom:24px;padding:0;border-bottom:none;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px}.modal-header h2{font-size:22px;font-weight:800;color:#0f172a;margin:0;line-height:1.3;letter-spacing:-.02em}.modal-header p{font-size:13px;color:#64748b;margin:0;line-height:1.5}.modal-body{padding:24px;overflow-y:auto;flex:1;min-height:0}.modal-form{display:flex;flex-direction:column;gap:16px}.form-field label{font-size:12px;font-weight:600;color:#475569;letter-spacing:.04em;text-transform:uppercase}.form-field input{box-sizing:border-box;width:100%;padding:11px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;color:#0f172a;background:#f8fafc;transition:border-color .15s,box-shadow .15s,background .15s;min-height:42px}.form-field input:focus{outline:none;border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11f}.form-field input::placeholder{color:#b0bac8;font-size:13px}.modal-form .alert.error{padding:9px 13px;font-size:13px;border-radius:9px;margin:0;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;word-break:break-word}.btn-modal-primary{padding:12px 20px;background:linear-gradient(135deg,#6366f1,#0ea5e9);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 4px 14px #6366f159;letter-spacing:.02em;margin-top:4px}.btn-modal-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #6366f173}.btn-modal-primary:active:not(:disabled){transform:translateY(0)}.btn-modal-primary:disabled{opacity:.55;cursor:not-allowed}.modal-hint{text-align:center;padding:9px 12px;background:#f8fafc;border-radius:9px;border:1px dashed #e2e8f0;font-size:12px;color:#64748b;margin-top:4px;overflow-wrap:break-word}.modal-footer{display:flex;justify-content:center;margin-top:16px;padding-top:14px;border-top:1px solid #f1f5f9}.btn-switch-mode{background:none;border:none;color:#6366f1;font-size:13px;font-weight:600;cursor:pointer;padding:5px 10px;border-radius:6px;transition:background .15s,color .15s}.btn-switch-mode:hover{background:#6366f114;color:#4f46e5}.btn-switch-mode:active{transform:scale(.97)}.modal-content.register-mode{max-width:460px}.modal-shell::-webkit-scrollbar{width:4px}.modal-shell::-webkit-scrollbar-track{background:transparent}.modal-shell::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.modal-body::-webkit-scrollbar{width:4px}.modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:480px){.modal-content{max-width:100%;border-radius:16px 16px 0 0;max-height:92vh;position:fixed;bottom:0;left:0;right:0;animation:slideUpSheet .25s cubic-bezier(.34,1.26,.64,1)}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-main{padding:28px 20px 24px}}@media(max-width:1024px){.features-grid{grid-template-columns:1fr}.hero-title{font-size:42px}.hero-layout{grid-template-columns:minmax(0,1.4fr) minmax(0,1.2fr)}.logo-wall{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-layout,.contact-grid,.contact-channels{grid-template-columns:1fr}}@media(max-width:640px){.modal-shell{grid-template-columns:1fr}}@media(max-width:768px){.hero-title{font-size:36px}.hero-subtitle{font-size:18px}.hero-actions{flex-direction:column;gap:12px}.hero-layout{grid-template-columns:minmax(0,1fr)}.hero-overview{max-width:420px;margin-top:32px}.capabilities-grid,.logo-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-pill{height:48px;font-size:12px}.footer-content{flex-direction:column;gap:16px;text-align:center}}.landing-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.landing-header{padding:20px 0;border-bottom:1px solid rgba(0,0,0,.08);background:#ffffffb3;backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.landing-container{max-width:1280px;margin:0 auto;padding:0 24px}.landing-nav{display:flex;align-items:center;justify-content:space-between}.landing-logo{display:flex;align-items:center;gap:12px}.logo-icon{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.logo-dot{width:12px;height:12px;background:linear-gradient(135deg,#38bdf8,#0ea5e9);border-radius:50%;position:relative;z-index:2;box-shadow:0 2px 8px #38bdf866}.logo-pulse{position:absolute;width:28px;height:28px;border:2px solid #38bdf8;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:0}}.logo-text{font-size:18px;font-weight:600;color:#0f172a}.landing-nav-actions{display:flex;gap:12px}.btn-icon{width:40px;height:40px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s}.btn-icon:hover{background:#f8fafc;border-color:#38bdf8}.landing-main{flex:1;display:flex;align-items:center;padding:60px 0}.landing-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.landing-content{display:flex;flex-direction:column;gap:28px}.landing-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#ffffffe6;border:1px solid rgba(0,0,0,.08);border-radius:999px;font-size:13px;font-weight:500;color:#64748b;width:fit-content}.status-dot{width:8px;height:8px;border-radius:50%;animation:blink 2s ease-in-out infinite}.dot-success{background:#10b981;box-shadow:0 0 8px #10b98180}.dot-warning{background:#f59e0b;box-shadow:0 0 8px #f59e0b80}.dot-error{background:#ef4444;box-shadow:0 0 8px #ef444480}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.landing-title{font-size:56px;font-weight:700;line-height:1.1;background:linear-gradient(135deg,#0f172a,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;letter-spacing:-.02em}.landing-description{font-size:18px;line-height:1.7;color:#64748b;margin:0;max-width:600px}.landing-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:28px;background:#ffffffe6;border:1px solid rgba(0,0,0,.08);border-radius:16px;backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000000a}.stat-item{text-align:center;padding:12px;border-radius:10px;transition:all .3s}.stat-item:hover{background:#38bdf80d;transform:scale(1.05)}.stat-value{font-size:36px;font-weight:700;color:#0f172a;font-family:Fira Code,monospace;line-height:1}.stat-unit{font-size:18px;color:#64748b;margin-left:4px}.stat-label{margin-top:8px;font-size:13px;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.landing-features{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature-item{display:flex;gap:14px;padding:20px;background:#ffffffb3;border:1px solid rgba(0,0,0,.06);border-radius:12px;transition:all .3s}.feature-item:hover{background:#fffffff2;border-color:#38bdf8;transform:translateY(-4px);box-shadow:0 12px 24px #00000014}.feature-icon{font-size:32px;line-height:1}.feature-text h3{margin:0 0 6px;font-size:16px;font-weight:600;color:#0f172a}.feature-text p{margin:0;font-size:14px;color:#64748b;line-height:1.5}.landing-login{position:relative}.login-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:20px;padding:40px;box-shadow:0 20px 60px #0000001a;animation:slideInRight .6s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.login-header{text-align:center;margin-bottom:32px}.login-header h2{margin:0 0 8px;font-size:28px;font-weight:700;color:#0f172a}.login-header p{margin:0;font-size:14px;color:#64748b}.login-form-enterprise{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:#334155}.form-group input{padding:12px 16px;border:1px solid #e2e8f0;border-radius:10px;font-size:15px;color:#0f172a;background:#fff;transition:all .2s}.form-group input:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf81a}.form-group input::placeholder{color:#94a3b8}.btn-login{padding:14px 24px;background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #38bdf84d}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #38bdf866}.btn-login:active:not(:disabled){transform:translateY(0)}.btn-login:disabled{opacity:.6;cursor:not-allowed}.login-hint{text-align:center;padding:16px;background:#f8fafc;border-radius:10px;margin-top:8px}.login-hint p{margin:0;font-size:13px;color:#64748b}.landing-footer{padding:24px 0;border-top:1px solid rgba(0,0,0,.08);background:#ffffff80;backdrop-filter:blur(10px)}.landing-footer p{margin:0;text-align:center;font-size:13px;color:#64748b}@media(max-width:1024px){.landing-grid{grid-template-columns:1fr;gap:40px}.landing-title{font-size:42px}.landing-stats{grid-template-columns:repeat(2,1fr)}.landing-features{grid-template-columns:1fr}.login-card{max-width:480px;margin:0 auto}}@media(max-width:640px){.landing-title{font-size:32px}.landing-description{font-size:16px}.landing-stats{grid-template-columns:1fr;padding:20px}.login-card{padding:28px 24px}}.start-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 20px}.start-card{width:min(720px,100%);background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:18px;box-shadow:0 18px 50px #0f172a14;transition:all .3s cubic-bezier(.4,0,.2,1)}.start-card.login-mode{max-width:420px}.start-card>*{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.start-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.status-text{font-size:13px;color:#64748b}.link{color:#0f172a;text-decoration:none}.link:hover{color:#38bdf8}.start-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.start-metrics>div{padding:14px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s ease}.start-metrics>div:hover{border-color:#38bdf8;box-shadow:0 4px 12px #38bdf826;transform:translateY(-2px)}.start-metric-label{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.start-metric-value{font-family:Fira Code,monospace;font-size:22px;color:#0f172a}.start-actions{display:flex;gap:12px;flex-wrap:wrap}.login-form{display:flex;flex-direction:column;gap:12px;animation:slideIn .4s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.login-form label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:#64748b}.login-form input{background:#fff;border:1px solid #e2e8f0;color:#0f172a;padding:10px 12px;border-radius:8px;font-size:14px}.login-form input:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}select{background:#fff;border:1px solid #e2e8f0;color:#0f172a;padding:10px 12px;border-radius:8px;font-size:14px}select:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}.filter-bar{display:grid;grid-template-columns:minmax(200px,1.6fr) minmax(160px,.8fr);gap:12px;align-items:center}.filter-bar input{background:#fff;border:1px solid #e2e8f0;color:#0f172a;padding:10px 12px;border-radius:8px;font-size:14px}.filter-bar input:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}.tab-bar{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:2px}.tab-button{padding:8px 14px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;color:#0f172a;font-size:13px;cursor:pointer}.tab-button.active{background:#0f172a14;border-color:#0f172a33;font-weight:600;box-shadow:none}.audit-note{margin:4px 0 16px;font-size:13px;color:#64748b}.two-col-form{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.app-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:10px 14px;border-bottom:1px solid #e5e7eb;border-radius:10px;background:#fff;box-shadow:0 1px 3px #0f172a0f}.eyebrow{font-family:Fira Code,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin:0 0 4px}.subtitle{margin:4px 0 0;color:#64748b}.header-actions{display:flex;gap:12px}.grid{display:grid;gap:16px}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.two-col{grid-template-columns:2fr 1.1fr;align-items:start}.balance-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:18px;align-items:start}.balance-main,.balance-side{display:flex;flex-direction:column;gap:16px}.balance-list-card,.balance-alert-card{height:auto}.balance-alert-card .alert-list{max-height:none;overflow:visible}.balance-actions{align-items:center}.balance-toolbar{align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.balance-toolbar-left,.balance-toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.balance-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.balance-card-head .provider-meta{margin-top:6px}.balance-card-head .alert-badge{align-self:flex-start}.balance-head-actions{display:flex;align-items:center;gap:8px}.balance-filters,.filter-bar{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;margin-bottom:12px;flex-wrap:wrap}.filter-bar input,.filter-bar select{height:36px;border-radius:10px;padding:6px 10px;border:1px solid #e2e8f0;background:#fff;color:#0f172a;font-size:14px}.filter-bar input:focus,.filter-bar select:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}.filter-bar input[type=text],.filter-bar input:not([type]){min-width:220px}.filter-bar input[type=date]{min-width:150px}.filter-bar input[type=number]{min-width:120px}.filter-bar select{min-width:140px}.filter-bar .btn{height:36px}.balance-filters .provider-meta{margin-left:auto}body[data-theme=dark] .balance-filters,body[data-theme=dark] .filter-bar{background:#0b1324;border-color:#1f2937}body[data-theme=dark] .filter-bar input,body[data-theme=dark] .filter-bar select{background:#0f172a;border-color:#1f2937;color:#e2e8f0}.balance-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}.balance-group-card{border:1px solid #e2e8f0;border-radius:10px;padding:14px;background:#f8fafc;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px}.balance-group-info{display:flex;flex-direction:column;gap:8px}.balance-group-form{display:grid;gap:10px}.balance-group-row{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:10px}.balance-group-row input,.balance-group-row select{width:100%}.balance-group-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}.balance-group-count{font-size:12px;color:#475569;background:#eef2f7;border-radius:999px;padding:4px 10px;white-space:nowrap}.balance-group-card .provider-meta{font-size:12px}body[data-theme=dark] .balance-group-card{background:#0b1324;border-color:#1f2937}body[data-theme=dark] .balance-group-count{background:#111827;color:#cbd5f5}.balance-grid .table{overflow-x:auto}.balance-table{max-height:520px;overflow:auto}.balance-table .table-header,.balance-table .table-row{grid-template-columns:56px 96px 180px 140px 110px 110px 110px 170px 200px;min-width:1172px}.billing-table .table-header,.billing-table .table-row{grid-template-columns:160px 140px 140px 140px 110px 120px 90px 130px 130px 110px 120px 180px 160px 120px;min-width:1580px}.billing-filters{align-items:center;justify-content:space-between;gap:12px}.billing-filters input{min-width:240px;flex:1;height:36px;border-radius:10px;padding:8px 12px}.billing-filters select{min-width:140px;height:36px;border-radius:10px;padding:6px 10px}.balance-filters-group{display:flex;align-items:center;gap:8px}.balance-filters-group input[type=date]{min-width:150px;height:36px;border-radius:10px;padding:6px 10px}.billing-card .balance-card-head{align-items:flex-start}.billing-two-col .billing-card{height:100%}.billing-two-col .chart-card{height:100%;display:flex;flex-direction:column;justify-content:flex-start}.billing-two-col{align-items:stretch}.billing-card .balance-card-head,.billing-card .balance-filters{padding-left:4px;padding-right:4px}.billing-card .balance-head-actions{align-items:center}.billing-card .table{margin-top:6px}.billing-filters .btn{height:36px}.billing-kpi-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:0}.billing-kpi-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;border:1px solid transparent;background:#fff;box-shadow:0 1px 4px #0000000f;transition:transform .18s,box-shadow .18s}.billing-kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.billing-kpi-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;flex-shrink:0}.billing-kpi-blue{border-color:#dbeafe;background:linear-gradient(135deg,#eff6ff,#fff)}.billing-kpi-blue .billing-kpi-icon{background:#dbeafe;color:#2563eb}.billing-kpi-green{border-color:#dcfce7;background:linear-gradient(135deg,#f0fdf4,#fff)}.billing-kpi-green .billing-kpi-icon{background:#dcfce7;color:#16a34a}.billing-kpi-purple{border-color:#ede9fe;background:linear-gradient(135deg,#f5f3ff,#fff)}.billing-kpi-purple .billing-kpi-icon{background:#ede9fe;color:#7c3aed}.billing-kpi-orange{border-color:#fed7aa;background:linear-gradient(135deg,#fff7ed,#fff)}.billing-kpi-orange .billing-kpi-icon{background:#fed7aa;color:#ea580c}.billing-kpi-teal{border-color:#ccfbf1;background:linear-gradient(135deg,#f0fdfa,#fff)}.billing-kpi-teal .billing-kpi-icon{background:#ccfbf1;color:#0d9488}.billing-kpi-indigo{border-color:#e0e7ff;background:linear-gradient(135deg,#eef2ff,#fff)}.billing-kpi-indigo .billing-kpi-icon{background:#e0e7ff;color:#4f46e5}.billing-kpi-emerald{border-color:#a7f3d0;background:linear-gradient(135deg,#ecfdf5,#fff)}.billing-kpi-emerald .billing-kpi-icon{background:#a7f3d0;color:#059669}.billing-kpi-amber{border-color:#fde68a;background:linear-gradient(135deg,#fffbeb,#fff)}.billing-kpi-amber .billing-kpi-icon{background:#fde68a;color:#d97706}.billing-kpi-sky{border-color:#bae6fd;background:linear-gradient(135deg,#f0f9ff,#fff)}.billing-kpi-sky .billing-kpi-icon{background:#bae6fd;color:#0284c7}.billing-kpi-growth{border-color:var(--growth-border, #f3f4f6);background:linear-gradient(135deg,var(--growth-bg, #f9fafb) 0%,#fff 100%)}.billing-kpi-growth .billing-kpi-icon{background:var(--growth-icon-bg, #f3f4f6);color:var(--growth-color, #9ca3af)}.billing-kpi-growth-val{color:var(--growth-color, #9ca3af)!important}.billing-kpi-body{min-width:0}.billing-kpi-label{font-size:11px;color:#6b7280;font-weight:500;margin-bottom:1px;white-space:nowrap}.billing-kpi-value{font-size:20px;font-weight:700;color:#111827;line-height:1.2}.billing-kpi-sub{font-size:11px;color:#9ca3af;margin-top:1px}.billing-pay-method-list{display:flex;flex-direction:column;gap:3px;margin:4px 0 2px}.billing-pay-method-row{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.4}.billing-pay-method-name{flex:1;color:#374151;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.billing-pay-method-count{color:#9ca3af;font-size:11px;flex-shrink:0}.billing-pay-method-amount{color:#6366f1;font-weight:700;font-size:12px;flex-shrink:0}.billing-pay-method-amount.billing-kpi-emerald-amt{color:#059669}body[data-theme=dark] .billing-pay-method-name{color:#e2e8f0}body[data-theme=dark] .billing-pay-method-amount{color:#818cf8}body[data-theme=dark] .billing-pay-method-amount.billing-kpi-emerald-amt{color:#34d399}.btc-section{display:flex;flex-direction:column;gap:12px;margin-bottom:0}.btc-main-card{padding:12px 14px 10px;min-width:0;margin-bottom:0}.btc-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;margin-bottom:8px}.btc-title-group{display:flex;align-items:center;gap:6px}.btc-title-icon{width:22px;height:22px;border-radius:6px;background:#6366f11a;color:#6366f1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btc-card-title{font-size:13px;font-weight:700;color:#111827;white-space:nowrap}.btc-controls-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.btc-tab-group{display:flex;background:#f3f4f6;border-radius:7px;padding:2px;gap:1px}.btc-tab{padding:3px 10px;font-size:11px;font-weight:500;border:none;background:transparent;color:#6b7280;border-radius:5px;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.btc-tab.active{background:#fff;color:#6366f1;font-weight:600;box-shadow:0 1px 3px #00000014}.btc-range-group{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.btc-range-btn{padding:3px 8px;font-size:11px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:6px;cursor:pointer;transition:all .15s;white-space:nowrap}.btc-range-btn:hover{border-color:#6366f1;color:#6366f1;background:#6366f10a}.btc-date-range-wrap{display:flex;align-items:center;gap:4px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:7px;padding:2px 6px}.btc-date-input{height:20px;font-size:11px;padding:1px 2px;border:none;background:transparent;color:#374151;width:96px;outline:none}.btc-date-sep{font-size:11px;color:#d1d5db}.btc-export-btn{display:flex;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:500;border:1px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:6px;cursor:pointer;transition:all .15s;white-space:nowrap}.btc-export-btn:hover{border-color:#6366f1;color:#6366f1;background:#6366f10a}.btc-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:120px;gap:8px}.btc-empty-icon{width:40px;height:40px;border-radius:10px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#d1d5db}.btc-empty-text{font-size:12px;color:#9ca3af}.btc-chart-canvas{display:flex;align-items:stretch;gap:4px}.btc-y-axis{display:flex;flex-direction:column;justify-content:space-between;width:32px;flex-shrink:0;padding-bottom:22px;padding-top:18px}.btc-y-label{font-size:9px;color:#b0b9c8;text-align:right;line-height:1}.btc-chart-inner{flex:1;min-width:0;display:flex;flex-direction:column}.btc-svg-wrap{flex:1;height:90px;position:relative;margin-top:16px}.btc-grid-line{color:#edf0f5}.btc-x-axis{height:22px;display:flex;justify-content:space-between;align-items:center;padding:0 2px;font-size:10px;color:#b0b9c8;margin-top:3px}.btc-footer-row{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:8px;border-top:1px solid #f3f4f6}.btc-legend{display:flex;align-items:center;gap:16px}.btc-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.btc-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.btc-legend-dash{width:18px;height:0;border-top:2px dashed;flex-shrink:0}.btc-chart-note{font-size:11px;color:#c4cad4}.btc-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:0;align-items:start}.billing-charts-row{display:grid;grid-template-columns:1fr 340px;gap:16px;margin-bottom:20px;align-items:start}.billing-chart-card{padding:20px}.billing-chart-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.billing-chart-meta{font-size:12px;color:#9ca3af;margin-top:3px}.billing-chart-controls{display:flex;gap:6px}.billing-date-filters{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 12px;background:var(--bg-subtle, #f8fafc);border-radius:10px;margin-bottom:12px}.billing-date-group{display:flex;align-items:center;gap:6px}.billing-date-label{font-size:12px;color:#6b7280;white-space:nowrap}.billing-date-filters input[type=date]{height:32px;font-size:13px;padding:4px 8px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#374151}.billing-quick-btns{display:flex;gap:5px}.billing-legend{display:flex;gap:10px;align-items:center;margin-left:auto}.billing-legend-item{display:flex;align-items:center;gap:5px;font-size:12px;color:#6b7280}.billing-legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.billing-dot-amount{background:#2563eb}.billing-dot-commission{background:#16a34a}.billing-dot-users{background:#7c3aed}.billing-svg-wrap{margin-top:6px}.billing-svg{width:100%;height:auto;display:block}.billing-axis{display:flex;justify-content:space-between;font-size:11px;color:#9ca3af;margin-top:4px;padding:0 4px}.billing-bar-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#6b7280;margin-bottom:4px;margin-top:14px}.billing-avg-tag{font-size:11px;color:#f59e0b;font-weight:600;background:#fffbeb;border:1px solid #fde68a;padding:2px 8px;border-radius:6px}.billing-right-col{display:flex;flex-direction:column;gap:14px}.billing-side-card{padding:18px 20px;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.btc-bottom-row>.card{height:100%;box-sizing:border-box}.billing-carousel-wrap{flex:1;overflow:hidden;position:relative;min-height:120px}.billing-carousel-track{display:flex;flex-direction:column;transition:transform .5s cubic-bezier(.4,0,.2,1)}.billing-carousel-row{display:grid;grid-template-columns:2fr 1.2fr 1.5fr 1fr 1.3fr;font-size:13px;padding:9px 8px;align-items:center;gap:4px;border-bottom:1px solid #f3f4f6;cursor:pointer;border-radius:6px;transition:background .15s;flex-shrink:0}.billing-carousel-row:hover{background:var(--bg-subtle, #f0f4ff)}.billing-carousel-row:last-child{border-bottom:none}.billing-carousel-dots{display:flex;justify-content:center;align-items:center;gap:6px;padding-top:10px;margin-top:auto}.billing-carousel-dot{width:6px;height:6px;border-radius:50%;background:#d1d5db;border:none;padding:0;cursor:pointer;transition:background .2s,transform .2s}.billing-carousel-dot.active{background:#6366f1;transform:scale(1.3)}.settlement-modal-overlay{position:fixed;inset:0;background:#00000073;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.settlement-modal{background:#fff;border-radius:16px;padding:28px 32px;width:480px;max-width:100%;box-shadow:0 20px 60px #0000002e;position:relative}.settlement-modal-title{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:20px;padding-right:32px}.settlement-modal-close{position:absolute;top:20px;right:20px;width:32px;height:32px;border-radius:8px;border:none;background:#f1f5f9;color:#64748b;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer}.settlement-modal-close:hover{background:#e2e8f0}.settlement-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}.settlement-detail-item{display:flex;flex-direction:column;gap:3px}.settlement-detail-label{font-size:11px;color:#9ca3af;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.settlement-detail-value{font-size:14px;color:#1e293b;font-weight:600}.settlement-detail-value.mono{font-family:monospace;font-size:13px}.settlement-modal-divider{height:1px;background:#f1f5f9;margin:16px 0}body[data-theme=dark] .billing-carousel-row:hover{background:#1e293b}body[data-theme=dark] .billing-carousel-row{border-color:#334155}body[data-theme=dark] .billing-carousel-dot{background:#334155}body[data-theme=dark] .billing-carousel-dot.active{background:#818cf8}body[data-theme=dark] .settlement-modal{background:#1e293b}body[data-theme=dark] .settlement-modal-title,body[data-theme=dark] .settlement-detail-value{color:#f1f5f9}body[data-theme=dark] .settlement-modal-close{background:#334155;color:#94a3b8}body[data-theme=dark] .settlement-modal-divider{background:#334155}.billing-side-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.billing-mini-table{display:flex;flex-direction:column;gap:2px}.billing-mini-header{display:grid;grid-template-columns:2fr 1.2fr 1.5fr 1fr 1.3fr;font-size:11px;color:#9ca3af;font-weight:600;padding:6px 8px;letter-spacing:.03em;background:#f8fafc;border-radius:8px;margin-bottom:4px}.billing-mini-row{display:grid;grid-template-columns:2fr 1.2fr 1.5fr 1fr 1.3fr;font-size:13px;padding:9px 8px;border-radius:8px;align-items:center;gap:4px;border-bottom:1px solid #f3f4f6}.billing-mini-row:last-child{border-bottom:none}.billing-mini-row:hover{background:var(--bg-subtle, #f8fafc)}.billing-id-text{font-family:monospace;font-size:12px;color:#6b7280}.billing-amount-text{font-weight:600;color:#111827}.billing-date-text{font-size:11px;color:#9ca3af}.fx-panel{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:16px;padding:0;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 12px #0f172a0f}.fx-panel-header{padding:16px 18px 12px;border-bottom:1px solid var(--border-color, #e2e8f0);background:linear-gradient(135deg,#6366f10a,#0ea5e908)}.fx-panel-title-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.fx-panel-icon{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#6366f1,#0ea5e9);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.fx-panel-title{font-size:14px;font-weight:700;color:var(--text-primary, #0f172a);letter-spacing:-.01em}.fx-stale-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:20px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#d97706;font-size:11px;font-weight:600}.fx-panel-meta-row{display:flex;align-items:center;gap:14px}.fx-base-label,.fx-updated-label{font-size:11.5px;color:var(--text-tertiary, #94a3b8)}.fx-base-label strong{color:#6366f1;font-weight:700}.fx-reminder-row{display:flex;align-items:center;gap:6px;padding:9px 18px;background:var(--bg-subtle, #f8fafc);border-bottom:1px solid var(--border-color, #e2e8f0);color:var(--text-tertiary, #94a3b8)}.fx-reminder-label{font-size:12px;color:var(--text-secondary, #64748b);flex:1}.fx-reminder-input{width:56px;height:26px;padding:0 8px;font-size:12.5px;font-weight:600;border-radius:7px;border:1.5px solid var(--border-color, #e2e8f0);background:var(--card-bg, #fff);color:var(--text-primary, #0f172a);text-align:center;outline:none;transition:border-color .15s}.fx-reminder-input:focus{border-color:#6366f1}.fx-reminder-unit{font-size:12px;color:var(--text-secondary, #64748b)}.fx-rates-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px;align-content:start}@media(max-width:900px){.fx-rates-list{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.fx-rates-list{grid-template-columns:repeat(2,1fr)}}.fx-rate-card{position:relative;padding:12px 14px;border-radius:12px;border:1.5px solid var(--fx-border, rgba(99,102,241,.18));background:var(--fx-bg, rgba(99,102,241,.05));cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;overflow:hidden;display:flex;flex-direction:column}.fx-rate-card:before{content:"";position:absolute;inset:0;background:var(--fx-glow, rgba(99,102,241,.08));opacity:0;transition:opacity .15s;border-radius:inherit}.fx-rate-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--fx-glow, rgba(99,102,241,.15));border-color:var(--fx-accent, #6366f1)}.fx-rate-card:hover:before{opacity:1}.fx-rate-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.fx-currency-pair{display:flex;align-items:center;gap:5px}.fx-currency-chip{font-size:11px;font-weight:800;letter-spacing:.05em;padding:2px 7px;border-radius:5px}.fx-from{background:#6366f11f;color:#6366f1}.fx-to{background:#10b9811f;color:#10b981}.fx-arrow-icon{color:var(--fx-accent, #6366f1);opacity:.7}.fx-edit-hint{color:var(--fx-accent, #6366f1);opacity:0;transition:opacity .15s}.fx-rate-card:hover .fx-edit-hint{opacity:.7}.fx-rate-value{flex:1;margin-bottom:8px;display:flex;flex-direction:column;justify-content:flex-end}.fx-rate-number{font-size:22px;font-weight:800;color:var(--text-primary, #0f172a);letter-spacing:-.02em;line-height:1;display:block}.fx-rate-unit{font-size:10.5px;color:var(--text-tertiary, #94a3b8);margin-top:2px;display:block}.fx-currency-name{font-size:11px;font-weight:600;color:var(--fx-accent, #6366f1);margin-top:3px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fx-rate-footer{display:flex;align-items:center;gap:4px;font-size:10.5px;color:var(--text-tertiary, #94a3b8)}.fx-add-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:100px;border:2px dashed var(--border-color, #e2e8f0)!important;background:transparent!important;color:var(--text-tertiary, #94a3b8);font-size:12px;font-weight:600;transition:border-color .15s,color .15s,background .15s!important}.fx-add-card:hover{border-color:#6366f1!important;color:#6366f1!important;background:#6366f10a!important;transform:translateY(-2px);box-shadow:none!important}.fx-add-card:before{display:none}.fx-refresh-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:8px;border:1px solid rgba(99,102,241,.3);background:#6366f10f;color:#6366f1;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s;margin-left:auto}.fx-refresh-btn:hover:not(:disabled){background:#6366f11f;border-color:#6366f1}.fx-refresh-btn:disabled{opacity:.55;cursor:not-allowed}@keyframes fx-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fx-source-label{font-size:10px;color:#94a3b8;margin-left:auto}.fx-source-badge{font-size:9px;font-weight:700;padding:1px 5px;border-radius:4px;background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2);letter-spacing:.02em}.fx-delete-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;border:1px solid transparent;background:transparent;color:#94a3b8;cursor:pointer;transition:background .15s,color .15s;padding:0}.fx-delete-btn:hover{background:#ef44441a;color:#ef4444;border-color:#ef444433}.fx-loading-tip{grid-column:1 / -1;text-align:center;color:#94a3b8;font-size:12px;padding:16px 0}.fx-modal-overlay{position:fixed;inset:0;background:#0f172a8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.fx-modal{position:relative;background:var(--card-bg, #fff);border-radius:18px;width:100%;max-width:440px;box-shadow:0 24px 60px #00000038,0 0 0 1px #ffffff14;overflow:hidden;animation:fx-modal-in .22s cubic-bezier(.34,1.56,.64,1)}@keyframes fx-modal-in{0%{opacity:0;transform:scale(.93) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.fx-modal-strip{height:4px;background:linear-gradient(90deg,#6366f1,#0ea5e9,#10b981)}.fx-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 14px;border-bottom:1px solid var(--border-color, #e2e8f0)}.fx-modal-header-left{display:flex;align-items:center;gap:11px}.fx-modal-header-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#0ea5e9);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.fx-modal-title{font-size:14px;font-weight:700;color:var(--text-primary, #0f172a)}.fx-modal-subtitle{font-size:11.5px;color:var(--text-tertiary, #94a3b8);margin-top:1px}.fx-modal-close{width:28px;height:28px;border-radius:7px;border:1.5px solid var(--border-color, #e2e8f0);background:none;color:var(--text-secondary, #64748b);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.fx-modal-close:hover{background:#ef44440f;border-color:#ef44444d;color:#ef4444}.fx-modal-error{display:flex;align-items:center;gap:7px;margin:10px 20px 0;padding:9px 12px;border-radius:9px;background:#ef444412;border:1px solid rgba(239,68,68,.2);color:#dc2626;font-size:12.5px;font-weight:500}.fx-modal-body{padding:16px 20px}.fx-modal-preview{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;margin-bottom:16px;background:linear-gradient(135deg,#6366f10d,#0ea5e90d);border-radius:12px;border:1.5px dashed rgba(99,102,241,.25)}.fx-preview-chip{font-size:13px;font-weight:800;letter-spacing:.06em;padding:4px 12px;border-radius:7px;background:#6366f11a;color:#6366f1}.fx-preview-cny{background:#10b9811a;color:#10b981}.fx-preview-rate{font-size:22px;font-weight:800;color:var(--text-primary, #0f172a);letter-spacing:-.02em}.fx-modal-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fx-field-group{display:flex;flex-direction:column;gap:5px}.fx-field-full{grid-column:1 / -1}.fx-field-label{font-size:11.5px;font-weight:600;color:var(--text-secondary, #64748b)}.fx-required{color:#ef4444;margin-left:2px}.fx-field-input-wrap{position:relative;display:flex;align-items:center}.fx-field-input{width:100%;height:36px;padding:0 11px;border-radius:9px;border:1.5px solid var(--border-color, #e2e8f0);background:var(--bg-subtle, #f8fafc);color:var(--text-primary, #0f172a);font-size:13.5px;outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.fx-field-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;background:var(--card-bg, #fff)}.fx-field-readonly{cursor:not-allowed;opacity:.65}.fx-rate-input-wrap{gap:0}.fx-field-prefix,.fx-field-suffix{font-size:12px;font-weight:600;color:var(--text-secondary, #64748b);white-space:nowrap;background:var(--bg-subtle, #f1f5f9);border:1.5px solid var(--border-color, #e2e8f0);height:36px;padding:0 10px;display:flex;align-items:center;box-sizing:border-box}.fx-field-prefix{border-radius:9px 0 0 9px;border-right:none}.fx-field-suffix{border-radius:0 9px 9px 0;border-left:none}.fx-rate-input{border-radius:0!important;flex:1}.fx-rate-input:focus{z-index:1}.fx-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--border-color, #e2e8f0);background:var(--bg-subtle, #f8fafc)}.fx-modal-btn-cancel{height:34px;padding:0 16px;border-radius:8px;border:1.5px solid var(--border-color, #e2e8f0);background:none;color:var(--text-secondary, #64748b);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.fx-modal-btn-cancel:hover{background:var(--bg-subtle, #f1f5f9);color:var(--text-primary, #0f172a)}.fx-modal-btn-save{display:flex;align-items:center;gap:6px;height:34px;padding:0 18px;border-radius:8px;border:none;background:linear-gradient(135deg,#6366f1,#0ea5e9);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s;box-shadow:0 3px 10px #6366f14d}.fx-modal-btn-save:hover{transform:translateY(-1px);box-shadow:0 6px 18px #6366f166}body[data-theme=dark] .fx-panel{background:#1e293b;border-color:#334155}body[data-theme=dark] .fx-panel-header{background:linear-gradient(135deg,#6366f114,#0ea5e90d)}body[data-theme=dark] .fx-reminder-row{background:#0f172a;border-color:#334155}body[data-theme=dark] .fx-reminder-input{background:#1e293b;border-color:#334155;color:#f1f5f9}body[data-theme=dark] .fx-rate-card{border-color:var(--fx-border)}body[data-theme=dark] .fx-rate-number{color:#f1f5f9}body[data-theme=dark] .fx-modal{background:#1e293b}body[data-theme=dark] .fx-modal-header{border-color:#334155}body[data-theme=dark] .fx-modal-footer{background:#0f172a;border-color:#334155}body[data-theme=dark] .fx-field-input{background:#0f172a;border-color:#334155;color:#f1f5f9}body[data-theme=dark] .fx-field-input:focus{background:#1e293b}body[data-theme=dark] .fx-field-prefix,body[data-theme=dark] .fx-field-suffix{background:#0f172a;border-color:#334155;color:#94a3b8}body[data-theme=dark] .fx-modal-preview{background:linear-gradient(135deg,#6366f11a,#0ea5e914)}body[data-theme=dark] .fx-preview-rate{color:#f1f5f9}body[data-theme=dark] .fx-add-card{border-color:#334155!important}body[data-theme=dark] .fx-refresh-btn{background:#6366f11a;border-color:#6366f14d}body[data-theme=dark] .fx-source-label,body[data-theme=dark] .fx-loading-tip,body[data-theme=dark] .fx-delete-btn{color:#64748b}.billing-fx-warn{color:#f59e0b;font-weight:600}.billing-list-card{padding:16px 20px;margin-bottom:0}.billing-list-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.billing-search-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.billing-search-input-wrap{position:relative;flex:1;min-width:220px}.billing-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.billing-search-input{width:100%;height:38px;padding:8px 12px 8px 34px;border:1px solid #e5e7eb;border-radius:10px;font-size:13px;background:#fff;color:#374151;transition:border-color .2s;box-sizing:border-box}.billing-search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.billing-select{height:38px;padding:6px 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:13px;background:#fff;color:#374151;cursor:pointer;min-width:120px}.billing-result-count{font-size:12px;color:#9ca3af;white-space:nowrap;margin-left:auto}.billing-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.billing-empty{grid-column:1/-1;text-align:center;padding:32px;color:#9ca3af;font-size:14px}.billing-item-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;gap:0;transition:box-shadow .2s,border-color .2s,transform .15s;box-shadow:0 1px 4px #0000000a}.billing-item-card:hover{box-shadow:0 6px 24px #6366f11a;border-color:#c7d2fe;transform:translateY(-2px)}.billing-item-stripe{height:4px;width:100%;flex-shrink:0}.billing-item-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 5px}.billing-item-id{display:flex;align-items:center;gap:5px;font-family:SF Mono,Fira Code,monospace;font-size:11px;color:#6b7280;background:#f3f4f6;padding:3px 9px;border-radius:6px;letter-spacing:.02em}.billing-item-info{padding:3px 14px 8px;border-bottom:1px solid #f3f4f6}.billing-item-user{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:700;color:#111827;margin-bottom:3px}.billing-item-plan{font-size:12px;color:#6b7280;padding-left:20px}.billing-item-amounts{display:flex;align-items:stretch;padding:10px 14px;gap:0;background:#f9fafb}.billing-item-amount-block{flex:1;display:flex;flex-direction:column;gap:4px}.billing-item-divider{width:1px;background:#e5e7eb;margin:0 16px;flex-shrink:0}.billing-item-amount-label{font-size:11px;color:#9ca3af;font-weight:500}.billing-item-amount-row{display:flex;align-items:baseline;gap:4px}.billing-item-amount-val{font-size:18px;font-weight:800;color:#111827;letter-spacing:-.02em}.billing-item-currency{font-size:11px;font-weight:600;color:#6366f1;background:#eef2ff;padding:1px 6px;border-radius:4px}.billing-item-comm-val{font-size:16px;font-weight:700;color:#16a34a}.billing-item-meta-row{display:flex;align-items:center;justify-content:space-between;padding:6px 14px;border-top:1px solid #f3f4f6}.billing-item-dates{display:flex;align-items:center;gap:4px;font-size:11px;color:#9ca3af}.billing-item-dates svg{opacity:.5}.billing-item-pay{font-size:11px;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:5px}.billing-item-extra{display:flex;flex-wrap:wrap;gap:6px;font-size:11px;color:#9ca3af;padding:0 14px 6px}.billing-item-extra span{display:flex;align-items:center;gap:3px;background:#f9fafb;border:1px solid #e5e7eb;padding:2px 7px;border-radius:5px}.billing-item-actions{display:flex;align-items:center;gap:0;border-top:1px solid #f3f4f6}.bill-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:7px 4px;font-size:12px;font-weight:500;border:none;background:transparent;cursor:pointer;transition:background .15s,color .15s;border-right:1px solid #f3f4f6}.bill-action-btn:last-child{border-right:none}.bill-action-btn:hover{background:#f3f4f6}.bill-action-detail{color:#4b5563}.bill-action-edit{color:#6366f1}.bill-action-download{color:#0891b2}.bill-action-delete{color:#ef4444}.bill-action-detail:hover{background:#f3f4f6;color:#111827}.bill-action-edit:hover{background:#eef2ff;color:#4f46e5}.bill-action-download:hover{background:#ecfeff;color:#0e7490}.bill-action-delete:hover{background:#fef2f2;color:#dc2626}.bill-status{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.bill-status-active{background:#dcfce7;color:#16a34a}.bill-status-warn{background:#fff7ed;color:#ea580c}.bill-status-expired{background:#fee2e2;color:#dc2626}body[data-theme=dark] .billing-kpi-card{background:#1e293b;border-color:#334155}body[data-theme=dark] .billing-kpi-blue{background:linear-gradient(135deg,#1e3a5f,#1e293b)}body[data-theme=dark] .billing-kpi-green{background:linear-gradient(135deg,#14532d,#1e293b)}body[data-theme=dark] .billing-kpi-purple{background:linear-gradient(135deg,#3b1f6e,#1e293b)}body[data-theme=dark] .billing-kpi-orange{background:linear-gradient(135deg,#431407,#1e293b)}body[data-theme=dark] .billing-kpi-teal{background:linear-gradient(135deg,#042f2e,#1e293b)}body[data-theme=dark] .billing-kpi-indigo{background:linear-gradient(135deg,#1e1b4b,#1e293b);border-color:#312e81}body[data-theme=dark] .billing-kpi-emerald{background:linear-gradient(135deg,#022c22,#1e293b);border-color:#065f46}body[data-theme=dark] .billing-kpi-amber{background:linear-gradient(135deg,#2d1a00,#1e293b);border-color:#78350f}body[data-theme=dark] .billing-kpi-sky{background:linear-gradient(135deg,#0c2a3d,#1e293b);border-color:#075985}body[data-theme=dark] .billing-kpi-indigo .billing-kpi-icon{background:#4f46e533}body[data-theme=dark] .billing-kpi-emerald .billing-kpi-icon{background:#05966933}body[data-theme=dark] .billing-kpi-amber .billing-kpi-icon{background:#d9770633}body[data-theme=dark] .billing-kpi-sky .billing-kpi-icon{background:#0284c733}body[data-theme=dark] .billing-kpi-value{color:#f1f5f9}body[data-theme=dark] .billing-kpi-label{color:#94a3b8}body[data-theme=dark] .btc-card-title{color:#f1f5f9}body[data-theme=dark] .btc-title-icon{background:#6366f126}body[data-theme=dark] .btc-tab-group{background:#0f172a}body[data-theme=dark] .btc-tab{color:#64748b}body[data-theme=dark] .btc-tab.active{background:#1e293b;color:#818cf8}body[data-theme=dark] .btc-range-btn{background:#1e293b;border-color:#334155;color:#94a3b8}body[data-theme=dark] .btc-range-btn:hover{background:#6366f11a;border-color:#6366f1;color:#818cf8}body[data-theme=dark] .btc-export-btn{background:#1e293b;border-color:#334155;color:#94a3b8}body[data-theme=dark] .btc-export-btn:hover{background:#6366f11a;border-color:#6366f1;color:#818cf8}body[data-theme=dark] .btc-date-range-wrap{background:#0f172a;border-color:#334155}body[data-theme=dark] .btc-date-input{color:#e2e8f0}body[data-theme=dark] .btc-date-sep{color:#475569}body[data-theme=dark] .btc-grid-line{color:#1e3a5f}body[data-theme=dark] .btc-y-label,body[data-theme=dark] .btc-x-axis{color:#334155}body[data-theme=dark] .btc-legend-item{color:#64748b}body[data-theme=dark] .btc-footer-row{border-color:#1e293b}body[data-theme=dark] .btc-chart-note{color:#334155}body[data-theme=dark] .btc-empty-icon{background:#0f172a;color:#334155}body[data-theme=dark] .btc-empty-text{color:#475569}body[data-theme=dark] .billing-item-card{background:#1e293b;border-color:#334155;box-shadow:0 1px 4px #0003}body[data-theme=dark] .billing-item-card:hover{border-color:#6366f1;box-shadow:0 6px 24px #6366f126}body[data-theme=dark] .billing-item-id{background:#0f172a;color:#64748b}body[data-theme=dark] .billing-item-info{border-color:#334155}body[data-theme=dark] .billing-item-user{color:#f1f5f9}body[data-theme=dark] .billing-item-plan{color:#64748b}body[data-theme=dark] .billing-item-amounts{background:#0f172a}body[data-theme=dark] .billing-item-divider{background:#334155}body[data-theme=dark] .billing-item-amount-val{color:#f1f5f9}body[data-theme=dark] .billing-item-currency{background:#312e81;color:#a5b4fc}body[data-theme=dark] .billing-item-meta-row{border-color:#334155}body[data-theme=dark] .billing-item-pay{background:#0f172a;color:#64748b}body[data-theme=dark] .billing-item-extra{color:#475569}body[data-theme=dark] .billing-item-extra span{background:#0f172a;border-color:#334155}body[data-theme=dark] .billing-item-actions{border-color:#334155}body[data-theme=dark] .bill-action-btn{color:#64748b;border-color:#334155}body[data-theme=dark] .bill-action-btn:hover{background:#0f172a}body[data-theme=dark] .bill-action-edit{color:#818cf8}body[data-theme=dark] .bill-action-edit:hover{background:#1e1b4b;color:#a5b4fc}body[data-theme=dark] .bill-action-download{color:#22d3ee}body[data-theme=dark] .bill-action-download:hover{background:#0c4a6e}body[data-theme=dark] .bill-action-delete{color:#f87171}body[data-theme=dark] .bill-action-delete:hover{background:#450a0a}body[data-theme=dark] .billing-search-input,body[data-theme=dark] .billing-select{background:#1e293b;border-color:#334155;color:#e2e8f0}body[data-theme=dark] .billing-fx-item{background:#1e293b;border-color:#334155}body[data-theme=dark] .billing-fx-rate{color:#f1f5f9}body[data-theme=dark] .billing-mini-row:hover{background:#1e293b}body[data-theme=dark] .billing-mini-header{background:#0f172a}body[data-theme=dark] .billing-mini-row{border-color:#334155}body[data-theme=dark] .billing-amount-text{color:#f1f5f9}body[data-theme=dark] .billing-date-filters{background:#1e293b}body[data-theme=dark] .billing-date-filters input[type=date]{background:#0f172a;border-color:#334155;color:#e2e8f0}@media(max-width:1200px){.billing-kpi-row{grid-template-columns:repeat(3,1fr)}.billing-charts-row,.btc-bottom-row{grid-template-columns:1fr}}@media(max-width:768px){.billing-kpi-row{grid-template-columns:repeat(2,1fr)}.btc-bottom-row{grid-template-columns:1fr}.billing-fx-list{grid-template-columns:repeat(2,1fr)}.billing-cards-grid{grid-template-columns:1fr}.btc-y-axis{display:none}.btc-header{flex-direction:column;align-items:flex-start}}.balance-table .table-header.sticky{position:sticky;top:0;z-index:2;background:#f8fafc}body[data-theme=dark] .balance-table .table-header.sticky{background:#0f172a}.bill-form-modal{position:relative;width:min(720px,96vw);max-height:90vh;display:flex;flex-direction:column;background:#fff;border-radius:20px;box-shadow:0 24px 80px #0000002e,0 4px 16px #00000014;overflow:hidden;animation:bill-form-in .22s cubic-bezier(.34,1.56,.64,1)}@keyframes bill-form-in{0%{opacity:0;transform:translateY(-18px) scale(.97)}to{opacity:1;transform:none}}.bill-form-header{display:flex;align-items:center;gap:14px;padding:20px 24px 18px;background:linear-gradient(135deg,#6366f1,#4f46e5);flex-shrink:0}.bill-form-header-icon{width:40px;height:40px;border-radius:12px;background:#ffffff26;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.bill-form-title{font-size:16px;font-weight:700;color:#fff;line-height:1.2}.bill-form-subtitle{font-size:12px;color:#ffffffb3;margin-top:2px}.bill-form-close{margin-left:auto;width:32px;height:32px;border:none;background:#ffffff26;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ffffffd9;transition:background .15s;flex-shrink:0}.bill-form-close:hover{background:#ffffff47}.bill-form-error{margin:12px 24px 0;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;font-size:13px;border-radius:10px;flex-shrink:0}.bill-form-body{flex:1;overflow-y:auto;padding:4px 0 0}.bill-form-body::-webkit-scrollbar{width:4px}.bill-form-body::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.bill-form-section{padding:18px 24px 14px;border-bottom:1px solid #f1f5f9}.bill-form-section-last{border-bottom:none;padding-bottom:18px}.bill-form-section-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}.bill-form-section-label em{font-style:normal;font-size:10px;background:#fef3c7;color:#d97706;padding:1px 6px;border-radius:20px;font-weight:700;letter-spacing:0}.bill-form-empty-users{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 0;color:#94a3b8;text-align:center}.bill-form-empty-users p{font-size:13px;margin:0}.bill-form-empty-users-inline{flex-direction:row;padding:8px 10px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;color:#92400e;font-size:12px;font-weight:500;gap:5px;align-items:center}.bill-form-goto-link{font-size:12px;color:#6366f1;font-weight:600;text-decoration:none;padding:2px 8px;background:#6366f114;border-radius:20px;transition:background .15s}.bill-form-goto-link:hover{background:#6366f129}.bill-form-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bill-form-row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.bill-form-field{display:flex;flex-direction:column;gap:6px}.bill-form-field-label{font-size:12px;font-weight:600;color:#64748b}.bill-form-field-label em{font-style:normal;color:#ef4444;margin-left:2px}.bill-form-pkg-preview{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#6366f10f;border:1px solid rgba(99,102,241,.15);border-radius:8px;margin-top:4px}.bill-form-pkg-price{font-size:18px;font-weight:800;color:#6366f1}.bill-form-pkg-dur{font-size:12px;color:#94a3b8}.bill-form-pkg-code{margin-left:auto;font-size:10px;font-weight:700;background:#6366f11f;color:#6366f1;padding:2px 8px;border-radius:20px}.bill-form-input{width:100%;box-sizing:border-box;padding:9px 12px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;font-size:13px;color:#1e293b;transition:border-color .15s,background .15s;outline:none}.bill-form-input:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.bill-form-select{width:100%;box-sizing:border-box;padding:9px 32px 9px 12px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;font-size:13px;color:#1e293b;transition:border-color .15s;outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.bill-form-select:focus{border-color:#6366f1;background-color:#fff;box-shadow:0 0 0 3px #6366f11a}.bill-form-amount-wrap{position:relative;display:flex;align-items:center}.bill-form-currency-prefix{position:absolute;left:12px;font-size:15px;font-weight:700;color:#6366f1;pointer-events:none;z-index:1}.bill-form-input-amount{padding-left:26px}.bill-form-currency-tabs{display:flex;gap:6px}.bill-form-currency-tab{flex:1;padding:9px 6px;border-radius:10px;font-size:12px;font-weight:700;border:1.5px solid #e2e8f0;background:#f8fafc;cursor:pointer;color:#64748b;transition:all .15s}.bill-form-currency-tab.active{border-color:#6366f1;background:#6366f114;color:#6366f1}.bill-form-pay-tabs{display:flex;flex-wrap:wrap;gap:6px}.bill-form-pay-tab{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;border:1.5px solid #e2e8f0;background:#f8fafc;cursor:pointer;color:#64748b;transition:all .15s;white-space:nowrap}.bill-form-pay-tab.active{border-color:#6366f1;background:#6366f114;color:#6366f1}.bill-form-pay-tab:hover:not(.active){border-color:#c7d2fe}.bill-form-status-tabs{display:flex;gap:6px}.bill-form-status-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 6px;border-radius:10px;font-size:12px;font-weight:600;border:1.5px solid #e2e8f0;background:#f8fafc;cursor:pointer;color:#64748b;transition:all .15s;white-space:nowrap}.bill-form-status-tab.active{border-color:var(--status-color, #10b981);background:color-mix(in srgb,var(--status-color, #10b981) 8%,#fff);color:var(--status-color, #10b981)}.bill-form-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.bill-form-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;border-top:1px solid #f1f5f9;background:#fafbfc;flex-shrink:0}.bill-form-footer-hint{display:flex;align-items:center;gap:6px;font-size:12px;color:#94a3b8}.bill-form-footer-dot{width:7px;height:7px;border-radius:50%;background:#d1d5db;flex-shrink:0}.bill-form-footer-actions{display:flex;gap:8px}.bill-form-btn-cancel{padding:9px 18px;border-radius:10px;background:transparent;border:1.5px solid #e2e8f0;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s}.bill-form-btn-cancel:hover{background:#f1f5f9;border-color:#cbd5e1}.bill-form-btn-save{display:flex;align-items:center;gap:7px;padding:9px 20px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s;box-shadow:0 4px 14px #6366f14d}.bill-form-btn-save:hover{background:linear-gradient(135deg,#4f46e5,#3730a3);box-shadow:0 6px 20px #6366f166;transform:translateY(-1px)}body[data-theme=dark] .bill-form-modal{background:#1e293b;box-shadow:0 24px 80px #00000080}body[data-theme=dark] .bill-form-section{border-color:#334155}body[data-theme=dark] .bill-form-section-label{color:#475569}body[data-theme=dark] .bill-form-empty-users-inline{background:#422006;border-color:#92400e;color:#fcd34d}body[data-theme=dark] .bill-form-input,body[data-theme=dark] .bill-form-select{background:#0f172a;border-color:#334155;color:#e2e8f0}body[data-theme=dark] .bill-form-input:focus,body[data-theme=dark] .bill-form-select:focus{background:#1e293b;border-color:#6366f1}body[data-theme=dark] .bill-form-currency-tab,body[data-theme=dark] .bill-form-pay-tab,body[data-theme=dark] .bill-form-status-tab{background:#0f172a;border-color:#334155;color:#64748b}body[data-theme=dark] .bill-form-footer{background:#0f172a;border-color:#334155}body[data-theme=dark] .bill-form-btn-cancel{border-color:#334155;color:#64748b}body[data-theme=dark] .bill-form-btn-cancel:hover{background:#1e293b}body[data-theme=dark] .bill-form-pkg-preview{background:#6366f114;border-color:#6366f133}body[data-theme=dark] .bill-form-error{background:#450a0a;border-color:#991b1b;color:#fca5a5}@media(max-width:600px){.bill-form-row2{grid-template-columns:1fr}.bill-form-row3{grid-template-columns:1fr 1fr}}.stack{display:flex;flex-direction:column;gap:16px}.card{background:linear-gradient(180deg,#fff,#f9fafb);border:1px solid #e5e7eb;border-radius:8px;padding:16px;box-shadow:0 1px 2px #0f172a0a;transition:box-shadow .2s ease;position:relative;--card-accent: rgba(15, 23, 42, .35)}.card.card-data{background:linear-gradient(180deg,#fff,#f7f9fc)}.card.card-table{background:linear-gradient(180deg,#fff,#fbfcfe)}.card.card-form{background:linear-gradient(180deg,#fff,#f5f7fb)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--card-accent),rgba(15,23,42,.08),transparent);border-top-left-radius:8px;border-top-right-radius:8px}.summary-grid .card:nth-child(1){--card-accent: #1f2937}.summary-grid .card:nth-child(2){--card-accent: #334155}.summary-grid .card:nth-child(3){--card-accent: #1d4ed8}.summary-grid .card:nth-child(4){--card-accent: #047857}.summary-grid .card:nth-child(5){--card-accent: #b45309}.summary-grid .card:nth-child(6){--card-accent: #7c3aed}.card>.card-title{margin-bottom:10px}.card .card-meta{margin-top:6px}.card:hover{box-shadow:0 2px 6px #0f172a0f}.card-title{font-family:Fira Code,monospace;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:12px;display:flex;align-items:center;gap:8px}.card-title:before{content:"";width:10px;height:10px;border-radius:2px;background:#0f172a;box-shadow:0 0 0 2px #0f172a1f}.card-value{font-family:Fira Code,monospace;font-size:28px;color:#0f172a;margin-bottom:8px}.card-meta{margin:0;color:#64748b}.pill-row{display:flex;gap:8px;flex-wrap:wrap}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;color:#0f172a;background:#22c55e;white-space:nowrap}.status-healthy{background:#22c55e;color:#0f172a}.status-warning{background:#f59e0b;color:#0f172a}.status-down{background:#ef4444;color:#0f172a}.status-unknown{background:#94a3b8;color:#0f172a}.btn{border:1px solid transparent;border-radius:8px;padding:10px 16px;font-weight:600;font-size:14px;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.btn-sm{padding:6px 10px;font-size:12px}.btn.primary{background:#22c55e;color:#0f172a;box-shadow:none}.btn.primary:hover{background:#1fb253}.btn.ghost{background:transparent;border-color:#cbd5e1;color:#0f172a}.btn.ghost:hover{background:#e2e8f0}.btn:disabled{opacity:.6;cursor:not-allowed}.table{display:grid;gap:8px;overflow-x:auto}.table-header{padding-top:6px}.table-row{padding:12px 0}.table-header,.table-row{display:grid;grid-template-columns:1.4fr .9fr .9fr .9fr .9fr .9fr 1.2fr;gap:12px;align-items:center}.table-header.cols-6,.table-row.cols-6{grid-template-columns:1fr 1.2fr 1.2fr 1.2fr .9fr .8fr}.table-header.cols-7,.table-row.cols-7{grid-template-columns:.9fr 1.2fr 1fr 1.1fr .8fr .8fr .8fr .8fr}.table-header.cols-5,.table-row.cols-5{grid-template-columns:1fr 1.2fr 1.2fr .9fr .8fr}.table-header.cols-8,.table-row.cols-8{grid-template-columns:1.4fr .8fr .9fr .9fr .9fr .8fr .9fr .7fr;min-width:900px}.table-header.cols-9,.table-row.cols-9{grid-template-columns:.6fr 1fr 1.1fr 1fr .8fr .8fr .8fr .9fr 1fr;min-width:980px}.table-header.cols-13,.table-row.cols-13{grid-template-columns:1.1fr 1fr 1.1fr .9fr .9fr .7fr .8fr .8fr .7fr .9fr .8fr 1.1fr 1fr 1.1fr .9fr;min-width:1440px}.table-header.cols-7b,.table-row.cols-7b{grid-template-columns:1.4fr .8fr .8fr .8fr .9fr 1.1fr .7fr;min-width:820px}.table-header{font-size:12px;color:#4b5563;text-transform:uppercase;letter-spacing:.08em;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.table-row{font-size:13px;color:#0f172a;padding:10px 0;border-bottom:1px solid #f1f5f9}.table-row:hover{background:#e8edf5;border-radius:8px}.table-row:last-child{border-bottom:none}.table-row .cell{display:flex;flex-direction:column;gap:4px}.cell-actions-inline{margin-top:6px;display:flex;gap:6px;flex-wrap:nowrap}.inline-action-btn{font-size:12px}.table-row strong{font-weight:600}.table-row em{font-style:normal;color:#64748b;font-size:12px}.metric{display:flex;align-items:center;gap:8px}.metric .bar{position:relative;flex:1;height:6px;background:#e2e8f0;border-radius:999px;overflow:hidden}.metric .bar div{position:absolute;left:0;top:0;bottom:0;background:#38bdf8;border-radius:999px}.metric span{font-size:12px;color:#64748b}.chart-card{padding:20px}.chart{display:flex;flex-direction:column;gap:12px;margin-top:8px}.chart svg{width:100%;height:110px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.chart-line{fill:none;stroke:#38bdf8;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-line.amount{stroke:#38bdf8}.chart-line.commission{stroke:#22c55e}.chart-line.users{stroke:#f59e0b}.legend-item{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#64748b}.legend-dot{width:8px;height:8px;border-radius:999px;background:#38bdf8}.legend-dot.amount{background:#38bdf8}.legend-dot.commission{background:#22c55e}.legend-dot.users{background:#f59e0b}.bar-chart svg{width:100%;height:110px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;display:block}.bar-chart .bar{fill:#60a5fa}.bar-chart .avg-line{stroke:#f97316;stroke-width:2;stroke-dasharray:6 4}.bar-chart{display:flex;flex-direction:column;gap:12px;align-items:stretch;justify-content:flex-start;margin-top:8px}body[data-theme=dark] .bar-chart svg{background:#0b1324;border-color:#1f2937}.chart-axis{display:grid;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));font-size:11px;color:#64748b}.alert{padding:12px 16px;border-radius:8px;border:1px solid transparent;background:#38bdf81f;border-color:#38bdf880;color:#0f172a}.alert.error{background:#ef44441f;border-color:#ef444480;color:#b91c1c}.detail-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.detail-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid #f1f5f9;color:#0f172a}.detail-row span{color:#64748b;font-size:13px}.detail-row:last-child{border-bottom:none}.empty{padding:16px;color:#64748b;border:1px dashed #e2e8f0;border-radius:8px}@media(max-width:1100px){.layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto;flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid #e2e8f0}.content{padding:16px}.sidebar-group{border-left:none;padding-left:0}.two-col,.balance-grid,.balance-group-grid,.balance-group-card{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1.3fr repeat(5,.9fr)}.table-header.cols-6,.table-row.cols-6{grid-template-columns:1.3fr repeat(4,.9fr)}.table-header.cols-7,.table-row.cols-7{grid-template-columns:1fr repeat(6,.9fr)}.table-header.cols-5,.table-row.cols-5{grid-template-columns:1fr repeat(4,.9fr)}.table-header.cols-6,.table-row.cols-6{grid-template-columns:1fr repeat(5,.9fr)}.table-header.cols-8,.table-row.cols-8{grid-template-columns:1fr repeat(7,.9fr)}.table-header.cols-9,.table-row.cols-9{grid-template-columns:1fr repeat(8,.9fr)}.table-header.cols-13,.table-row.cols-13{grid-template-columns:1fr repeat(12,.9fr)}.table-header.cols-7b,.table-row.cols-7b{grid-template-columns:1fr repeat(6,.9fr)}}@media(max-width:900px){.app-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%;justify-content:flex-start}}@media(max-width:720px){.sidebar{padding:16px;gap:16px}}@media(max-width:720px){.table-header,.table-row,.table-header.cols-6,.table-row.cols-6,.table-header.cols-7,.table-row.cols-7,.table-header.cols-5,.table-row.cols-5,.table-header.cols-8,.table-row.cols-8,.table-header.cols-7b,.table-row.cols-7b,.table-header.cols-9,.table-row.cols-9,.table-header.cols-13,.table-row.cols-13{grid-template-columns:1fr .8fr .8fr .8fr}.table-row .cell:nth-child(n+5),.table-header .cell:nth-child(n+5){display:none}.table-row .cell.action,.table-header .cell.action{display:flex}}body[data-theme=dark] .start-card{background:#0b1220;border-color:#1f2937;box-shadow:0 18px 50px #00000073}body[data-theme=dark] .start-metrics>div{background:#1e293b;border-color:#334155}body[data-theme=dark] .start-metrics>div:hover{border-color:#38bdf8;box-shadow:0 4px 12px #38bdf840}body[data-theme=dark] .landing-page{background:linear-gradient(135deg,#0f172a,#1e293b)}body[data-theme=dark] .landing-header{background:#0f172acc;border-bottom-color:#ffffff1a}body[data-theme=dark] .logo-text{color:#f1f5f9}body[data-theme=dark] .btn-icon{background:#ffffff0d;border-color:#ffffff1a}body[data-theme=dark] .btn-icon:hover{background:#ffffff1a;border-color:#38bdf8}body[data-theme=dark] .landing-badge{background:#0f172acc;border-color:#ffffff1a;color:#94a3b8}body[data-theme=dark] .landing-title{background:linear-gradient(135deg,#f1f5f9,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body[data-theme=dark] .landing-description{color:#94a3b8}body[data-theme=dark] .landing-stats{background:#0f172a99;border-color:#ffffff1a}body[data-theme=dark] .stat-value{color:#f1f5f9}body[data-theme=dark] .stat-label,body[data-theme=dark] .stat-unit{color:#94a3b8}body[data-theme=dark] .feature-item{background:#0f172a80;border-color:#ffffff14}body[data-theme=dark] .feature-item:hover{background:#0f172acc;border-color:#38bdf8}body[data-theme=dark] .feature-text h3{color:#f1f5f9}body[data-theme=dark] .feature-text p{color:#94a3b8}body[data-theme=dark] .login-card{background:#1e293b;border-color:#ffffff1a;box-shadow:0 20px 60px #00000080}body[data-theme=dark] .login-header h2{color:#f1f5f9}body[data-theme=dark] .login-header p{color:#94a3b8}body[data-theme=dark] .form-group label{color:#cbd5e1}body[data-theme=dark] .form-group input{background:#0f172a;border-color:#ffffff1a;color:#f1f5f9}body[data-theme=dark] .form-group input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833}body[data-theme=dark] .form-group input::placeholder{color:#64748b}body[data-theme=dark] .login-hint{background:#0f172a99}body[data-theme=dark] .login-hint p{color:#94a3b8}body[data-theme=dark] .landing-footer{background:#0f172a99;border-top-color:#ffffff1a}body[data-theme=dark] .landing-footer p{color:#94a3b8}body[data-theme=dark] .product-page{background:#0f172a}body[data-theme=dark] .product-header{background:#0f172af2;border-bottom-color:#ffffff1a}body[data-theme=dark] .logo-main{color:#f1f5f9}body[data-theme=dark] .logo-sub{color:#94a3b8}body[data-theme=dark] .nav-link{background:transparent;border-color:#ffffff1a;color:#f1f5f9}body[data-theme=dark] .nav-link:hover{background:#ffffff0d;border-color:#3b82f6;color:#60a5fa}body[data-theme=dark] .theme-toggle{border-color:#ffffff1a}body[data-theme=dark] .theme-toggle:hover{background:#ffffff0d;border-color:#3b82f6}body[data-theme=dark] .hero-badge{background:#3b82f626;border-color:#3b82f64d;color:#cbd5e1}body[data-theme=dark] .badge-text{color:#e2e8f0}body[data-theme=dark] .badge-divider{color:#64748b}body[data-theme=dark] .hero-title{color:#f1f5f9}body[data-theme=dark] .title-gradient{background:linear-gradient(135deg,#60a5fa,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body[data-theme=dark] .hero-overview{background:#0f172af5;border-color:#94a3b873;box-shadow:0 18px 45px #0f172ab3,0 0 0 1px #0f172ae6}body[data-theme=dark] .hero-overview-card{background:radial-gradient(circle at 0 0,rgba(59,130,246,.16),transparent 65%),#020617;border-color:#1e40afcc}body[data-theme=dark] .hero-overview-title{color:#e5e7eb}body[data-theme=dark] .hero-overview-subtitle{color:#64748b}body[data-theme=dark] .hero-overview-value{color:#e5e7eb}body[data-theme=dark] .decoration-grid{background-image:linear-gradient(rgba(59,130,246,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.05) 1px,transparent 1px)}body[data-theme=dark] .features-section{background:linear-gradient(180deg,#1e293b,#0f172a)}body[data-theme=dark] .section-tag{background:linear-gradient(135deg,#3b82f633,#2563eb26);color:#60a5fa}body[data-theme=dark] .section-desc{color:#94a3b8}body[data-theme=dark] .feature-card{background:#1e293b80;border-color:#ffffff1a}body[data-theme=dark] .feature-card:before{background:linear-gradient(90deg,#60a5fa,#3b82f6)}body[data-theme=dark] .feature-card:hover{background:#1e293bcc;border-color:#3b82f6;box-shadow:0 12px 32px #3b82f633}body[data-theme=dark] .feature-card.featured{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f640}body[data-theme=dark] .feature-icon-wrapper{background:linear-gradient(135deg,#3b82f633,#2563eb26)}body[data-theme=dark] .feature-card:hover .feature-icon-wrapper{background:linear-gradient(135deg,#3b82f6,#2563eb)}body[data-theme=dark] .feature-svg{color:#60a5fa}body[data-theme=dark] .feature-intro{color:#94a3b8}body[data-theme=dark] .feature-list li{color:#cbd5e1}body[data-theme=dark] .feature-badge{background:#0f172a99;color:#cbd5e1;border-color:#ffffff1a}body[data-theme=dark] .capabilities-section{background:#0f172a}body[data-theme=dark] .capability-item{background:#1e293b66;border-color:#ffffff1a}body[data-theme=dark] .capability-item:before{background:linear-gradient(180deg,#60a5fa,#3b82f6)}body[data-theme=dark] .capability-item:hover{background:#1e293bb3;border-color:#3b82f6;box-shadow:0 8px 20px #3b82f633}body[data-theme=dark] .capability-icon{background:linear-gradient(135deg,#3b82f633,#2563eb26);color:#60a5fa}body[data-theme=dark] .capability-item:hover .capability-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}body[data-theme=dark] .product-footer{background:#1e293b;border-top-color:#ffffff1a}body[data-theme=dark] .footer-content p,body[data-theme=dark] .footer-links a{color:#94a3b8}body[data-theme=dark] .footer-links a:hover{color:#60a5fa}body[data-theme=dark] .modal-overlay{background:#000000bf}body[data-theme=dark] .modal-content{background:#0f172a;box-shadow:0 0 0 1px #ffffff14,0 32px 80px #0000008c}body[data-theme=dark] .modal-content:before{background:linear-gradient(90deg,#0ea5e9,#6366f1,#8b5cf6)}body[data-theme=dark] .modal-main:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center / 26px no-repeat,linear-gradient(135deg,#6366f1,#0ea5e9);box-shadow:0 8px 24px #6366f180,0 2px 8px #6366f140}body[data-theme=dark] .modal-close{color:#64748b;border-color:#ffffff1a}body[data-theme=dark] .modal-close:hover{background:#ef44441f;border-color:#ef44444d;color:#f87171}body[data-theme=dark] .modal-header h2{color:#f1f5f9}body[data-theme=dark] .modal-header p{color:#64748b}body[data-theme=dark] .form-field label{color:#94a3b8}body[data-theme=dark] .form-field input{background:#1e293b;border-color:#ffffff1a;color:#f1f5f9}body[data-theme=dark] .form-field input:focus{border-color:#6366f1;background:#1e2a40;box-shadow:0 0 0 3px #6366f12e}body[data-theme=dark] .form-field input::placeholder{color:#334155}body[data-theme=dark] .modal-hint{background:#ffffff0a;border-color:#ffffff14;color:#64748b}body[data-theme=dark] .modal-footer{border-top-color:#ffffff12}body[data-theme=dark] .btn-switch-mode{color:#818cf8}body[data-theme=dark] .btn-switch-mode:hover{background:#6366f11f;color:#a5b4fc}body[data-theme=dark] .modal-shell::-webkit-scrollbar-thumb{background:#ffffff26}body[data-theme=dark] .modal-body::-webkit-scrollbar-track{background:#ffffff0d}body[data-theme=dark] .modal-body::-webkit-scrollbar-thumb{background:#fff3}body[data-theme=dark] .modal-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}body[data-theme=dark] .status-text,body[data-theme=dark] .start-metric-label,body[data-theme=dark] .card-title,body[data-theme=dark] .card-meta,body[data-theme=dark] .table-header,body[data-theme=dark] .table-row em,body[data-theme=dark] .metric span,body[data-theme=dark] .chart-axis,body[data-theme=dark] .detail-row span,body[data-theme=dark] .empty,body[data-theme=dark] .eyebrow,body[data-theme=dark] .subtitle,body[data-theme=dark] .login-form label{color:#94a3b8}body[data-theme=dark] .start-metric-value,body[data-theme=dark] .card-value,body[data-theme=dark] .table-row,body[data-theme=dark] .detail-row,body[data-theme=dark] .link{color:#f8fafc}body[data-theme=dark] .card,body[data-theme=dark] .chart svg{background:linear-gradient(180deg,#111827,#0f172a);border-color:#1f2937}body[data-theme=dark] .card.card-data{background:linear-gradient(180deg,#0f172a,#0b1220)}body[data-theme=dark] .card.card-table{background:linear-gradient(180deg,#111827,#0b1220)}body[data-theme=dark] .card.card-form{background:linear-gradient(180deg,#0f172a,#0b1220)}body[data-theme=dark] .card{box-shadow:0 1px 2px #02061780}body[data-theme=dark] .card:hover{box-shadow:0 2px 6px #020617b3}body[data-theme=dark] .table-row{border-bottom-color:#111827}body[data-theme=dark] .table-header{border-bottom-color:#1f2937}body[data-theme=dark] .metric .bar{background:#111827}body[data-theme=dark] .app-header{border-bottom-color:#1f2937;background:#0b1220;box-shadow:0 2px 8px #02061799}body[data-theme=dark] .card-title:before{background:#38bdf8;box-shadow:0 0 0 2px #38bdf833}body[data-theme=dark] .btn.ghost{border-color:#1f2937;color:#f8fafc}body[data-theme=dark] .btn.ghost:hover{background:#1e293b}body[data-theme=dark] .login-form input,body[data-theme=dark] select,body[data-theme=dark] .form-grid input,body[data-theme=dark] .filter-bar input{background:#020617;border-color:#1f2937;color:#f8fafc}body[data-theme=dark] .tab-button{background:#0b1220;border-color:#1f2937;color:#f8fafc}body[data-theme=dark] .tab-button.active{background:#38bdf833;border-color:#38bdf866}body[data-theme=dark] .audit-note{color:#94a3b8}body[data-theme=dark] .modal{background:#0b1220;border-color:#1f2937}body[data-theme=dark] .modal-backdrop{background:#020617b3}body[data-theme=dark] .form-grid label,body[data-theme=dark] .mini-bar em{color:#94a3b8}body[data-theme=dark] .alert{color:#f8fafc}body[data-theme=dark] .switch{color:#94a3b8}body[data-theme=dark] .alert-item{background:#0b1220;border-color:#1f2937}body[data-theme=dark] .alert-item strong{color:#f8fafc}body[data-theme=dark] .alert-item span{color:#94a3b8}body[data-theme=dark] .analysis-card{background:#0b1220;border-color:#1f2937}body[data-theme=dark] .analysis-title{color:#94a3b8}body[data-theme=dark] .analysis-item{color:#f8fafc}body[data-theme=dark] .hint,body[data-theme=dark] .install-links{color:#94a3b8}body[data-theme=dark] .install-links a{color:#f8fafc;border-bottom-color:#334155}body[data-theme=dark] .code-block{background:#0b1220;border-color:#1f2937}body[data-theme=dark] .code-block pre{color:#f8fafc}body[data-theme=dark] .analysis-count{background:#38bdf833;color:#f8fafc}body[data-theme=dark] .provider-card{border-color:#1f2937;background:#0b1220}body[data-theme=dark] .provider-title{color:#f8fafc}body[data-theme=dark] .provider-meta{color:#94a3b8}body[data-theme=dark] .detail-row{border-bottom-color:#111827}body[data-theme=dark] .empty{border-color:#1f2937}body[data-theme=dark] .sidebar{background:#0f172a;border-right-color:#ffffff12;box-shadow:1px 0 #ffffff0a,8px 0 32px #0000004d}body[data-theme=dark] .sb-brand{border-bottom-color:#ffffff12}body[data-theme=dark] .sb-brand-name{color:#f1f5f9}body[data-theme=dark] .sb-brand-tag{color:#64748b}body[data-theme=dark] .sb-search{background:#ffffff0a;border-color:#ffffff14}body[data-theme=dark] .sb-search:hover{background:#ffffff12;border-color:#ffffff1f}body[data-theme=dark] .sb-search-placeholder,body[data-theme=dark] .sb-search-icon{color:#475569}body[data-theme=dark] .sb-search-kbd{background:#ffffff0f;border-color:#ffffff14;color:#475569}body[data-theme=dark] .sb-section-label{color:#94a3b8}body[data-theme=dark] .sb-section-btn:hover{background:#ffffff0d}body[data-theme=dark] .sb-links:before{background:#ffffff14}body[data-theme=dark] .sb-link{color:#94a3b8}body[data-theme=dark] .sb-link:hover{color:#e2e8f0;background:#ffffff0f}body[data-theme=dark] .sb-link.active{color:color-mix(in srgb,var(--sec-accent, #0ea5e9) 100%,white 20%);background:color-mix(in srgb,var(--sec-accent, #0ea5e9) 12%,transparent);border-color:color-mix(in srgb,var(--sec-accent, #0ea5e9) 20%,transparent)}body[data-theme=dark] .sb-link-icon{color:#475569}body[data-theme=dark] .sb-link:hover .sb-link-icon{color:#94a3b8}body[data-theme=dark] .sb-footer{border-top-color:#ffffff12}body[data-theme=dark] .sb-user:hover{background:#ffffff0d}body[data-theme=dark] .sb-avatar{background:#6366f126;border-color:#6366f140;color:#818cf8}body[data-theme=dark] .sb-user-name{color:#f1f5f9}body[data-theme=dark] .sb-user-role,body[data-theme=dark] .sb-user-arrow{color:#475569}body[data-theme=dark] .sidebar-brand{background:#0ea5e91a;border-color:#0ea5e933}body[data-theme=dark] .brand-dot{background:linear-gradient(135deg,#22c55e,#10b981)}body[data-theme=dark] .brand-title{color:#f1f5f9}body[data-theme=dark] .brand-subtitle,body[data-theme=dark] .sidebar-section-title{color:#94a3b8}body[data-theme=dark] .sidebar-section-title:hover{color:#cbd5e1;background:#0ea5e91a}body[data-theme=dark] .sidebar-link.disabled{color:#475569}.pu-page{padding:28px 32px;min-height:100vh;background:var(--bg-main, #f8fafc)}.pu-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.pu-header-left{display:flex;align-items:center;gap:14px}.pu-header-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#818cf8);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;box-shadow:0 4px 14px #6366f159}.pu-title{font-size:22px;font-weight:700;color:#1e293b;margin:0 0 4px}.pu-subtitle{font-size:13px;color:#64748b;margin:0}.pu-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.pu-stat-card{background:#fff;border-radius:12px;padding:18px 20px;border:1px solid #e2e8f0;box-shadow:0 1px 4px #0000000f}.pu-stat-value{font-size:28px;font-weight:700;color:#6366f1;line-height:1;margin-bottom:6px}.pu-stat-label{font-size:13px;color:#64748b}.pu-stat-green .pu-stat-value{color:#10b981}.pu-stat-gray .pu-stat-value{color:#94a3b8}.pu-stat-purple .pu-stat-value{color:#8b5cf6}.pu-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.pu-search-wrap{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 14px;flex:1;max-width:360px;color:#94a3b8}.pu-search{border:none;outline:none;flex:1;font-size:14px;color:#334155;background:transparent}.pu-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-size:14px;color:#334155;cursor:pointer;outline:none}.pu-table-wrap{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 1px 4px #0000000d}.pu-table{width:100%;border-collapse:collapse;font-size:14px}.pu-table thead tr{background:#f8fafc}.pu-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.pu-table td{padding:13px 16px;color:#334155;border-bottom:1px solid #f1f5f9}.pu-table tbody tr:last-child td{border-bottom:none}.pu-table tbody tr:hover{background:#f8fafc}.pu-empty{text-align:center;color:#94a3b8;padding:40px 0;font-size:14px}.pu-user-cell{display:flex;align-items:center;gap:10px}.pu-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a78bfa);color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pu-role-badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:500}.pu-role-admin{background:#ede9fe;color:#7c3aed}.pu-role-user{background:#e0f2fe;color:#0284c7}.pu-status-toggle{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.pu-status-active{background:#dcfce7;color:#16a34a}.pu-status-inactive{background:#fee2e2;color:#dc2626}.pu-status-toggle:hover{filter:brightness(.95)}.pu-actions{display:flex;gap:6px;align-items:center}.pu-btn-icon{width:30px;height:30px;border-radius:7px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.pu-btn-edit{background:#eff6ff;color:#3b82f6}.pu-btn-edit:hover{background:#3b82f6;color:#fff}.pu-btn-delete{background:#fef2f2;color:#ef4444}.pu-btn-delete:hover{background:#ef4444;color:#fff}.pu-btn-primary{display:flex;align-items:center;gap:6px;padding:9px 18px;background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;border:none;border-radius:9px;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 2px 8px #6366f14d;transition:all .2s}.pu-btn-primary:hover{box-shadow:0 4px 14px #6366f166;transform:translateY(-1px)}.pu-btn-cancel{padding:9px 18px;background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;border-radius:9px;font-size:14px;cursor:pointer;transition:all .2s}.pu-btn-cancel:hover{background:#e2e8f0}.pu-btn-danger{padding:9px 18px;background:#ef4444;color:#fff;border:none;border-radius:9px;font-size:14px;cursor:pointer;transition:all .2s}.pu-btn-danger:hover{background:#dc2626}.pu-modal-mask{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(2px)}.pu-modal{background:#fff;border-radius:16px;width:600px;max-width:95vw;max-height:88vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.pu-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.pu-modal-header h2{font-size:18px;font-weight:700;color:#1e293b;margin:0}.pu-modal-close{width:32px;height:32px;border-radius:8px;border:none;background:#f1f5f9;color:#64748b;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s}.pu-modal-close:hover{background:#e2e8f0;color:#334155}.pu-modal-body{padding:20px 24px}.pu-form-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:13px;color:#dc2626;margin-bottom:16px}.pu-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pu-form-item{display:flex;flex-direction:column;gap:6px}.pu-form-item-full{grid-column:1 / -1}.pu-form-item span{font-size:13px;color:#475569;font-weight:500}.pu-form-item em{color:#ef4444;font-style:normal}.pu-form-item input,.pu-form-item select,.pu-form-item textarea{padding:9px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#334155;outline:none;transition:border-color .2s;font-family:inherit}.pu-form-item input:focus,.pu-form-item select:focus,.pu-form-item textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.pu-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px 20px;border-top:1px solid #f1f5f9}.pu-confirm-modal{background:#fff;border-radius:16px;padding:32px 28px;width:380px;text-align:center;box-shadow:0 20px 60px #0003}.pu-confirm-icon{margin-bottom:16px;display:flex;justify-content:center}.pu-confirm-modal h3{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 8px}.pu-confirm-modal p{font-size:14px;color:#64748b;margin:0 0 24px}.pu-confirm-actions{display:flex;gap:10px;justify-content:center}.pp-page{padding:28px 32px;min-height:100vh;background:var(--bg-main, #f8fafc)}.pp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.pp-header-left{display:flex;align-items:center;gap:14px}.pp-header-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#f59e0b,#fbbf24);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;box-shadow:0 4px 14px #f59e0b59}.pp-title{font-size:22px;font-weight:700;color:#1e293b;margin:0 0 4px}.pp-subtitle{font-size:13px;color:#64748b;margin:0}.pp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.pp-stat-card{background:#fff;border-radius:12px;padding:18px 20px;border:1px solid #e2e8f0;box-shadow:0 1px 4px #0000000f}.pp-stat-value{font-size:26px;font-weight:700;color:#f59e0b;line-height:1;margin-bottom:6px}.pp-stat-label{font-size:13px;color:#64748b}.pp-stat-green .pp-stat-value{color:#10b981}.pp-stat-blue .pp-stat-value{color:#3b82f6}.pp-stat-orange .pp-stat-value{color:#f97316}.pp-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}.pp-search-wrap{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 14px;flex:1;max-width:360px;color:#94a3b8}.pp-search{border:none;outline:none;flex:1;font-size:14px;color:#334155;background:transparent}.pp-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.pp-empty{text-align:center;color:#94a3b8;padding:60px 0;font-size:14px;grid-column:1/-1}.pp-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:22px;box-shadow:0 2px 8px #0000000f;transition:all .25s;position:relative;overflow:hidden}.pp-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.pp-card-blue:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.pp-card-purple:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.pp-card-gold:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.pp-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.pp-card-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.pp-card-name{font-size:18px;font-weight:700;color:#1e293b}.pp-card-code{font-size:12px;color:#94a3b8;margin-top:3px;font-family:monospace}.pp-card-status{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.pp-status-on{background:#dcfce7;color:#16a34a}.pp-status-off{background:#fee2e2;color:#dc2626}.pp-card-price{margin-bottom:16px}.pp-price-num{font-size:32px;font-weight:800;color:#1e293b}.pp-price-unit{font-size:14px;color:#94a3b8}.pp-card-limits{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;background:#f8fafc;border-radius:10px;padding:10px}.pp-limit-item{text-align:center}.pp-limit-item span{display:block;font-size:11px;color:#94a3b8;margin-bottom:3px}.pp-limit-item b{font-size:16px;font-weight:700;color:#334155}.pp-card-features{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.pp-feature-tag{padding:3px 10px;background:#f1f5f9;border-radius:20px;font-size:12px;color:#475569}.pp-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid #f1f5f9}.pp-user-count{display:flex;align-items:center;gap:5px;font-size:13px;color:#64748b}.pp-card-actions{display:flex;gap:6px}.pp-btn-icon{width:30px;height:30px;border-radius:7px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.pp-btn-view{background:#f1f5f9;color:#64748b}.pp-btn-view:hover{background:#64748b;color:#fff}.pp-btn-edit{background:#eff6ff;color:#3b82f6}.pp-btn-edit:hover{background:#3b82f6;color:#fff}.pp-btn-toggle-off{background:#fef3c7;color:#d97706}.pp-btn-toggle-off:hover{background:#d97706;color:#fff}.pp-btn-toggle-on{background:#dcfce7;color:#16a34a}.pp-btn-toggle-on:hover{background:#16a34a;color:#fff}.pp-btn-delete{background:#fef2f2;color:#ef4444}.pp-btn-delete:hover{background:#ef4444;color:#fff}.pp-btn-primary{display:flex;align-items:center;gap:6px;padding:9px 18px;background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;border:none;border-radius:9px;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 2px 8px #f59e0b4d;transition:all .2s}.pp-btn-primary:hover{box-shadow:0 4px 14px #f59e0b66;transform:translateY(-1px)}.pp-btn-cancel{padding:9px 18px;background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;border-radius:9px;font-size:14px;cursor:pointer;transition:all .2s}.pp-btn-cancel:hover{background:#e2e8f0}.pp-btn-danger{padding:9px 18px;background:#ef4444;color:#fff;border:none;border-radius:9px;font-size:14px;cursor:pointer;transition:all .2s}.pp-btn-danger:hover{background:#dc2626}.pp-modal-mask{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(2px)}.pp-modal{background:#fff;border-radius:16px;width:620px;max-width:95vw;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.pp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.pp-modal-header h2{font-size:18px;font-weight:700;color:#1e293b;margin:0}.pp-modal-close{width:32px;height:32px;border-radius:8px;border:none;background:#f1f5f9;color:#64748b;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s}.pp-modal-close:hover{background:#e2e8f0;color:#334155}.pp-modal-body{padding:20px 24px}.pp-form-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:13px;color:#dc2626;margin-bottom:16px}.pp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pp-form-item{display:flex;flex-direction:column;gap:6px}.pp-form-item-full{grid-column:1 / -1}.pp-form-item span{font-size:13px;color:#475569;font-weight:500}.pp-form-item em{color:#ef4444;font-style:normal}.pp-form-item input,.pp-form-item select,.pp-form-item textarea{padding:9px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#334155;outline:none;transition:border-color .2s;font-family:inherit}.pp-form-item input:focus,.pp-form-item select:focus,.pp-form-item textarea:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.pp-feature-picker{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.pp-feature-opt{padding:5px 14px;border-radius:20px;border:1px solid #e2e8f0;background:#f8fafc;font-size:13px;color:#64748b;cursor:pointer;transition:all .2s}.pp-feature-opt-on{background:#fef3c7;border-color:#f59e0b;color:#92400e;font-weight:500}.pp-feature-opt:hover{border-color:#f59e0b;color:#92400e}.pp-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px 20px;border-top:1px solid #f1f5f9}.pp-detail-modal{background:#fff;border-radius:16px;width:480px;max-width:95vw;box-shadow:0 20px 60px #0003;overflow:hidden}.pp-detail-body{padding:16px 24px 24px}.pp-detail-row{display:flex;align-items:flex-start;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f1f5f9;font-size:14px}.pp-detail-row:last-child{border-bottom:none}.pp-detail-row span{color:#64748b;flex-shrink:0}.pp-detail-row b{color:#1e293b;text-align:right}.pp-detail-row-full{flex-direction:column;align-items:flex-start}.pp-confirm-modal{background:#fff;border-radius:16px;padding:32px 28px;width:380px;text-align:center;box-shadow:0 20px 60px #0003}.pp-confirm-icon{margin-bottom:16px;display:flex;justify-content:center}.pp-confirm-modal h3{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 8px}.pp-confirm-modal p{font-size:14px;color:#64748b;margin:0 0 24px}.pp-confirm-actions{display:flex;gap:10px;justify-content:center}body[data-theme=dark] .pu-page,body[data-theme=dark] .pp-page{background:#0f172a}body[data-theme=dark] .pu-title,body[data-theme=dark] .pp-title{color:#f1f5f9}body[data-theme=dark] .pu-subtitle,body[data-theme=dark] .pp-subtitle{color:#94a3b8}body[data-theme=dark] .pu-stat-card,body[data-theme=dark] .pp-stat-card{background:#1e293b;border-color:#334155}body[data-theme=dark] .pu-stat-label,body[data-theme=dark] .pp-stat-label{color:#94a3b8}body[data-theme=dark] .pu-search-wrap,body[data-theme=dark] .pp-search-wrap{background:#1e293b;border-color:#334155}body[data-theme=dark] .pu-search,body[data-theme=dark] .pp-search{color:#f1f5f9}body[data-theme=dark] .pu-select,body[data-theme=dark] .pu-table-wrap,body[data-theme=dark] .pp-card{background:#1e293b;border-color:#334155;color:#f1f5f9}body[data-theme=dark] .pu-table th{background:#0f172a;color:#94a3b8}body[data-theme=dark] .pu-table td{color:#cbd5e1;border-color:#334155}body[data-theme=dark] .pu-table tbody tr:hover{background:#2d3748}body[data-theme=dark] .pu-modal,body[data-theme=dark] .pp-modal,body[data-theme=dark] .pp-detail-modal,body[data-theme=dark] .pu-confirm-modal,body[data-theme=dark] .pp-confirm-modal{background:#1e293b}body[data-theme=dark] .pu-modal-header h2,body[data-theme=dark] .pp-modal-header h2,body[data-theme=dark] .pu-confirm-modal h3,body[data-theme=dark] .pp-confirm-modal h3{color:#f1f5f9}body[data-theme=dark] .pu-form-item input,body[data-theme=dark] .pu-form-item select,body[data-theme=dark] .pu-form-item textarea,body[data-theme=dark] .pp-form-item input,body[data-theme=dark] .pp-form-item select,body[data-theme=dark] .pp-form-item textarea{background:#0f172a;border-color:#334155;color:#f1f5f9}body[data-theme=dark] .pp-card-name,body[data-theme=dark] .pp-price-num{color:#f1f5f9}body[data-theme=dark] .pp-card-limits{background:#0f172a}body[data-theme=dark] .pp-limit-item b{color:#e2e8f0}body[data-theme=dark] .pp-feature-tag{background:#334155;color:#cbd5e1}body[data-theme=dark] .pp-card-footer,body[data-theme=dark] .pp-detail-row{border-color:#334155}body[data-theme=dark] .pp-detail-row span{color:#94a3b8}body[data-theme=dark] .pp-detail-row b{color:#e2e8f0}body[data-theme=dark] .pp-modal-footer,body[data-theme=dark] .pu-modal-footer{border-color:#334155}body[data-theme=dark] .pu-modal-close,body[data-theme=dark] .pp-modal-close{background:#334155;color:#94a3b8}@media(max-width:900px){.pu-stats,.pp-stats{grid-template-columns:repeat(2,1fr)}.pu-page,.pp-page{padding:20px 16px}}@media(max-width:600px){.pu-stats,.pp-stats{grid-template-columns:1fr 1fr}.pu-form-grid,.pp-form-grid,.pp-cards{grid-template-columns:1fr}}.bm-backdrop{position:fixed;inset:0;z-index:9999;background:#0206178c;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px 16px}.bm-panel{background:#fff;border-radius:20px;width:100%;max-width:520px;box-shadow:0 24px 64px #0000002e,0 8px 24px #0000001a;border:1px solid rgba(148,163,184,.15);display:flex;flex-direction:column;animation:bm-in .22s cubic-bezier(.34,1.56,.64,1);max-height:90vh;overflow:hidden}.bm-panel-edit{max-width:600px}@keyframes bm-in{0%{opacity:0;transform:translateY(-14px) scale(.97)}to{opacity:1;transform:none}}.bm-head{display:flex;align-items:center;gap:12px;padding:18px 20px 16px;border-bottom:1px solid #f1f5f9;flex-shrink:0}.bm-head-icon{width:38px;height:38px;border-radius:11px;flex-shrink:0;background:#6366f11a;color:#6366f1;display:flex;align-items:center;justify-content:center}.bm-head-icon-edit{background:#f59e0b1a;color:#d97706}.bm-head-title{font-size:15px;font-weight:800;color:#0f172a;line-height:1.2}.bm-head-sub{font-size:11.5px;color:#94a3b8;margin-top:1px;font-family:SF Mono,Fira Code,monospace}.bm-status-badge{margin-left:auto;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700}.bm-status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.bm-status-active{background:#ecfdf5;color:#059669}.bm-status-warn{background:#fffbeb;color:#d97706}.bm-status-expired{background:#fef2f2;color:#dc2626}.bm-close{width:30px;height:30px;border-radius:8px;flex-shrink:0;border:1.5px solid #e2e8f0;background:#f8fafc;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;margin-left:4px}.bm-close:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.bm-hero{padding:20px 24px 16px;background:linear-gradient(135deg,#6366f10f,#6366f105);border-bottom:1px solid #f1f5f9;flex-shrink:0}.bm-hero-amount{font-size:32px;font-weight:900;color:#0f172a;letter-spacing:-.03em;display:flex;align-items:baseline;gap:4px;margin-bottom:8px}.bm-hero-sym{font-size:18px;font-weight:700;color:#6366f1}.bm-hero-currency{font-size:13px;font-weight:600;color:#94a3b8;margin-left:4px}.bm-hero-meta{display:flex;gap:6px;flex-wrap:wrap}.bm-hero-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.bm-hero-chip-green{background:#ecfdf5;color:#059669;border-color:#d1fae5}.bm-body{padding:18px 20px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.bm-body::-webkit-scrollbar{width:4px}.bm-body::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:2px}.bm-section-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#94a3b8;margin-bottom:8px}.bm-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bm-field{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;padding:10px 12px}.bm-field-label{font-size:10.5px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;display:flex;align-items:center;gap:4px}.bm-field-icon{font-size:11px}.bm-field-value{font-size:13px;font-weight:600;color:#0f172a;word-break:break-all}.bm-mono{font-family:SF Mono,Fira Code,monospace;font-size:12.5px}.bm-null{color:#cbd5e1;font-weight:400}.bm-remark{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;padding:10px 14px;font-size:13px;color:#475569;line-height:1.6}.bm-edit-body{padding:16px 20px;max-height:58vh;overflow-y:auto}.bm-error{display:flex;align-items:center;gap:6px;margin:0 20px;padding:9px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-size:12.5px;color:#dc2626;font-weight:500;flex-shrink:0}.bm-edit-section-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#94a3b8;margin:14px 0 8px}.bm-edit-section-label:first-child{margin-top:0}.bm-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bm-edit-field{display:flex;flex-direction:column;gap:5px}.bm-edit-field-full{grid-column:span 2}.bm-edit-label{font-size:11.5px;font-weight:600;color:#475569}.bm-req{color:#ef4444;margin-left:2px}.bm-edit-input{width:100%;padding:8px 11px;box-sizing:border-box;border-radius:9px;border:1.5px solid #e2e8f0;background:#f8fafc;color:#0f172a;font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s}.bm-edit-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;background:#fff}.bm-edit-input::placeholder{color:#cbd5e1}.bm-edit-textarea{resize:none;font-family:inherit;min-height:60px}.bm-edit-input-wrap{position:relative;display:flex;align-items:center}.bm-edit-prefix{position:absolute;left:11px;font-size:13px;color:#94a3b8;font-weight:600;pointer-events:none}.bm-edit-input-prefix{padding-left:24px}.bm-edit-status-tabs{display:flex;gap:5px}.bm-edit-status-tab{flex:1;padding:6px 4px;border-radius:8px;font-size:12px;font-weight:600;border:1.5px solid #e2e8f0;background:#f8fafc;color:#64748b;cursor:pointer;transition:all .15s;white-space:nowrap}.bm-status-tab-green.active{background:#ecfdf5;border-color:#86efac;color:#059669}.bm-status-tab-amber.active{background:#fffbeb;border-color:#fcd34d;color:#d97706}.bm-status-tab-red.active{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.bm-edit-status-tab:not(.active):hover{border-color:#c7d2fe;color:#6366f1}.bm-foot{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid #f1f5f9;flex-shrink:0}.bm-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;border:1.5px solid transparent;transition:all .15s;white-space:nowrap}.bm-btn-ghost{background:#f8fafc;border-color:#e2e8f0;color:#475569}.bm-btn-ghost:hover{border-color:#6366f1;color:#6366f1}.bm-btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-color:transparent;box-shadow:0 2px 10px #6366f159}.bm-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 18px #6366f173}.bm-btn-primary:active{transform:none}body[data-theme=dark] .bm-panel{background:#0f172a;border-color:#94a3b81a}body[data-theme=dark] .bm-head{border-bottom-color:#1e293b}body[data-theme=dark] .bm-head-title{color:#f1f5f9}body[data-theme=dark] .bm-head-sub{color:#475569}body[data-theme=dark] .bm-close{background:#1e293b;border-color:#334155;color:#94a3b8}body[data-theme=dark] .bm-hero{background:#6366f112;border-bottom-color:#1e293b}body[data-theme=dark] .bm-hero-amount{color:#f1f5f9}body[data-theme=dark] .bm-hero-chip{background:#1e293b;color:#94a3b8;border-color:#334155}body[data-theme=dark] .bm-field{background:#1e293b;border-color:#334155}body[data-theme=dark] .bm-field-value{color:#f1f5f9}body[data-theme=dark] .bm-remark{background:#1e293b;border-color:#334155;color:#94a3b8}body[data-theme=dark] .bm-edit-input{background:#1e293b;border-color:#334155;color:#f1f5f9}body[data-theme=dark] .bm-edit-input:focus{background:#162032}body[data-theme=dark] .bm-edit-status-tab{background:#1e293b;border-color:#334155;color:#64748b}body[data-theme=dark] .bm-foot{border-top-color:#1e293b}body[data-theme=dark] .bm-btn-ghost{background:#1e293b;border-color:#334155;color:#94a3b8}body[data-theme=dark] .bm-error{background:#ef44441a;border-color:#ef444440}body[data-theme=dark] .bm-status-active{background:#10b9811f}body[data-theme=dark] .bm-status-warn{background:#f59e0b1f}body[data-theme=dark] .bm-status-expired{background:#ef44441f}@media(max-width:560px){.bm-panel,.bm-panel-edit{max-width:100%;border-radius:16px 16px 0 0;align-self:flex-end}.bm-grid,.bm-edit-grid{grid-template-columns:1fr}.bm-edit-field-full{grid-column:span 1}.bm-edit-status-tabs{flex-wrap:wrap}}.sc-toast{position:fixed;top:24px;right:28px;z-index:9999;display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:500;backdrop-filter:blur(16px);animation:scToastIn .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 12px 40px #00000040}.sc-toast-success{background:#30d15826;color:#30d158;border:1px solid rgba(48,209,88,.35)}.sc-toast-error{background:#ff453a26;color:#ff453a;border:1px solid rgba(255,69,58,.35)}@keyframes scToastIn{0%{opacity:0;transform:translateY(-16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.sc-page{display:flex;flex-direction:column;gap:24px;min-height:100%}.sc-kpi-row{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.sc-kpi{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:6px;padding:18px 18px 16px;border-radius:14px;border:1px solid;cursor:default;transition:transform .2s,box-shadow .2s}.sc-kpi:before{content:"";position:absolute;inset:0;opacity:.07;background:radial-gradient(circle at 70% 20%,currentColor,transparent 60%)}.sc-kpi:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0000002e}.sc-kpi-icon{font-size:22px;line-height:1}.sc-kpi-val{font-size:28px;font-weight:800;letter-spacing:-.5px;line-height:1}.sc-kpi-label{font-size:12px;color:#888;font-weight:500}.sc-kpi-glow{position:absolute;right:-10px;bottom:-10px;width:64px;height:64px;border-radius:50%;opacity:.15;background:currentColor;filter:blur(16px)}.sc-layout{display:grid;grid-template-columns:1fr 360px;gap:18px;align-items:start}.sc-panel{border-radius:14px;border:1px solid var(--sc-border,rgba(0,0,0,.08));background:var(--sc-card,rgba(255,255,255,.95));box-shadow:0 2px 16px #0000000f;overflow:hidden}body[data-theme=dark] .sc-panel{--sc-border:rgba(255,255,255,.08);--sc-card:rgba(30,32,40,.8)}.sc-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--sc-border,rgba(0,0,0,.06))}.sc-panel-title{font-size:14px;font-weight:700;color:var(--text-primary,#1a1a2e);display:flex;align-items:center;gap:8px}.sc-task-list{display:flex;flex-direction:column}.sc-task-item{position:relative;padding:16px 18px;border-bottom:1px solid var(--sc-border,rgba(0,0,0,.05));cursor:pointer;transition:background .15s}.sc-task-item:last-child{border-bottom:none}.sc-task-item:hover{background:var(--sc-hover,rgba(10,132,255,.04))}body[data-theme=dark] .sc-task-item{--sc-hover:rgba(10,132,255,.08)}.sc-task-item.sc-selected{background:#0a84ff0f;border-left:3px solid #0a84ff}.sc-task-row1{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:6px}.sc-task-name{font-size:15px;font-weight:700;color:var(--text-primary,#1a1a2e);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.sc-task-target{font-size:12px;color:#888;font-family:SF Mono,monospace;margin-top:2px}.sc-status{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px;white-space:nowrap}.sc-status-pending{color:#636366;background:#6363661f}.sc-status-running{color:#0a84ff;background:#0a84ff1f}.sc-status-done{color:#30d158;background:#30d1581f}.sc-status-failed{color:#ff453a;background:#ff453a1f}.sc-pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;animation:scPulse 1.2s ease-in-out infinite}@keyframes scPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.65)}}.sc-progress{display:flex;align-items:center;gap:10px;margin:8px 0 4px}.sc-progress-track{flex:1;height:5px;border-radius:5px;background:#00000012;overflow:hidden}body[data-theme=dark] .sc-progress-track{background:#ffffff1a}.sc-progress-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,#0a84ff,#5ac8fa,#30d158);transition:width .7s ease}.sc-progress-pct{font-size:12px;color:#888;font-weight:600;width:34px;text-align:right;flex-shrink:0}.sc-task-row3{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.sc-task-meta{font-size:11px;color:#aaa;background:var(--sc-meta-bg,rgba(0,0,0,.04));padding:2px 8px;border-radius:5px}body[data-theme=dark] .sc-task-meta{--sc-meta-bg:rgba(255,255,255,.07)}.sc-task-btns{margin-left:auto;display:flex;gap:6px}.sc-btn{padding:5px 13px;border-radius:7px;font-size:12px;font-weight:600;border:1px solid;cursor:pointer;transition:all .15s;letter-spacing:.3px}.sc-btn-start{color:#30d158;border-color:#30d15866;background:#30d15814}.sc-btn-start:hover{background:#30d15833;transform:scale(1.03)}.sc-btn-view{color:#0a84ff;border-color:#0a84ff66;background:#0a84ff14}.sc-btn-view:hover{background:#0a84ff33;transform:scale(1.03)}.sc-btn-del{color:#ff453a;border-color:#ff453a4d;background:#ff453a0f}.sc-btn-del:hover{background:#ff453a2e}.sc-sev{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;letter-spacing:.2px}.sc-sev-critical{color:#ff2d55;background:#ff2d551f;border:1px solid rgba(255,45,85,.25)}.sc-sev-high{color:#ff6b35;background:#ff6b351f;border:1px solid rgba(255,107,53,.25)}.sc-sev-medium{color:#ffd60a;background:#ffd60a1f;border:1px solid rgba(255,214,10,.3)}.sc-sev-low{color:#30d158;background:#30d1581f;border:1px solid rgba(48,209,88,.25)}.sc-sev-info{color:#64d2ff;background:#64d2ff1f;border:1px solid rgba(100,210,255,.25)}.sc-port-chip{display:inline-flex;align-items:center;gap:4px;font-family:SF Mono,monospace;font-size:11px;font-weight:600;padding:2px 8px;border-radius:5px;background:#0a84ff1a;color:#0a84ff;border:1px solid rgba(10,132,255,.2)}.sc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:64px 24px}.sc-empty-text{font-size:15px;color:#888;font-weight:500}.sc-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:48px;color:#888}.sc-spin{width:22px;height:22px;border:2.5px solid rgba(10,132,255,.2);border-top-color:#0a84ff;border-radius:50%;animation:scSpin .75s linear infinite}@keyframes scSpin{to{transform:rotate(360deg)}}.sc-side{display:flex;flex-direction:column;gap:14px}.sc-chart-wrap{padding:16px 18px}.sc-chart-ttl{font-size:13px;font-weight:700;color:var(--text-primary,#1a1a2e);margin-bottom:12px;display:flex;align-items:center;gap:7px}.sc-chart-empty{display:flex;align-items:center;justify-content:center;height:72px;font-size:13px;color:#aaa}.sc-result-panel{border-radius:14px;border:1px solid var(--sc-border,rgba(0,0,0,.08));background:var(--sc-card,rgba(255,255,255,.95));box-shadow:0 2px 16px #0000000f;display:flex;flex-direction:column;max-height:calc(100vh - 220px);overflow:hidden}body[data-theme=dark] .sc-result-panel{background:#1e2028cc}.sc-result-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--sc-border,rgba(0,0,0,.06))}.sc-result-ttl{font-size:13px;font-weight:700;color:var(--text-primary,#1a1a2e)}.sc-result-close{width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;color:#888;border:1px solid var(--sc-border,rgba(0,0,0,.08));background:transparent;transition:all .15s}.sc-result-close:hover{background:#ff453a1a;color:#ff453a;border-color:#ff453a4d}.sc-result-summary{display:flex;gap:1px;background:var(--sc-border,rgba(0,0,0,.06))}.sc-result-sum-cell{flex:1;text-align:center;padding:12px 8px;background:var(--sc-card,rgba(255,255,255,.98))}body[data-theme=dark] .sc-result-sum-cell{background:#1e2028cc}.sc-result-sum-val{font-size:22px;font-weight:800;line-height:1}.sc-result-sum-lbl{font-size:11px;color:#888;margin-top:3px}.sc-filter-bar{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid var(--sc-border,rgba(0,0,0,.05))}.sc-filter-btn{padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600;border:1px solid transparent;background:transparent;color:#888;cursor:pointer;transition:all .15s}.sc-filter-btn.on{background:#0a84ff1f;border-color:#0a84ff4d;color:#0a84ff}.sc-filter-btn:hover:not(.on){color:var(--text-primary,#333)}.sc-result-list{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.sc-result-list::-webkit-scrollbar{width:4px}.sc-result-list::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}body[data-theme=dark] .sc-result-list::-webkit-scrollbar-thumb{background:#ffffff1a}.sc-vuln-item{padding:11px 13px;border-radius:10px;background:var(--sc-item,rgba(0,0,0,.025));border:1px solid var(--sc-border,rgba(0,0,0,.06));transition:border-color .15s}body[data-theme=dark] .sc-vuln-item{--sc-item:rgba(255,255,255,.03)}.sc-vuln-item:hover{border-color:#0a84ff40}.sc-vuln-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}.sc-vuln-name{font-size:13px;font-weight:700;color:var(--text-primary,#1a1a2e)}.sc-vuln-meta{display:flex;gap:10px;flex-wrap:wrap}.sc-vuln-meta span{font-size:11px;color:#888;font-family:SF Mono,monospace}.sc-port-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:9px;background:var(--sc-item,rgba(0,0,0,.025));border:1px solid var(--sc-border,rgba(0,0,0,.06))}body[data-theme=dark] .sc-port-item{--sc-item:rgba(255,255,255,.03)}.sc-port-num{font-family:SF Mono,monospace;font-size:18px;font-weight:800;width:52px;text-align:right;flex-shrink:0}.sc-port-info{flex:1;min-width:0}.sc-port-svc{font-size:13px;font-weight:700;color:var(--text-primary,#1a1a2e)}.sc-port-proto-tag{font-size:10px;padding:1px 5px;border-radius:4px;background:#0000000f;color:#888;margin-left:5px;font-weight:600}body[data-theme=dark] .sc-port-proto-tag{background:#ffffff14}.sc-port-ver{font-size:11px;color:#888;font-family:SF Mono,monospace;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-port-state{font-size:12px;font-weight:700;padding:4px 10px;border-radius:7px;flex-shrink:0}.sc-port-open{color:#30d158;background:#30d1581f;border:1px solid rgba(48,209,88,.25)}.sc-port-closed{color:#636366;background:#6363661a;border:1px solid rgba(99,99,102,.2)}.sc-site-item{padding:11px 13px;border-radius:10px;background:var(--sc-item,rgba(0,0,0,.025));border:1px solid var(--sc-border,rgba(0,0,0,.06))}body[data-theme=dark] .sc-site-item{--sc-item:rgba(255,255,255,.03)}.sc-site-top{display:flex;align-items:center;gap:10px;margin-bottom:4px}.sc-site-code{font-family:SF Mono,monospace;font-size:15px;font-weight:800;width:42px;flex-shrink:0}.sc-site-title{flex:1;font-size:13px;font-weight:700;color:var(--text-primary,#1a1a2e);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-alive-badge{font-size:11px;font-weight:600;padding:3px 9px;border-radius:10px;flex-shrink:0}.sc-alive-on{color:#30d158;background:#30d1581f;border:1px solid rgba(48,209,88,.25)}.sc-alive-off{color:#636366;background:#6363661a;border:1px solid rgba(99,99,102,.2)}.sc-site-url{font-size:11px;color:#888;font-family:SF Mono,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}.sc-site-tags{display:flex;gap:6px;flex-wrap:wrap}.sc-site-tag{font-size:11px;padding:2px 8px;border-radius:5px;background:var(--sc-meta-bg,rgba(0,0,0,.04));color:#888;border:1px solid var(--sc-border,rgba(0,0,0,.06))}body[data-theme=dark] .sc-site-tag{--sc-meta-bg:rgba(255,255,255,.06)}.sc-dir-item{padding:9px 12px;border-radius:9px;background:var(--sc-item,rgba(0,0,0,.025));border:1px solid var(--sc-border,rgba(0,0,0,.06))}body[data-theme=dark] .sc-dir-item{--sc-item:rgba(255,255,255,.03)}.sc-dir-item.sc-danger{border-color:#ff6b354d;background:#ff6b350a}.sc-dir-top{display:flex;align-items:center;gap:10px}.sc-dir-code{font-family:SF Mono,monospace;font-size:14px;font-weight:800;width:40px;flex-shrink:0}.sc-dir-path{flex:1;font-size:12px;font-family:SF Mono,monospace;color:var(--text-primary,#1a1a2e);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-dir-warn{font-size:13px;flex-shrink:0}.sc-dir-meta{display:flex;gap:10px;font-size:11px;color:#888;margin-top:4px}.sc-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:scFade .2s ease}@keyframes scFade{0%{opacity:0}to{opacity:1}}.sc-dialog{width:500px;max-width:95vw;border-radius:18px;background:var(--sc-dialog,#fff);border:1px solid var(--sc-border,rgba(0,0,0,.09));box-shadow:0 32px 96px #00000047;overflow:hidden;animation:scSlideUp .25s cubic-bezier(.34,1.56,.64,1)}body[data-theme=dark] .sc-dialog{--sc-dialog:#1c1e28}@keyframes scSlideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.sc-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 16px;border-bottom:1px solid var(--sc-border,rgba(0,0,0,.07))}.sc-dialog-ttl{font-size:17px;font-weight:800;color:var(--text-primary,#1a1a2e);display:flex;align-items:center;gap:9px}.sc-dialog-close{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;color:#888;border:1px solid var(--sc-border,rgba(0,0,0,.09));background:transparent;transition:all .15s}.sc-dialog-close:hover{background:#ff453a1a;color:#ff453a;border-color:#ff453a4d}.sc-dialog-body{padding:22px;display:flex;flex-direction:column;gap:14px}.sc-field{display:flex;flex-direction:column;gap:6px}.sc-field-lbl{font-size:13px;font-weight:600;color:var(--text-primary,#1a1a2e)}.sc-input{width:100%;padding:10px 13px;border-radius:9px;border:1.5px solid var(--sc-border,rgba(0,0,0,.1));background:var(--sc-input,rgba(0,0,0,.025));font-size:14px;color:var(--text-primary,#1a1a2e);box-sizing:border-box;outline:none;transition:border-color .2s,box-shadow .2s}body[data-theme=dark] .sc-input{--sc-input:rgba(255,255,255,.05)}.sc-input:focus{border-color:#0a84ff;box-shadow:0 0 0 3.5px #0a84ff26}.sc-chips{display:flex;flex-wrap:wrap;gap:7px}.sc-chip{padding:7px 15px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;border:1.5px solid var(--sc-border,rgba(0,0,0,.09));background:transparent;color:#777;transition:all .15s}.sc-chip.on{background:#0a84ff1f;border-color:#0a84ff80;color:#0a84ff}.sc-chip:hover:not(.on){border-color:#0a84ff4d;color:var(--text-primary,#333)}.sc-dialog-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--sc-border,rgba(0,0,0,.07))}.sc-dialog-cancel{padding:10px 22px;border-radius:9px;background:transparent;color:#888;font-size:14px;font-weight:600;border:1.5px solid var(--sc-border,rgba(0,0,0,.09));cursor:pointer;transition:background .15s}.sc-dialog-cancel:hover{background:#0000000a}.sc-dialog-ok{padding:10px 22px;border-radius:9px;background:linear-gradient(135deg,#0a84ff,#06c);color:#fff;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:opacity .15s,transform .1s;box-shadow:0 4px 16px #0a84ff59}.sc-dialog-ok:hover{opacity:.88;transform:translateY(-1px)}.sc-dialog-ok:disabled{opacity:.45;cursor:not-allowed;transform:none}.sc-info-card{padding:16px 18px}.sc-info-ttl{font-size:13px;font-weight:700;color:var(--text-primary,#1a1a2e);margin-bottom:10px;display:flex;align-items:center;gap:7px}.sc-info-list{display:flex;flex-direction:column;gap:7px}.sc-info-row{display:flex;align-items:flex-start;gap:9px;font-size:12px}.sc-info-dot{width:7px;height:7px;border-radius:50%;margin-top:3px;flex-shrink:0}.sc-info-text{color:#777;line-height:1.5}.sc-path-cloud{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0}.sc-path-tag{font-size:11px;font-family:SF Mono,monospace;padding:3px 9px;border-radius:6px;background:#ff6b351a;color:#ff6b35;border:1px solid rgba(255,107,53,.25);font-weight:600}.sc-port-preview{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.sc-site-preview{display:flex;flex-direction:column;gap:4px;margin-top:4px}.sc-site-mini-row{display:flex;align-items:center;gap:7px;font-size:12px}.sc-site-mini-code{font-family:SF Mono,monospace;font-weight:800;width:36px;flex-shrink:0}.sc-site-mini-ttl{color:var(--text-primary,#1a1a2e);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-dir-preview{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px;font-size:12px}.sc-dir-danger-tag{font-family:SF Mono,monospace;font-size:11px;padding:2px 8px;border-radius:5px;background:#ff6b351f;color:#ff6b35;border:1px solid rgba(255,107,53,.2);font-weight:600}.sc-wordlist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sc-wordlist-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;border-radius:10px;border:1.5px solid transparent;cursor:pointer;transition:all .15s;background:var(--sc-meta-bg,rgba(0,0,0,.03))}body[data-theme=dark] .sc-wordlist-card{--sc-meta-bg:rgba(255,255,255,.04)}.sc-wordlist-card.on{border-color:#0a84ff73;background:#0a84ff14}.sc-wordlist-name{font-size:13px;font-weight:700}.sc-wordlist-desc{font-size:11px;color:#888}@media(max-width:1100px){.sc-kpi-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.sc-layout{grid-template-columns:1fr}}@media(max-width:600px){.sc-kpi-row{grid-template-columns:repeat(2,1fr)}}:root{--cm-bg: #f0f4f8;--cm-surface: #ffffff;--cm-surface2: #f8fafc;--cm-border: rgba(148,163,184,.2);--cm-border-hover: rgba(14,165,233,.4);--cm-text-1: #0f172a;--cm-text-2: #475569;--cm-text-3: #94a3b8;--cm-blue: #0ea5e9;--cm-green: #10b981;--cm-amber: #f59e0b;--cm-red: #ef4444;--cm-purple: #8b5cf6;--cm-shadow-sm: 0 1px 3px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);--cm-shadow-md: 0 4px 16px rgba(15,23,42,.08), 0 2px 6px rgba(15,23,42,.04);--cm-shadow-lg: 0 12px 32px rgba(15,23,42,.12), 0 4px 12px rgba(15,23,42,.06);--cm-radius: 16px;--cm-radius-sm: 10px}body[data-theme=dark]{--cm-bg: #070d1a;--cm-surface: #0f172a;--cm-surface2: #1e293b;--cm-border: rgba(148,163,184,.1);--cm-border-hover: rgba(14,165,233,.4);--cm-text-1: #f1f5f9;--cm-text-2: #94a3b8;--cm-text-3: #475569;--cm-shadow-sm: 0 1px 3px rgba(0,0,0,.3);--cm-shadow-md: 0 4px 16px rgba(0,0,0,.4);--cm-shadow-lg: 0 12px 32px rgba(0,0,0,.5)}.cm-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px;flex-wrap:wrap}.cm-eyebrow{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--cm-blue);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.cm-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--cm-green);box-shadow:0 0 8px var(--cm-green);animation:cm-pulse 2s ease-in-out infinite}@keyframes cm-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.cm-title{font-size:26px;font-weight:800;color:var(--cm-text-1);letter-spacing:-.025em;margin:0 0 6px;font-family:SF Pro Display,Segoe UI,system-ui,sans-serif}.cm-subtitle{font-size:14px;color:var(--cm-text-3);margin:0}.cm-header-actions{display:flex;gap:10px;align-items:center;flex-shrink:0;padding-top:4px}.cm-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:var(--cm-radius-sm);font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s;white-space:nowrap}.cm-btn-primary{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;box-shadow:0 2px 10px #0ea5e959}.cm-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0ea5e973}.cm-btn-ghost{background:var(--cm-surface);color:var(--cm-text-2);border:1.5px solid var(--cm-border)}.cm-btn-ghost:hover{border-color:var(--cm-blue);color:var(--cm-blue)}.cm-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}@media(max-width:1100px){.cm-stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.cm-stats-row{grid-template-columns:1fr}}.cm-kpi{background:var(--cm-surface);border:1px solid var(--cm-border);border-radius:var(--cm-radius);padding:20px 20px 18px;position:relative;overflow:hidden;transition:box-shadow .25s,transform .25s,border-color .25s;box-shadow:var(--cm-shadow-sm)}.cm-kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--kpi-accent);border-radius:var(--cm-radius) var(--cm-radius) 0 0}.cm-kpi:hover{transform:translateY(-3px);box-shadow:var(--cm-shadow-md);border-color:var(--kpi-accent)}.cm-kpi-inner{display:flex;align-items:center;gap:14px}.cm-kpi-icon{width:48px;height:48px;border-radius:12px;background:var(--kpi-icon-bg);border:1.5px solid var(--kpi-icon-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cm-kpi-body{flex:1;min-width:0}.cm-kpi-label{font-size:12px;font-weight:600;color:var(--cm-text-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.cm-kpi-value{font-size:30px;font-weight:800;color:var(--cm-text-1);letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;font-family:SF Mono,JetBrains Mono,Menlo,monospace}.cm-kpi-sub{font-size:11px;color:var(--cm-text-3);margin-top:4px}.cm-kpi-blue{--kpi-accent: #0ea5e9;--kpi-icon-bg: rgba(14,165,233,.1);--kpi-icon-border: rgba(14,165,233,.2)}.cm-kpi-green{--kpi-accent: #10b981;--kpi-icon-bg: rgba(16,185,129,.1);--kpi-icon-border: rgba(16,185,129,.2)}.cm-kpi-amber{--kpi-accent: #f59e0b;--kpi-icon-bg: rgba(245,158,11,.1);--kpi-icon-border: rgba(245,158,11,.2)}.cm-kpi-red{--kpi-accent: #ef4444;--kpi-icon-bg: rgba(239,68,68,.1);--kpi-icon-border: rgba(239,68,68,.2)}.cm-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.cm-search-wrap{flex:1;min-width:180px;max-width:360px;position:relative}.cm-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--cm-text-3);pointer-events:none}.cm-search{width:100%;padding:10px 14px 10px 38px;border:1.5px solid var(--cm-border);border-radius:var(--cm-radius-sm);font-size:14px;color:var(--cm-text-1);background:var(--cm-surface);transition:all .2s;box-sizing:border-box}.cm-search:focus{outline:none;border-color:var(--cm-blue);box-shadow:0 0 0 3px #0ea5e91f}.cm-search::placeholder{color:var(--cm-text-3)}.cm-select{padding:10px 14px;border:1.5px solid var(--cm-border);border-radius:var(--cm-radius-sm);font-size:14px;color:var(--cm-text-1);background:var(--cm-surface);cursor:pointer;transition:all .2s;min-width:140px}.cm-select:focus{outline:none;border-color:var(--cm-blue);box-shadow:0 0 0 3px #0ea5e91f}.cm-filter-tabs{display:flex;gap:6px;background:var(--cm-surface2);border:1px solid var(--cm-border);border-radius:var(--cm-radius-sm);padding:4px}.cm-filter-tab{padding:6px 14px;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--cm-text-2);transition:all .18s;display:flex;align-items:center;gap:5px}.cm-filter-tab:hover{color:var(--cm-text-1);background:var(--cm-surface)}.cm-filter-tab.active{background:var(--cm-surface);color:var(--cm-text-1);box-shadow:var(--cm-shadow-sm)}.cm-filter-tab.active-green{color:var(--cm-green)}.cm-filter-tab.active-amber{color:var(--cm-amber)}.cm-filter-tab.active-red{color:var(--cm-red)}.cm-filter-tab.active-blue{color:var(--cm-blue)}.cm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}@media(max-width:780px){.cm-grid{grid-template-columns:1fr}}.cm-card{background:var(--cm-surface);border:1px solid var(--cm-border);border-radius:var(--cm-radius);padding:20px;position:relative;overflow:hidden;transition:box-shadow .25s,transform .25s,border-color .25s;box-shadow:var(--cm-shadow-sm);cursor:default}.cm-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--card-accent);border-radius:var(--cm-radius) 0 0 var(--cm-radius)}.cm-card:hover{transform:translateY(-3px);box-shadow:var(--cm-shadow-lg);border-color:var(--card-accent)}.cm-card-healthy{--card-accent: #10b981}.cm-card-warning{--card-accent: #f59e0b}.cm-card-expired{--card-accent: #ef4444}.cm-card-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.cm-cert-icon{width:42px;height:42px;border-radius:10px;background:var(--card-icon-bg, rgba(14,165,233,.1));border:1.5px solid var(--card-icon-border, rgba(14,165,233,.2));display:flex;align-items:center;justify-content:center;flex-shrink:0}.cm-card-healthy .cm-cert-icon{--card-icon-bg: rgba(16,185,129,.1);--card-icon-border: rgba(16,185,129,.25)}.cm-card-warning .cm-cert-icon{--card-icon-bg: rgba(245,158,11,.1);--card-icon-border: rgba(245,158,11,.25)}.cm-card-expired .cm-cert-icon{--card-icon-bg: rgba(239,68,68,.1);--card-icon-border: rgba(239,68,68,.25)}.cm-card-meta{flex:1;min-width:0}.cm-domain{font-size:15px;font-weight:700;color:var(--cm-text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;font-family:SF Mono,JetBrains Mono,Menlo,monospace}.cm-card-tags{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.cm-tag{display:inline-block;padding:2px 8px;border-radius:5px;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.cm-tag-type{background:#8b5cf61f;color:#7c3aed;border:1px solid rgba(139,92,246,.2)}.cm-tag-issuer{background:var(--cm-surface2);color:var(--cm-text-2);border:1px solid var(--cm-border);text-transform:none;font-weight:500;font-size:11px}.cm-status-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.03em}.cm-status-healthy{background:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.25)}.cm-status-warning{background:#f59e0b1f;color:#b45309;border:1px solid rgba(245,158,11,.25)}.cm-status-expired{background:#ef44441f;color:#dc2626;border:1px solid rgba(239,68,68,.25)}.cm-timeline{margin-bottom:14px}.cm-timeline-label{display:flex;justify-content:space-between;font-size:11px;color:var(--cm-text-3);margin-bottom:6px}.cm-timeline-label strong{font-size:13px;font-weight:700;color:var(--cm-text-1);font-variant-numeric:tabular-nums}.cm-expire-date-row{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--cm-text-3);margin-bottom:4px}.cm-timeline-bar{height:6px;border-radius:3px;background:var(--cm-surface2);overflow:hidden;border:1px solid var(--cm-border)}.cm-timeline-fill{height:100%;border-radius:3px;background:var(--fill-color);transition:width .6s cubic-bezier(.4,0,.2,1)}.cm-fill-healthy{--fill-color: #10b981}.cm-fill-warning{--fill-color: linear-gradient(90deg,#f59e0b,#fbbf24)}.cm-fill-expired{--fill-color: #ef4444}.cm-card-info{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.cm-info-item{background:var(--cm-surface2);border:1px solid var(--cm-border);border-radius:8px;padding:8px 10px}.cm-info-label{font-size:10px;font-weight:600;color:var(--cm-text-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.cm-info-val{font-size:13px;font-weight:600;color:var(--cm-text-1);font-variant-numeric:tabular-nums}.cm-renew-badge{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;padding:2px 7px;border-radius:5px}.cm-renew-on{background:#10b9811a;color:#059669}.cm-renew-off{background:var(--cm-surface2);color:var(--cm-text-3)}.cm-card-actions{display:flex;gap:6px;padding-top:12px;border-top:1px solid var(--cm-border)}.cm-act{flex:1;padding:8px 6px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--cm-border);background:var(--cm-surface2);color:var(--cm-text-2);transition:all .18s;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.cm-act:hover{border-color:var(--cm-blue);color:var(--cm-blue);background:#0ea5e90f}.cm-act-del:hover{border-color:var(--cm-red)!important;color:var(--cm-red)!important;background:#ef44440f!important}.cm-act:disabled{opacity:.55;cursor:not-allowed}.cm-act-probe{color:#0ea5e9;border-color:#0ea5e940;background:#0ea5e90f}.cm-act-probe:hover{background:#0ea5e924;border-color:#0ea5e973;color:#0284c7}.cm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;color:var(--cm-text-3);gap:12px}.cm-empty-icon{opacity:.35}.cm-empty-text{font-size:15px;font-weight:500}.cm-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.cm-skeleton-card{background:var(--cm-surface);border:1px solid var(--cm-border);border-radius:var(--cm-radius);padding:20px;box-shadow:var(--cm-shadow-sm)}.cm-skel{background:linear-gradient(90deg,var(--cm-surface2) 25%,var(--cm-border) 50%,var(--cm-surface2) 75%);background-size:200% 100%;animation:cm-shimmer 1.6s infinite;border-radius:6px}@keyframes cm-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cm-modal-overlay{position:fixed;inset:0;background:#00000073;backdrop-filter:blur(4px);z-index:9998;display:flex;align-items:center;justify-content:center;padding:20px;animation:cm-fade-in .15s ease}@keyframes cm-fade-in{0%{opacity:0}to{opacity:1}}.cm-modal{background:var(--cm-surface);border:1px solid var(--cm-border);border-radius:20px;width:100%;max-width:580px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #00000038;animation:cm-pop .22s cubic-bezier(.34,1.56,.64,1)}@keyframes cm-pop{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:none}}.cm-modal-wide{max-width:700px}.cm-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:24px 24px 0}.cm-modal-title{font-size:17px;font-weight:700;color:var(--cm-text-1);margin:0 0 4px}.cm-modal-sub{font-size:13px;color:var(--cm-text-3);margin:0}.cm-modal-close{width:32px;height:32px;border-radius:8px;border:1px solid var(--cm-border);background:var(--cm-surface2);color:var(--cm-text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .18s}.cm-modal-close:hover{border-color:var(--cm-red);color:var(--cm-red)}.cm-modal-body{padding:20px 24px}.cm-detail-banner{background:linear-gradient(135deg,#0ea5e914,#8b5cf60f);border:1px solid rgba(14,165,233,.15);border-radius:12px;padding:16px 18px;display:flex;align-items:center;gap:14px;margin-bottom:20px}.cm-detail-domain-icon{width:44px;height:44px;border-radius:10px;background:#0ea5e91f;border:1.5px solid rgba(14,165,233,.22);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cm-detail-domain{font-size:18px;font-weight:700;color:var(--cm-text-1);font-family:SF Mono,JetBrains Mono,Menlo,monospace;margin-bottom:3px;word-break:break-all}.cm-detail-badges{display:flex;gap:6px;flex-wrap:wrap}.cm-detail-section{margin-bottom:20px}.cm-detail-section-title{font-size:11px;font-weight:700;color:var(--cm-text-3);text-transform:uppercase;letter-spacing:.1em;margin:0 0 12px;display:flex;align-items:center;gap:6px}.cm-detail-section-title:after{content:"";flex:1;height:1px;background:var(--cm-border)}.cm-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(max-width:480px){.cm-detail-grid{grid-template-columns:1fr}}.cm-detail-item{background:var(--cm-surface2);border:1px solid var(--cm-border);border-radius:10px;padding:12px 14px}.cm-detail-key{font-size:11px;font-weight:600;color:var(--cm-text-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.cm-detail-val{font-size:14px;font-weight:600;color:var(--cm-text-1)}.cm-days-display{background:linear-gradient(135deg,var(--dd-bg-a),var(--dd-bg-b));border:1.5px solid var(--dd-border);border-radius:12px;padding:18px;display:flex;align-items:center;gap:16px;margin-bottom:20px}.cm-days-healthy{--dd-bg-a: rgba(16,185,129,.08);--dd-bg-b: rgba(16,185,129,.04);--dd-border: rgba(16,185,129,.25);--dd-num: #059669}.cm-days-warning{--dd-bg-a: rgba(245,158,11,.1);--dd-bg-b: rgba(245,158,11,.05);--dd-border: rgba(245,158,11,.3);--dd-num: #b45309}.cm-days-expired{--dd-bg-a: rgba(239,68,68,.1);--dd-bg-b: rgba(239,68,68,.05);--dd-border: rgba(239,68,68,.3);--dd-num: #dc2626}.cm-days-num{font-size:44px;font-weight:900;color:var(--dd-num);letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums;font-family:SF Mono,JetBrains Mono,Menlo,monospace}.cm-days-unit{font-size:16px;font-weight:600;color:var(--dd-num);margin-top:6px}.cm-days-right{flex:1}.cm-days-desc{font-size:13px;color:var(--cm-text-2);line-height:1.6}.cm-advice{border-radius:10px;border-left:4px solid;padding:12px 16px;font-size:14px;font-weight:500;line-height:1.6}.cm-advice-ok{background:#10b98114;border-color:#10b981;color:#065f46}.cm-advice-warn{background:#f59e0b14;border-color:#f59e0b;color:#78350f}.cm-advice-err{background:#ef444414;border-color:#ef4444;color:#7f1d1d}body[data-theme=dark] .cm-advice-ok{color:#6ee7b7}body[data-theme=dark] .cm-advice-warn{color:#fde68a}body[data-theme=dark] .cm-advice-err{color:#fca5a5}.cm-modal-foot{padding:0 24px 24px;display:flex;gap:10px;justify-content:flex-end}.cm-form-section{border-bottom:1px solid var(--cm-border);padding:20px 24px}.cm-form-section:last-of-type{border-bottom:none}.cm-form-sec-title{font-size:12px;font-weight:700;color:var(--cm-text-3);text-transform:uppercase;letter-spacing:.1em;margin:0 0 14px;display:flex;align-items:center;gap:6px}.cm-form-sec-title:after{content:"";flex:1;height:1px;background:var(--cm-border)}.cm-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:560px){.cm-form-grid{grid-template-columns:1fr}}.cm-field{display:flex;flex-direction:column;gap:7px}.cm-field-full{grid-column:1 / -1}.cm-label{font-size:13px;font-weight:600;color:var(--cm-text-2);display:flex;align-items:center;gap:4px}.cm-label-hint{font-size:11px;font-weight:400;color:var(--cm-text-3);margin-left:4px}.cm-required{color:var(--cm-red)}.cm-field-hint{display:flex;align-items:flex-start;gap:5px;margin-top:7px;padding:8px 10px;background:#0ea5e90f;border:1px solid rgba(14,165,233,.15);border-radius:8px;font-size:12px;color:var(--cm-blue);line-height:1.5}body[data-theme=dark] .cm-field-hint{background:#0ea5e914;border-color:#0ea5e933}.cm-auto-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px;background:var(--cm-surface2);border:1.5px solid var(--cm-border);border-radius:var(--cm-radius-sm)}.cm-auto-info-item{display:flex;flex-direction:column;gap:3px;padding:8px 10px;background:var(--cm-surface);border-radius:8px;border:1px solid var(--cm-border)}.cm-auto-info-label{font-size:11px;color:var(--cm-text-3);font-weight:600;text-transform:uppercase;letter-spacing:.4px}.cm-auto-info-val{font-size:13px;font-weight:600;color:var(--cm-text-1)}.cm-input,.cm-textarea{padding:10px 13px;border:1.5px solid var(--cm-border);border-radius:var(--cm-radius-sm);font-size:14px;color:var(--cm-text-1);background:var(--cm-surface);transition:all .2s;width:100%;box-sizing:border-box}.cm-input:focus,.cm-textarea:focus{outline:none;border-color:var(--cm-blue);box-shadow:0 0 0 3px #0ea5e91a}.cm-input::placeholder,.cm-textarea::placeholder{color:var(--cm-text-3)}.cm-input:disabled{opacity:.5;cursor:not-allowed;background:var(--cm-surface2)}.cm-textarea{resize:vertical;min-height:72px}.cm-presets{display:flex;gap:6px}.cm-preset-btn{flex:1;padding:7px 4px;border:1.5px solid var(--cm-border);border-radius:7px;font-size:12px;font-weight:700;cursor:pointer;background:var(--cm-surface2);color:var(--cm-text-2);transition:all .18s}.cm-preset-btn:hover{border-color:var(--cm-blue);color:var(--cm-blue)}.cm-preset-btn.active{border-color:var(--cm-blue);background:var(--cm-blue);color:#fff;box-shadow:0 2px 8px #0ea5e94d}.cm-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;border:1.5px solid var(--cm-border);border-radius:var(--cm-radius-sm);background:var(--cm-surface2)}.cm-toggle-info{flex:1}.cm-toggle-name{font-size:14px;font-weight:600;color:var(--cm-text-1)}.cm-toggle-desc{font-size:12px;color:var(--cm-text-3);margin-top:2px}.cm-toggle{position:relative;width:46px;height:24px;flex-shrink:0}.cm-toggle input{display:none}.cm-toggle-track{position:absolute;inset:0;background:#cbd5e1;border-radius:12px;transition:background .25s;cursor:pointer}.cm-toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .25s;box-shadow:0 1px 4px #00000026}.cm-toggle input:checked+.cm-toggle-track{background:var(--cm-blue)}.cm-toggle input:checked+.cm-toggle-track:after{transform:translate(22px)}.cm-preview{margin:0 24px;padding:14px 16px;background:linear-gradient(135deg,#0ea5e912,#0ea5e908);border:1.5px solid rgba(14,165,233,.18);border-radius:10px;font-size:13px;color:var(--cm-text-2);line-height:1.7}.cm-preview strong{color:var(--cm-text-1);font-weight:700}.cm-form-msg{margin:8px 24px 0;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500}.cm-form-msg-ok{background:#10b9811a;color:#059669}.cm-form-msg-err{background:#ef44441a;color:#dc2626}.cm-del-overlay{position:fixed;inset:0;background:#00000073;backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:cm-fade-in .15s ease}.cm-del-dialog{background:var(--cm-surface);border:1px solid var(--cm-border);border-radius:18px;padding:32px 28px 24px;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:var(--cm-shadow-lg);animation:cm-pop .22s cubic-bezier(.34,1.56,.64,1)}.cm-del-icon{width:60px;height:60px;border-radius:50%;background:#ef44441a;border:1.5px solid rgba(239,68,68,.2);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.cm-del-title{font-size:17px;font-weight:700;color:var(--cm-text-1);margin:0 0 8px}.cm-del-desc{font-size:14px;color:var(--cm-text-2);line-height:1.6;margin:0 0 22px}.cm-del-domain{font-family:SF Mono,JetBrains Mono,Menlo,monospace;color:var(--cm-red);background:#ef444414;padding:1px 7px;border-radius:5px}.cm-del-actions{display:flex;gap:10px;width:100%}.cm-del-cancel{flex:1;padding:10px;border-radius:9px;border:1.5px solid var(--cm-border);background:var(--cm-surface2);color:var(--cm-text-2);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.cm-del-cancel:hover{border-color:var(--cm-blue);color:var(--cm-blue)}.cm-del-cancel:disabled{opacity:.5;cursor:not-allowed}.cm-del-ok{flex:1;padding:10px;border-radius:9px;border:none;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 10px #ef44444d}.cm-del-ok:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 14px #ef444466}.cm-del-ok:disabled{opacity:.6;cursor:not-allowed}.cm-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.cm-section-title{font-size:13px;font-weight:700;color:var(--cm-text-2);text-transform:uppercase;letter-spacing:.07em;display:flex;align-items:center;gap:8px}.cm-count-badge{padding:3px 10px;background:var(--cm-surface2);border:1px solid var(--cm-border);border-radius:20px;font-size:12px;font-weight:600;color:var(--cm-text-2)}.cm-modal::-webkit-scrollbar{width:5px}.cm-modal::-webkit-scrollbar-track{background:transparent}.cm-modal::-webkit-scrollbar-thumb{background:var(--cm-border);border-radius:3px}.cm-proxy-select-wrap{position:relative;display:flex;align-items:center}.cm-proxy-select-icon{position:absolute;left:11px;color:var(--cm-text-3);pointer-events:none;flex-shrink:0}.cm-proxy-select{padding-left:32px!important}.cm-card-actions-wrap{flex-wrap:wrap;gap:6px}.cm-act-log{color:#6366f1;border-color:#6366f140;background:#6366f10f}.cm-act-log:hover{background:#6366f124;border-color:#6366f173;color:#4f46e5}.cm-probe-loading{display:flex;align-items:center;gap:10px;padding:32px 0;justify-content:center;color:var(--cm-text-2);font-size:14px}@keyframes cm-spin{to{transform:rotate(360deg)}}.cm-probe-spinner{width:18px;height:18px;border:2px solid var(--cm-border);border-top-color:var(--cm-blue);border-radius:50%;display:inline-block;animation:cm-spin .7s linear infinite}.cm-probe-error{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:10px;background:#ef44440f;border:1px solid rgba(239,68,68,.18);color:#dc2626;font-size:13px;margin:16px 0}.cm-probe-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 0;color:var(--cm-text-3);font-size:14px}.cm-probe-table-wrap{overflow-x:auto;border-radius:10px;border:1px solid var(--cm-border);margin:16px 0 10px}.cm-probe-table{width:100%;border-collapse:collapse;font-size:13px}.cm-probe-table th{background:var(--cm-surface2);color:var(--cm-text-2);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;padding:10px 12px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--cm-border)}.cm-probe-table td{padding:10px 12px;border-bottom:1px solid var(--cm-border);color:var(--cm-text-1);vertical-align:middle;white-space:nowrap}.cm-probe-table tr:last-child td{border-bottom:none}.cm-probe-table tr:hover td{background:#0ea5e908}.cm-probe-row-fail td{background:#ef44440a}.cm-probe-td-time{color:var(--cm-text-2);font-size:12px}.cm-probe-proto{display:inline-block;padding:2px 7px;border-radius:5px;background:#0ea5e91a;color:var(--cm-blue);font-size:11.5px;font-weight:600}.cm-probe-status-code{display:inline-block;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:700}.cm-probe-status-code.ok{background:#10b9811a;color:#059669}.cm-probe-status-code.fail{background:#ef44441a;color:#dc2626}.cm-probe-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:11.5px;font-weight:600}.cm-probe-ok{background:#10b9811a;color:#059669}.cm-probe-fail{background:#ef44441a;color:#dc2626}.cm-probe-pagination{display:flex;align-items:center;gap:10px;justify-content:center;padding:10px 0}.cm-probe-page-btn{padding:5px 14px;border-radius:7px;border:1.5px solid var(--cm-border);background:var(--cm-surface);color:var(--cm-text-2);font-size:12px;cursor:pointer;transition:all .15s}.cm-probe-page-btn:hover:not(:disabled){border-color:var(--cm-blue);color:var(--cm-blue)}.cm-probe-page-btn:disabled{opacity:.4;cursor:not-allowed}.cm-probe-page-info{font-size:12px;color:var(--cm-text-2)}.cm-probe-summary{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--cm-surface2);border-radius:8px;font-size:12.5px;color:var(--cm-text-2);margin-bottom:8px}:root{--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-xs: 12px;--font-sm: 13px;--font-base: 14px;--font-lg: 16px;--font-xl: 18px;--font-2xl: 20px;--font-3xl: 24px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--color-primary: #1890ff;--color-success: #52c41a;--color-warning: #faad14;--color-danger: #f5222d;--color-info: #13c2c2;--bg-page: #f0f2f5;--bg-container: #ffffff;--bg-hover: #fafafa;--bg-active: #e6f7ff;--border-color: #d9d9d9;--border-light: #f0f0f0;--text-primary: #262626;--text-secondary: #595959;--text-tertiary: #8c8c8c;--text-disabled: #bfbfbf;--focus-ring: rgba(24, 144, 255, .2);--alert-banner-bg: #fffbe6;--alert-banner-border: #ffe58f;--alert-banner-text: #d48806}[data-theme=dark]{--bg-page: #141414;--bg-container: #1f1f1f;--bg-hover: #262626;--bg-active: #111b26;--border-color: #434343;--border-light: #303030;--text-primary: #e8e8e8;--text-secondary: #a6a6a6;--text-tertiary: #737373;--text-disabled: #595959;--focus-ring: rgba(24, 144, 255, .35);--alert-banner-bg: rgba(250, 173, 20, .15);--alert-banner-border: rgba(250, 173, 20, .4);--alert-banner-text: #faad14}.host-monitor-content{background:var(--bg-page);min-height:100vh;padding:var(--spacing-lg)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:0}.header-left{display:flex;flex-direction:column;gap:4px}.page-title{margin:0;font-size:var(--font-3xl);font-weight:600;color:var(--text-primary);line-height:32px}.page-subtitle{margin:0;font-size:var(--font-sm);color:var(--text-secondary);line-height:20px}.header-right{display:flex;align-items:center;gap:10px}.btn-primary,.btn-secondary{height:36px;padding:0 16px;font-size:13px;font-weight:500;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all .18s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;letter-spacing:.01em}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:transparent;box-shadow:0 1px 3px #2563eb59,0 1px 1px #0000000f}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #2563eb66,0 1px 3px #00000014;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0);box-shadow:0 1px 3px #2563eb4d}.btn-secondary{background:var(--bg-container);color:var(--text-secondary);border-color:var(--border-color);box-shadow:0 1px 2px #0000000a}.btn-secondary:hover{color:var(--color-primary);border-color:#93c5fd;background:#eff6ff;box-shadow:0 2px 6px #3b82f61f;transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0);box-shadow:0 1px 2px #0000000a}[data-theme=dark] .btn-secondary:hover{background:#3b82f61a;border-color:#3b82f666}.btn-primary:focus-visible,.btn-secondary:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f64d}.btn-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.85}.btn-primary .btn-icon{opacity:1}.btn-icon svg{width:14px;height:14px}.hdr-btn-refresh{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;background:transparent;border:1.5px solid var(--border-color);border-radius:9px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;letter-spacing:.01em}.hdr-btn-refresh:hover{color:#3b82f6;border-color:#93c5fd;background:#3b82f60f}.hdr-btn-refresh:hover svg{animation:hdr-spin-once .5s cubic-bezier(.4,0,.2,1)}.hdr-btn-refresh:active{background:#3b82f61a;transform:scale(.97)}.hdr-btn-refresh:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .hdr-btn-refresh{border-color:#ffffff1f;color:var(--text-secondary)}[data-theme=dark] .hdr-btn-refresh:hover{border-color:#63b3ed80;background:#3b82f61a;color:#93c5fd}.hdr-btn-add{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px 0 10px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:9px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;letter-spacing:.02em;box-shadow:0 2px 8px #2563eb61,0 1px 2px #0000001a;position:relative;overflow:hidden}.hdr-btn-add:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,transparent 100%);pointer-events:none}.hdr-btn-add-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#ffffff38;border-radius:5px;flex-shrink:0;transition:background .2s}.hdr-btn-add:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 18px #2563eb7a,0 2px 4px #0000001a;transform:translateY(-1.5px)}.hdr-btn-add:hover .hdr-btn-add-icon{background:#ffffff52}.hdr-btn-add:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px #2563eb4d}.hdr-btn-add:focus-visible{outline:none;box-shadow:0 0 0 3px #3b82f659,0 2px 8px #2563eb61}@keyframes hdr-spin-once{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stats-block{margin-bottom:var(--spacing-xl)}.stats-block-title{display:flex;align-items:center;gap:var(--spacing-sm);margin:0 0 var(--spacing-md) 0;font-size:var(--font-lg);font-weight:600;color:var(--text-primary)}.stats-block-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary)}.stats-section{display:grid;gap:var(--spacing-lg);margin-bottom:0}.stats-section-overview{grid-template-columns:repeat(6,1fr)}.stats-section-network{grid-template-columns:repeat(3,1fr)}.stat-card-ref{background:var(--bg-container);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-lg);position:relative;transition:all .2s;overflow:hidden}.stat-card-ref:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.stat-card-ref.accent-blue:before{background:var(--color-primary)}.stat-card-ref.accent-green:before{background:var(--color-success)}.stat-card-ref.accent-red:before{background:var(--color-danger)}.stat-card-ref.accent-purple:before{background:#722ed1}.stat-card-ref.accent-gray:before{background:var(--text-tertiary)}.stat-card-ref:hover{border-color:var(--border-color);box-shadow:0 2px 8px #0000000f}.stat-card-ref-icon{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:36px;height:36px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);background:var(--bg-hover)}.stat-card-ref.accent-blue .stat-card-ref-icon{background:#e6f7ff;color:var(--color-primary)}.stat-card-ref.accent-green .stat-card-ref-icon{background:#f6ffed;color:var(--color-success)}.stat-card-ref.accent-red .stat-card-ref-icon{background:#fff1f0;color:var(--color-danger)}.stat-card-ref.accent-purple .stat-card-ref-icon{background:#f9f0ff;color:#722ed1}.stat-card-ref.accent-gray .stat-card-ref-icon{background:var(--bg-hover);color:var(--text-secondary)}.stat-card-ref-label{font-size:var(--font-sm);color:var(--text-secondary);margin:0 0 4px;padding-right:44px}.stat-card-ref-value{font-size:var(--font-3xl);font-weight:600;color:var(--text-primary);line-height:32px;margin:0 0 4px;font-variant-numeric:tabular-nums}.stat-card-ref-extra{font-size:var(--font-xs);color:var(--text-tertiary);margin:0;line-height:18px}.stat-card-ref-status{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-xs);color:var(--color-success);margin-top:var(--spacing-sm)}.stat-card-ref-status.status-ok{color:var(--color-success)}.stat-card-ref-status.status-warn{color:var(--color-warning)}.stat-card-ref-status.status-error{color:var(--color-danger)}.stat-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.stat-card{background:var(--bg-container);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);transition:all .3s}.stat-card:hover{border-color:var(--border-color);box-shadow:0 2px 8px #00000014}.stat-content{display:flex;flex-direction:column;gap:4px;position:relative}.stat-header{display:flex;align-items:center;justify-content:space-between}.stat-icon{width:36px;height:36px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:18px}.stat-icon.primary,.stat-icon.stat-icon-blue{background:#e6f7ff;color:var(--color-primary)}.stat-icon.success{background:#f6ffed;color:var(--color-success)}.stat-icon.warning{background:#fffbe6;color:var(--color-warning)}.stat-icon.danger{background:#fff1f0;color:var(--color-danger)}.stat-label{font-size:var(--font-sm);color:var(--text-secondary);line-height:20px;margin:0}.stat-value{font-size:24px;font-weight:600;color:var(--text-primary);line-height:32px;margin:0}.stat-progress{height:8px;background:var(--bg-hover);border-radius:4px;overflow:hidden;margin-top:4px}.stat-progress-bar{height:100%;border-radius:4px;transition:width .3s,background .3s}.stat-progress-bar.primary{background:var(--color-primary)}.stat-progress-bar.success{background:var(--color-success)}.stat-progress-bar.warning{background:var(--color-warning)}.stat-progress-bar.danger{background:var(--color-danger)}.toolbar{background:var(--bg-container);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.search-box{flex:1;min-width:240px;position:relative}.search-input{width:100%;height:32px;padding:0 32px 0 36px;font-size:var(--font-base);color:var(--text-primary);background:var(--bg-container);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all .2s}.search-input:hover{border-color:var(--color-primary)}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--focus-ring)}.search-icon{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:none;background:none;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;transition:all .2s}.search-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.group-filter{position:relative;display:flex;align-items:center;min-width:200px}.filter-icon{position:absolute;left:12px;color:var(--text-tertiary);pointer-events:none;z-index:1}.group-select{width:100%;height:32px;padding:0 32px 0 36px;font-size:var(--font-base);color:var(--text-primary);background:var(--bg-container);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4L6 8L10 4' stroke='%238c8c8c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.group-select:hover{border-color:var(--color-primary)}.group-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--focus-ring)}[data-theme=dark] .group-select{background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4L6 8L10 4' stroke='%23737373' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.filter-tabs{display:flex;gap:var(--spacing-xs)}.filter-tab{height:32px;padding:0 var(--spacing-md);font-size:var(--font-base);color:var(--text-primary);background:var(--bg-container);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;white-space:nowrap}.filter-tab:hover{color:var(--color-primary);border-color:var(--color-primary)}.filter-tab.active{color:var(--color-primary);background:var(--bg-active);border-color:var(--color-primary)}.filter-tab:focus-visible,.toggle-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--focus-ring)}.view-toggle{display:flex;gap:4px;border-left:1px solid var(--border-light);padding-left:var(--spacing-md);margin-left:auto}.toggle-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);background:transparent;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s}.toggle-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.toggle-btn.active{color:var(--color-primary);background:var(--bg-active)}.host-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.host-card{background:var(--bg-container);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--spacing-lg);transition:all .3s;cursor:pointer;position:relative;overflow:hidden}.host-card:hover{border-color:var(--border-color);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.host-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--focus-ring)}.host-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}.host-card.status-green:before{background:var(--color-success)}.host-card.status-orange:before{background:var(--color-warning)}.host-card.status-red:before{background:var(--color-danger)}.host-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.host-info{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0}.host-avatar{width:48px;height:48px;border-radius:var(--radius-xl);background:var(--bg-hover);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.host-text{flex:1;min-width:0}.host-name{font-size:var(--font-lg);font-weight:600;color:var(--text-primary);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.host-ip{font-size:var(--font-sm);color:var(--text-secondary);margin:0;font-family:SF Mono,Monaco,monospace}.status-badge{padding:2px 6px;border-radius:10px;font-size:11px;font-weight:500;line-height:16px;white-space:nowrap;flex-shrink:0}.stat-badge{padding:2px 6px;border-radius:10px;font-size:11px;font-weight:500;line-height:16px;white-space:nowrap;position:absolute;top:0;right:0}.stat-badge-green{background:#f6ffed;color:var(--color-success);border:1px solid #b7eb8f}.stat-badge-orange{background:#fffbe6;color:var(--color-warning);border:1px solid #ffe58f}.stat-badge-red{background:#fff1f0;color:var(--color-danger);border:1px solid #ffccc7}.status-badge.status-green{background:#f6ffed;color:var(--color-success);border:1px solid #b7eb8f}.status-badge.status-orange{background:#fffbe6;color:var(--color-warning);border:1px solid #ffe58f}.status-badge.status-red{background:#fff1f0;color:var(--color-danger);border:1px solid #ffccc7}.alert-banner{margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--alert-banner-bg);border:1px solid var(--alert-banner-border);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-sm);color:var(--alert-banner-text)}.metric-card{padding:var(--spacing-sm);background:var(--bg-hover);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.metric-label{font-size:var(--font-xs);color:var(--text-tertiary);margin:0 0 4px;display:flex;align-items:center;gap:4px}.metric-value{font-size:var(--font-xl);font-weight:600;color:var(--text-primary);margin:0 0 4px;font-variant-numeric:tabular-nums}.metric-bar{height:4px;background:var(--bg-page);border-radius:2px;overflow:hidden}.metric-bar-fill{height:100%;border-radius:2px;transition:width .3s,background .3s}.metric-bar-fill.success{background:var(--color-success)}.metric-bar-fill.info{background:var(--color-info)}.metric-bar-fill.warning{background:var(--color-warning)}.metric-bar-fill.danger{background:var(--color-danger)}.host-footer{display:flex;flex-wrap:wrap;gap:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--border-light)}.host-meta{display:flex;align-items:center;gap:4px;font-size:var(--font-sm);color:var(--text-secondary)}.host-table-container{background:var(--bg-container);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:auto}.host-table{width:100%;border-collapse:collapse}.host-table thead{background:var(--bg-hover);border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:1}.host-table th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-size:var(--font-sm);font-weight:600;color:var(--text-secondary);white-space:nowrap}.host-table tbody tr{border-bottom:1px solid var(--border-light);transition:background .2s;cursor:pointer}.host-table tbody tr:last-child{border-bottom:none}.host-table tbody tr:hover{background:var(--bg-hover)}.host-table tbody tr.selected,.host-row.selected{background:var(--bg-active)}.host-table td{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-base);color:var(--text-primary);vertical-align:middle}.host-cell{display:flex;align-items:center;gap:var(--spacing-sm)}.table-host-name{font-weight:600;font-size:var(--font-base);margin-bottom:2px}.table-host-ip{font-size:11px;color:var(--text-tertiary);font-family:SF Mono,Monaco,monospace}.status-label{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;white-space:nowrap}.status-label-green{background:#f6ffed;color:var(--color-success);border:1px solid #b7eb8f}.status-label-orange{background:#fffbe6;color:var(--color-warning);border:1px solid #ffe58f}.status-label-red{background:#fff1f0;color:var(--color-danger);border:1px solid #ffccc7}.table-value{font-size:var(--font-sm);font-weight:500;color:var(--text-primary);font-variant-numeric:tabular-nums}.table-network{display:flex;flex-direction:column;gap:2px}.network-in,.network-out{font-size:11px;font-weight:500;font-variant-numeric:tabular-nums}.network-in{color:var(--color-success)}.network-out{color:var(--color-warning)}.metric-inline{display:flex;align-items:center;gap:var(--spacing-xs);min-width:80px}.metric-inline-value{font-size:var(--font-sm);font-weight:600;font-variant-numeric:tabular-nums;min-width:36px}.metric-inline-unit{font-size:11px;font-weight:400;margin-left:1px;opacity:.7}.metric-inline-bar{flex:1;height:4px;background:var(--bg-hover);border-radius:2px;overflow:hidden;min-width:40px}.metric-inline-fill{height:100%;border-radius:2px;transition:width .3s}.host-text-info{display:flex;flex-direction:column;gap:2px;min-width:0}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.online,.status-dot.green{background:var(--color-success)}.status-dot.warning,.status-dot.orange{background:var(--color-warning)}.status-dot.offline,.status-dot.red{background:var(--color-danger)}.empty-state{text-align:center;padding:var(--spacing-xl) var(--spacing-lg);background:var(--bg-container);border:1px solid var(--border-light);border-radius:var(--radius-xl)}.empty-icon{font-size:48px;margin-bottom:var(--spacing-md);opacity:.3}.empty-title{font-size:var(--font-lg);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.empty-description{font-size:var(--font-base);color:var(--text-secondary);margin:0}@media(max-width:1200px){.stats-section-overview{grid-template-columns:repeat(3,1fr)}.stats-section-network{grid-template-columns:repeat(2,1fr)}.host-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.host-monitor-content{padding:var(--spacing-md)}.stats-section-overview{grid-template-columns:repeat(2,1fr)}.stats-section-network{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.search-box{width:100%}.view-toggle{border-left:none;padding-left:0;margin-left:0;justify-content:flex-end}.host-grid{grid-template-columns:1fr}.host-table-container{overflow-x:auto}}.hsc-section-title{display:flex;align-items:center;gap:7px;margin:0 0 12px;font-size:13px;font-weight:700;color:var(--text-secondary, #64748b);text-transform:uppercase;letter-spacing:.6px}.hsc-grid{display:grid;gap:12px}.hsc-grid-6{grid-template-columns:repeat(6,1fr)}.hsc-grid-3{grid-template-columns:repeat(3,1fr)}@media(max-width:1400px){.hsc-grid-6{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.hsc-grid-6,.hsc-grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.hsc-grid-6,.hsc-grid-3{grid-template-columns:1fr}}.hsc-card{position:relative;background:var(--bg-container, #fff);border-radius:12px;border:1px solid var(--border-light, #e8edf4);padding:14px 14px 12px;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease;cursor:default}.hsc-card:hover{box-shadow:0 6px 20px #00000017;transform:translateY(-2px);border-color:var(--hsc-accent)}.hsc-stripe{position:absolute;top:0;left:0;right:0;height:3px;background:var(--hsc-accent);border-radius:12px 12px 0 0}.hsc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.hsc-icon-wrap{width:36px;height:36px;border-radius:9px;background:color-mix(in srgb,var(--hsc-accent) 12%,transparent);display:flex;align-items:center;justify-content:center;color:var(--hsc-accent);transition:transform .25s ease;flex-shrink:0}.hsc-card:hover .hsc-icon-wrap{transform:rotate(8deg) scale(1.1)}.hsc-ring-wrap{position:relative;width:44px;height:44px;flex-shrink:0}.hsc-ring-pct{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--hsc-accent);font-family:Fira Code,monospace}.hsc-value{font-size:22px;font-weight:800;line-height:1;letter-spacing:-.5px;margin-bottom:3px;background:linear-gradient(135deg,var(--hsc-accent),color-mix(in srgb,var(--hsc-accent) 60%,#000));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hsc-label{font-size:11.5px;font-weight:600;color:var(--text-secondary, #64748b);margin-bottom:3px}.hsc-sub{font-size:10.5px;color:var(--text-tertiary, #94a3b8);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hsc-extra{font-size:10px;color:var(--text-tertiary, #94a3b8);font-weight:500;margin-top:1px}.hsc-status{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;margin-top:5px}.hsc-status-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.hsc-bar-track{position:relative;height:4px;background:var(--bg-hover, #f1f5f9);border-radius:999px;overflow:hidden;margin-top:8px}.hsc-bar-fill{height:100%;border-radius:999px;transition:width .8s cubic-bezier(.4,0,.2,1)}.hsc-bar-shine{position:absolute;top:0;left:0;height:50%;background:#ffffff80;border-radius:999px;pointer-events:none;transition:width .8s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .hsc-card{background:var(--bg-container, #1e293b);border-color:var(--border-light, #334155)}[data-theme=dark] .hsc-card:hover{box-shadow:0 6px 20px #00000059}[data-theme=dark] .hsc-bar-track{background:#ffffff0f}.metric{background:var(--bg-hover);border-radius:var(--radius-lg);padding:var(--spacing-sm);border:1px solid var(--border-light)}.metric-label{font-size:var(--font-xs);color:var(--text-tertiary);margin-bottom:4px}.metric-value{font-size:var(--font-lg);font-weight:600;line-height:1.2;margin-bottom:4px}.metric-unit{font-size:var(--font-sm);font-weight:400;margin-left:2px}.progress-bar-inline{display:flex;align-items:center;gap:var(--spacing-xs)}.progress-bar-track{flex:1;height:4px;background:var(--bg-hover);border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:2px;transition:width .3s,background .3s}.progress-value{font-size:var(--font-sm);font-weight:500;font-variant-numeric:tabular-nums;min-width:40px;text-align:right}.table-host-name{font-weight:500;margin-bottom:2px}.table-host-ip{font-size:var(--font-xs);color:var(--text-tertiary);font-family:SF Mono,Monaco,monospace}.btn-icon-only{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);background:var(--bg-container);border-radius:var(--radius-lg);cursor:pointer;color:var(--text-secondary);transition:all .2s}.btn-icon-only:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--bg-active)}.detail-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.detail-panel{position:fixed;top:0;right:0;bottom:0;width:720px;max-width:90vw;background:var(--bg-container);box-shadow:-4px 0 24px #00000026;display:flex;flex-direction:column;animation:slideIn .3s}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.detail-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-light)}.detail-title{margin:0 0 4px;font-size:var(--font-2xl);font-weight:600;color:var(--text-primary)}.detail-subtitle{margin:0;font-size:var(--font-sm);color:var(--text-secondary);font-family:SF Mono,Monaco,monospace}.btn-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-lg);color:var(--text-tertiary);cursor:pointer;transition:all .2s}.btn-close:hover{background:var(--bg-hover);color:var(--text-primary)}.detail-tabs{display:flex;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg) 0;border-bottom:1px solid var(--border-light)}.detail-tab{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-base);color:var(--text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s;position:relative;top:1px}.detail-tab:hover{color:var(--text-primary)}.detail-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.detail-body{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.tab-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.info-section{background:var(--bg-hover);border-radius:var(--radius-xl);padding:var(--spacing-md);border:1px solid var(--border-light)}.section-title{margin:0 0 var(--spacing-md) 0;font-size:var(--font-lg);font-weight:600;color:var(--text-primary)}.info-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.info-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--border-light)}.info-item:last-child{border-bottom:none}.info-label{font-size:var(--font-sm);color:var(--text-secondary)}.info-value{font-size:var(--font-sm);font-weight:500;color:var(--text-primary)}.empty-state-small{text-align:center;padding:var(--spacing-xl);color:var(--text-tertiary)}.empty-state-small svg{opacity:.3;margin-bottom:var(--spacing-md)}.empty-state-small p{margin:0;font-size:var(--font-base)}.alerts-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.alert-item{padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid;display:flex;gap:var(--spacing-sm)}.alert-item.alert-warning{background:#fffbe6;border-color:#ffe58f;color:#d48806}.alert-item.alert-info{background:#e6f7ff;border-color:#91d5ff;color:#0958d9}.alert-item.alert-danger{background:#fff1f0;border-color:#ffccc7;color:#cf1322}.alert-icon{flex-shrink:0}.alert-content{flex:1;min-width:0}.alert-message{font-size:var(--font-base);font-weight:500;margin:0 0 4px}.alert-time{font-size:var(--font-xs);opacity:.7;margin:0}.chart-container{width:100%;height:200px;display:flex;align-items:center;justify-content:center}.chart-svg{width:100%;height:100%}.chart-container-enhanced{width:100%;background:var(--bg-container);border-radius:var(--radius-lg);padding:var(--spacing-md);border:1px solid var(--border-light)}.chart-wrapper{margin-top:var(--spacing-sm)}.chart-legend{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-light)}.legend-item{display:flex;align-items:center;gap:var(--spacing-xs)}.legend-dot{width:12px;height:12px;border-radius:50%}.legend-label{font-size:var(--font-sm);color:var(--text-secondary);font-weight:500}.chart-svg text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.chart-svg line{stroke-dasharray:2,4}.chart-svg circle{cursor:pointer;transition:r .2s}.chart-svg circle:hover{r:6}.metric-bar{height:4px;background:var(--bg-page);border-radius:2px;overflow:hidden;margin-top:4px}.status-dot.green{background:var(--color-success)}.status-dot.orange{background:var(--color-warning)}.status-dot.red{background:var(--color-danger)}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.metrics-grid-detail{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.metric{padding:var(--spacing-sm);background:var(--bg-hover);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:all .2s}.metric:hover{border-color:var(--border-color);box-shadow:0 2px 4px #0000000d}.metric-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.metric-icon{display:flex;align-items:center;justify-content:center}.metric-label{font-size:var(--font-xs);color:var(--text-tertiary);font-weight:500}.metric-value{font-size:var(--font-xl);font-weight:600;line-height:1.2;margin-bottom:4px}.metric-unit{font-size:var(--font-sm);font-weight:400;margin-left:2px;opacity:.7}.metric-fill{height:100%;border-radius:2px;transition:width .3s,background .3s}.metric-card-detail{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-container);border-radius:var(--radius-xl);border:1px solid var(--border-light);border-left:3px solid;transition:all .2s}.metric-card-detail:hover{box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.metric-card-icon{width:48px;height:48px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-card-content{flex:1;min-width:0}.metric-card-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:4px}.metric-card-value{font-size:24px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.metric-card-unit{font-size:var(--font-base);font-weight:400;margin-left:4px;opacity:.7}@media(max-width:1024px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.metrics-grid,.metrics-grid-detail,.connection-stats{grid-template-columns:1fr}.overview-metrics,.connection-stats-compact{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr}}.connection-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.connection-stat-card{background:var(--bg-container);border-radius:var(--radius-xl);padding:var(--spacing-md);border:1px solid var(--border-light);border-top:3px solid;transition:all .2s}.connection-stat-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.connection-stat-header{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.connection-stat-icon{font-size:24px;line-height:1}.connection-stat-title{flex:1;display:flex;flex-direction:column;gap:4px}.connection-stat-label{font-size:var(--font-base);font-weight:600;color:var(--text-primary);font-family:SF Mono,Monaco,monospace;letter-spacing:.3px}.connection-stat-desc{font-size:var(--font-xs);color:var(--text-tertiary);line-height:1.4}.connection-stat-body{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--spacing-sm)}.connection-stat-value{font-size:28px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.connection-stat-unit{font-size:var(--font-base);font-weight:400;margin-left:4px;opacity:.7}.connection-stat-percentage{font-size:var(--font-lg);font-weight:600;font-variant-numeric:tabular-nums}.connection-stat-bar{height:6px;background:var(--bg-hover);border-radius:3px;overflow:hidden;margin-bottom:var(--spacing-sm)}.connection-stat-bar-fill{height:100%;border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1)}.connection-stat-footer{font-size:var(--font-xs);color:var(--text-tertiary);padding-top:var(--spacing-xs);border-top:1px solid var(--border-light)}.overview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.compact-metric{background:var(--bg-container);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-sm);transition:all .2s}.compact-metric:hover{border-color:var(--border-color);box-shadow:0 2px 4px #0000000d}.compact-metric-label{font-size:var(--font-xs);color:var(--text-tertiary);margin-bottom:4px;font-weight:500}.compact-metric-value{font-size:20px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}.compact-metric-unit{font-size:var(--font-sm);font-weight:400;margin-left:2px;opacity:.7}.compact-metric-bar{height:3px;background:var(--bg-hover);border-radius:2px;overflow:hidden;margin-top:6px}.compact-metric-fill{height:100%;border-radius:2px;transition:width .3s}.connection-stats-compact{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.compact-connection{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--spacing-sm);background:var(--bg-container);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:all .2s}.compact-connection:hover{border-color:var(--border-color);box-shadow:0 2px 4px #0000000d}.compact-connection-dot{width:8px;height:8px;border-radius:50%}.compact-connection-label{font-size:11px;color:var(--text-tertiary);font-weight:500;text-align:center;font-family:SF Mono,Monaco,monospace}.compact-connection-value{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.info-item-compact{display:flex;flex-direction:column;gap:4px;padding:var(--spacing-sm);background:var(--bg-container);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.info-label-compact{font-size:11px;color:var(--text-tertiary);font-weight:500}.info-value-compact{font-size:var(--font-sm);color:var(--text-primary);font-weight:500;word-break:break-all}.table-contact{font-size:var(--font-sm);color:var(--text-secondary);font-family:SF Mono,Monaco,monospace}.table-location{font-size:var(--font-sm);color:var(--text-secondary)}.table-value{font-size:var(--font-sm);color:var(--text-primary)}.metric-inline{display:flex;flex-direction:column;gap:2px;min-width:60px}.metric-inline-value{font-size:var(--font-sm);font-weight:600;font-variant-numeric:tabular-nums}.metric-inline-unit{font-size:11px;font-weight:400;opacity:.7;margin-left:2px}.metric-inline-bar{width:100%;height:4px;background:var(--border-light);border-radius:2px;overflow:hidden}.metric-inline-fill{height:100%;border-radius:2px;transition:width .3s,background .3s}.table-network{display:flex;flex-direction:column;gap:2px;font-size:11px;font-family:SF Mono,Monaco,monospace}.network-in{color:#10b981}.network-out{color:#f59e0b}.ssh-container{display:flex;flex-direction:column;height:100%;gap:var(--spacing-md)}.ssh-header{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-hover);border-radius:var(--radius-lg)}.ssh-info{display:flex;align-items:center;gap:var(--spacing-xs)}.ssh-label{font-size:var(--font-sm);color:var(--text-secondary)}.ssh-value{font-size:var(--font-sm);color:var(--text-primary);font-weight:600;font-family:SF Mono,Monaco,monospace}.ssh-status{padding:2px 8px;border-radius:12px;font-size:var(--font-xs);font-weight:600}.ssh-status.connected{background:#d1fae5;color:#065f46}.ssh-status.disconnected{background:#fee2e2;color:#991b1b}.btn-sm{padding:6px 12px;font-size:var(--font-sm);height:32px}.terminal{flex:1;background:#1e1e1e;color:#d4d4d4;padding:var(--spacing-md);border-radius:var(--radius-lg);font-family:SF Mono,Monaco,Courier New,monospace;font-size:13px;line-height:1.6;overflow-y:auto;max-height:400px}.terminal-line{margin-bottom:4px;white-space:pre-wrap;word-break:break-all}.terminal-system{color:#9cdcfe}.terminal-info{color:#ce9178}.terminal-command{color:#d4d4d4;font-weight:600}.terminal-output{color:#b5cea8}.terminal-prompt{color:#569cd6}.terminal-input{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#1e1e1e;border-radius:var(--radius-lg)}.terminal-prompt{color:#4ec9b0;font-family:SF Mono,Monaco,monospace;font-size:13px;white-space:nowrap}.terminal-input-field{flex:1;background:transparent;border:none;color:#d4d4d4;font-family:SF Mono,Monaco,monospace;font-size:13px;outline:none}.ssh-tips{padding:var(--spacing-sm);background:#fff3cd;border-left:3px solid #ffc107;border-radius:var(--radius-md);font-size:var(--font-sm);color:#856404}.logs-container{display:flex;flex-direction:column;height:100%;gap:var(--spacing-md)}.logs-header{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-hover);border-radius:var(--radius-lg)}.logs-path-selector{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.logs-label{font-size:var(--font-sm);color:var(--text-secondary);font-weight:600;white-space:nowrap}.logs-select{padding:6px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-container);color:var(--text-primary);font-size:var(--font-sm);outline:none;cursor:pointer;min-width:200px}.logs-select:focus{border-color:var(--color-primary)}.logs-input{flex:1;padding:6px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-container);color:var(--text-primary);font-size:var(--font-sm);font-family:SF Mono,Monaco,monospace;outline:none;min-width:200px}.logs-input:focus{border-color:var(--color-primary)}.logs-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.logs-checkbox{display:flex;align-items:center;gap:6px;font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer}.logs-checkbox input{cursor:pointer}.logs-viewer{flex:1;background:#1e1e1e;border-radius:var(--radius-lg);overflow:hidden;max-height:400px}.logs-loading{display:flex;align-items:center;justify-content:center;height:200px;color:#9cdcfe;font-size:var(--font-base)}.logs-content{margin:0;padding:var(--spacing-md);color:#d4d4d4;font-family:SF Mono,Monaco,Courier New,monospace;font-size:12px;line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-break:break-all;height:100%}.logs-footer{display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-hover);border-radius:var(--radius-lg);font-size:var(--font-xs);color:var(--text-tertiary)}.cron-container{display:flex;flex-direction:column;gap:var(--spacing-md);height:100%}.cron-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--bg-hover);border-radius:var(--radius-lg)}.cron-title{margin:0 0 4px;font-size:var(--font-lg);font-weight:600;color:var(--text-primary)}.cron-subtitle{margin:0;font-size:var(--font-sm);color:var(--text-secondary)}.cron-list{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md);overflow-y:auto;max-height:400px}.cron-item{padding:var(--spacing-md);background:var(--bg-container);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:all .2s}.cron-item:hover{border-color:var(--border-color);box-shadow:0 2px 8px #0000000d}.cron-item.disabled{opacity:.6;background:var(--bg-hover)}.cron-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.cron-item-title{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.cron-status{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cron-status-success{background:#10b981}.cron-status-running{background:#3b82f6;animation:pulse 2s infinite}.cron-status-disabled{background:#9ca3af}.cron-schedule{padding:4px 8px;background:#f3f4f6;border-radius:4px;font-family:SF Mono,Monaco,monospace;font-size:12px;color:#1f2937;font-weight:600}.cron-description{font-size:var(--font-sm);color:var(--text-primary)}.cron-item-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.btn-toggle{padding:4px 12px;border:1px solid var(--border-color);background:var(--bg-container);border-radius:var(--radius-md);font-size:12px;cursor:pointer;transition:all .2s}.btn-toggle.enabled{background:#d1fae5;color:#065f46;border-color:#10b981}.btn-toggle.disabled{background:#fee2e2;color:#991b1b;border-color:#f87171}.btn-toggle:hover{opacity:.8}.cron-item-body{display:flex;flex-direction:column;gap:var(--spacing-xs)}.cron-command{font-size:var(--font-sm);color:var(--text-secondary)}.cron-command code{padding:2px 6px;background:#f3f4f6;border-radius:3px;font-family:SF Mono,Monaco,monospace;font-size:12px;color:#1f2937}.cron-time-info{display:flex;gap:var(--spacing-lg);font-size:var(--font-xs);color:var(--text-tertiary)}.cron-tips{padding:var(--spacing-md);background:#e0f2fe;border-left:3px solid #0ea5e9;border-radius:var(--radius-md);font-size:var(--font-sm);color:#0c4a6e}.cron-tips ul{margin:8px 0 0;padding-left:20px}.cron-tips li{margin:4px 0}.cron-tips code{padding:2px 6px;background:#fff9;border-radius:3px;font-family:SF Mono,Monaco,monospace;font-size:12px}.host-monitor-content .modal-content{max-width:520px}.host-monitor-content .modal-body .form-grid{gap:var(--spacing-md)}.host-monitor-content .modal-body .modal-actions{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border-light)}.quick-fill-section{margin-bottom:20px;padding:16px;background:linear-gradient(135deg,#0ea5e90d,#38bdf805);border:1px solid rgba(14,165,233,.15);border-radius:10px}.quick-fill-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;color:#0f172a;cursor:pointer;transition:all .2s}.quick-fill-toggle:hover{border-color:#0ea5e9;background:#0ea5e90d}.quick-fill-toggle svg{width:18px;height:18px;color:#0ea5e9}.quick-fill-list{margin-top:12px;display:flex;flex-direction:column;gap:8px}.quick-fill-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left}.quick-fill-item:hover{border-color:#0ea5e9;background:#0ea5e90d;transform:translate(4px)}.qf-info{display:flex;flex-direction:column;gap:4px}.qf-info strong{font-size:14px;font-weight:600;color:#0f172a}.qf-info span{font-size:12px;color:#64748b}.quick-fill-item svg{width:16px;height:16px;color:#94a3b8;flex-shrink:0}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:14px;font-weight:500;color:#334155}.form-field input{padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;transition:all .2s}.form-field input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.required{color:#ef4444}[data-theme=dark] .quick-fill-section{background:linear-gradient(135deg,#0ea5e914,#38bdf80a);border-color:#0ea5e940}[data-theme=dark] .quick-fill-toggle{background:#1e293b;border-color:#334155;color:#f1f5f9}[data-theme=dark] .quick-fill-toggle:hover{background:#0ea5e91a}[data-theme=dark] .quick-fill-item{background:#1e293b;border-color:#334155}[data-theme=dark] .quick-fill-item:hover{background:#0ea5e91a}[data-theme=dark] .qf-info strong{color:#f1f5f9}[data-theme=dark] .qf-info span{color:#94a3b8}[data-theme=dark] .form-field label{color:#cbd5e1}[data-theme=dark] .form-field input{background:#1e293b;border-color:#334155;color:#f1f5f9}.ehm-header{position:sticky;top:0;z-index:100;background:var(--bg-container);border-bottom:1px solid var(--border-light)}.ehm-header-inner{display:flex;align-items:center;justify-content:space-between;padding:0;height:58px}.ehm-header-icon{width:38px;height:38px;border-radius:10px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ehm-header-eyebrow{font-size:9px;font-weight:700;color:var(--text-tertiary);letter-spacing:.14em;text-transform:uppercase;margin-bottom:1px}.ehm-header-title{font-size:15px;font-weight:700;color:var(--text-primary);line-height:1}.ehm-header-badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.ehm-btn-ghost{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 13px;background:transparent;border:1px solid var(--border-color);border-radius:8px;font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .15s}.ehm-btn-ghost:hover{color:#3b82f6;border-color:#3b82f666;background:#3b82f60f}.ehm-btn-primary{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;font-size:12px;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 3px 10px #2563eb59;transition:all .15s}.ehm-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 5px 16px #2563eb73;transform:translateY(-1px)}.ehm-body{flex:1;padding:20px 0;display:flex;flex-direction:column;gap:16px}.ehm-kpi-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.ehm-kpi-card{background:var(--bg-container);border:1px solid var(--border-light);border-radius:10px;padding:14px 16px;position:relative;overflow:hidden;transition:box-shadow .2s}.ehm-kpi-card:hover{box-shadow:0 4px 16px #00000014}.ehm-kpi-label{font-size:11px;font-weight:600;color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase}.ehm-kpi-value{font-size:26px;font-weight:800;line-height:1.1;margin:6px 0 4px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.ehm-kpi-sub{font-size:11px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ehm-kpi-bar-track{margin-top:10px;height:3px;background:var(--border-light);border-radius:2px;overflow:hidden}.ehm-kpi-bar-fill{height:100%;border-radius:2px;transition:width .8s ease}.ehm-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ehm-dot-online{background:#22c55e;box-shadow:0 0 6px #22c55e80;animation:ehm-pulse 2s infinite}.ehm-dot-warn{background:#f59e0b}.ehm-dot-offline{background:#ef4444}@keyframes ehm-pulse{0%,to{opacity:1}50%{opacity:.5}}.ehm-resource-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.ehm-resource-card{background:var(--bg-container);border:1px solid var(--border-light);border-radius:10px;padding:12px 14px;transition:box-shadow .2s}.ehm-resource-card:hover{box-shadow:0 3px 12px #00000012}.ehm-resource-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.ehm-resource-label{font-size:10px;font-weight:700;color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase}.ehm-resource-pct{font-size:11px;font-weight:700}.ehm-resource-value{font-size:18px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.2;margin-bottom:3px}.ehm-resource-sub{font-size:11px;color:var(--text-tertiary);margin-bottom:8px}.ehm-resource-bar{height:4px;background:var(--border-light);border-radius:2px;overflow:hidden}.ehm-toolbar{display:flex;align-items:center;gap:10px;background:var(--bg-container);border:1px solid var(--border-light);border-radius:10px;padding:10px 14px;flex-wrap:wrap}.ehm-search{position:relative;flex:1;min-width:220px}.ehm-search-input{width:100%;box-sizing:border-box;height:32px;padding:0 30px 0 33px;font-size:13px;color:var(--text-primary);background:var(--bg-page);border:1px solid var(--border-color);border-radius:7px;transition:all .15s}.ehm-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f;background:var(--bg-container)}.ehm-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;border:none;background:var(--border-color);color:var(--text-tertiary);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.ehm-select{height:32px;padding:0 28px 0 30px;font-size:12px;color:var(--text-primary);background:var(--bg-page);border:1px solid var(--border-color);border-radius:7px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4L6 8L10 4' stroke='%238c8c8c' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:all .15s}.ehm-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.ehm-filter-tabs{display:flex;gap:4px}.ehm-filter-tab{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 11px;font-size:12px;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .15s}.ehm-filter-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.ehm-filter-tab.active{background:#3b82f61a;border-color:#3b82f640;color:#3b82f6;font-weight:600}.ehm-tab-count{font-size:10px;font-weight:700;padding:1px 6px;border-radius:10px;background:var(--bg-hover);color:var(--text-tertiary)}.ehm-filter-tab.active .ehm-tab-count{background:#3b82f626;color:#3b82f6}.ehm-view-toggle{display:flex;gap:2px;margin-left:auto}.ehm-view-btn{width:30px;height:30px;border-radius:7px;border:1px solid transparent;background:transparent;cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;transition:all .15s}.ehm-view-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.ehm-view-btn.active{background:#3b82f61a;border-color:#3b82f640;color:#3b82f6}.ehm-result-count{font-size:12px;color:var(--text-tertiary);white-space:nowrap;padding-left:4px}.ehm-result-count b{color:var(--text-secondary)}.ehm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;background:var(--bg-container);border:1px dashed var(--border-color);border-radius:12px}.ehm-host-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.ehm-card{background:var(--bg-container);border:1px solid var(--border-light);border-radius:12px;padding:14px 14px 12px 20px;position:relative;overflow:hidden;cursor:pointer;transition:all .18s}.ehm-card:hover{border-color:var(--card-accent, #3b82f6);box-shadow:0 6px 24px #0000001a;transform:translateY(-2px)}.ehm-card.selected{border-color:var(--card-accent, #3b82f6);box-shadow:0 0 0 2px #3b82f633}.ehm-card-stripe{position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:12px 0 0 12px}.ehm-card-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.ehm-card-avatar{width:36px;height:36px;border-radius:9px;border:1px solid;flex-shrink:0;display:flex;align-items:center;justify-content:center}.ehm-card-name{font-size:13px;font-weight:700;color:var(--text-primary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.ehm-card-ip{font-size:11px;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.ehm-card-alert{display:flex;align-items:center;gap:6px;margin-bottom:10px;padding:6px 10px;background:#fb923c14;border:1px solid rgba(251,146,60,.2);border-radius:7px;font-size:11px;font-weight:600;color:#f59e0b}.ehm-card-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px}.ehm-card-metric{text-align:center}.ehm-card-metric-val{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.2}.ehm-card-metric-bar{height:3px;background:var(--border-light);border-radius:2px;overflow:hidden;margin:3px 0}.ehm-card-metric-label{font-size:9px;font-weight:700;color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase}.ehm-card-net{display:flex;gap:10px;font-size:11px;font-weight:600;padding:7px 0;border-top:1px solid var(--border-light);margin-bottom:6px}.ehm-card-foot{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-tertiary)}.ehm-status-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;white-space:nowrap;flex-shrink:0}.ehm-badge-green{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.25)}.ehm-badge-red{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.25)}.ehm-badge-yellow{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.25)}.ehm-table-wrap{background:var(--bg-container);border:1px solid var(--border-light);border-radius:12px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.ehm-table{width:max-content;min-width:100%;border-collapse:collapse;font-size:13px}.ehm-table thead tr{background:var(--bg-hover);border-bottom:2px solid var(--border-light)}.ehm-table th{padding:10px 12px;font-size:11px;font-weight:700;color:var(--text-tertiary);letter-spacing:.05em;text-transform:uppercase;text-align:center;white-space:nowrap}.ehm-table th:nth-child(4),.ehm-table td:nth-child(4){text-align:left;min-width:120px}.ehm-table th:nth-child(5),.ehm-table td:nth-child(5){text-align:left;min-width:120px}.ehm-table th:last-child,.ehm-table td:last-child{text-align:right}.ehm-table th:nth-child(1),.ehm-table td:nth-child(1){min-width:64px}.ehm-table th:nth-child(2),.ehm-table td:nth-child(2){min-width:64px}.ehm-table th:nth-child(3),.ehm-table td:nth-child(3){min-width:88px}.ehm-table th:nth-child(6),.ehm-table td:nth-child(6){min-width:64px}.ehm-table th:nth-child(7),.ehm-table td:nth-child(7){min-width:72px}.ehm-table th:nth-child(8),.ehm-table td:nth-child(8){min-width:80px}.ehm-table th:nth-child(9),.ehm-table td:nth-child(9){min-width:68px}.ehm-table th:nth-child(10),.ehm-table td:nth-child(10){min-width:68px}.ehm-table th:nth-child(11),.ehm-table td:nth-child(11){min-width:68px}.ehm-table th:nth-child(12),.ehm-table td:nth-child(12){min-width:56px}.ehm-table th:nth-child(13),.ehm-table td:nth-child(13){min-width:84px}.ehm-table th:nth-child(14),.ehm-table td:nth-child(14){min-width:60px}.ehm-table th:nth-child(15),.ehm-table td:nth-child(15){min-width:108px}.ehm-table tbody tr{border-bottom:1px solid var(--border-light)}.ehm-table tbody tr:last-child{border-bottom:none}.ehm-table td{padding:9px 12px;vertical-align:middle;text-align:center;white-space:nowrap}.ehm-row{cursor:pointer;transition:background .12s}.ehm-row:hover{background:var(--bg-hover)}.ehm-row.selected{background:#3b82f60d}.ehm-row-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.ehm-row-name{font-size:13px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px;display:block}.ehm-row-ip{font-size:11px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;margin-top:1px}.ehm-row-ip-mono{font-size:12px;color:var(--text-secondary);font-variant-numeric:tabular-nums;font-family:SF Mono,Fira Mono,Consolas,monospace;letter-spacing:.02em}.ehm-row-val{font-size:12px;color:var(--text-secondary);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ehm-row-nil{color:var(--text-disabled)}.ehm-row-action{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;font-size:11px;font-weight:600;color:var(--text-secondary);background:var(--bg-hover);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .15s}.ehm-row-action:hover{color:#3b82f6;border-color:#3b82f64d;background:#3b82f60f}.ehm-row-edit{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;color:var(--text-tertiary);background:var(--bg-hover);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .15s}.ehm-row-edit:hover{color:#3b82f6;border-color:#3b82f64d;background:#3b82f60f}.ehm-card-edit-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:var(--text-tertiary);background:transparent;border:1px solid transparent;border-radius:5px;cursor:pointer;transition:all .15s;flex-shrink:0}.ehm-card-edit-btn:hover{color:#3b82f6;border-color:#3b82f64d;background:#3b82f614}.ehm-row-delete{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;color:var(--text-tertiary);background:var(--bg-hover);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .15s}.ehm-row-delete:hover{color:#ef4444;border-color:#ef44444d;background:#ef44440f}.ehm-card-delete-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:auto;color:var(--text-tertiary);background:transparent;border:1px solid transparent;border-radius:5px;cursor:pointer;transition:all .15s;flex-shrink:0}.ehm-card-delete-btn:hover{color:#ef4444;border-color:#ef44444d;background:#ef444414}.metric-inline{display:flex;flex-direction:column;gap:2px;align-items:center}.metric-inline-value{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.metric-inline-unit{font-size:10px;margin-left:1px}.metric-inline-bar{height:3px;width:48px;background:var(--border-light);border-radius:2px;overflow:hidden}.metric-inline-fill{height:100%;border-radius:2px;transition:width .5s}[data-theme=dark] .ehm-header{background:#0f1624f2;backdrop-filter:blur(12px)}[data-theme=dark] .ehm-kpi-card,[data-theme=dark] .ehm-resource-card,[data-theme=dark] .ehm-toolbar,[data-theme=dark] .ehm-table-wrap,[data-theme=dark] .ehm-card{background:#141d2e;border-color:#6382be24}[data-theme=dark] .ehm-search-input,[data-theme=dark] .ehm-select{background:#0f1624;border-color:#6382be33;color:#e8edf5}[data-theme=dark] .ehm-badge-green{color:#4ade80;border-color:#4ade8040;background:#4ade801a}[data-theme=dark] .ehm-badge-red{color:#f87171;border-color:#f8717140;background:#f871711a}[data-theme=dark] .ehm-badge-yellow{color:#fbbf24;border-color:#fbbf2440;background:#fbbf241a}@media(max-width:1400px){.ehm-kpi-row,.ehm-resource-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.ehm-kpi-row,.ehm-resource-row{grid-template-columns:repeat(2,1fr)}.ehm-host-grid{grid-template-columns:1fr}}@keyframes fw-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fw-tab{display:flex;flex-direction:column;gap:12px}.fw-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.fw-type-switcher{display:flex;gap:5px;flex-wrap:wrap}.fw-type-tab{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:20px;font-size:11px;font-weight:700;border:1.5px solid #e2e8f0;background:transparent;color:#94a3b8;cursor:pointer;transition:all .15s}.fw-type-tab:hover{border-color:#cbd5e1;color:#64748b}.fw-type-tab.active{border-color:var(--fw-color, #6366f1);background:color-mix(in srgb,var(--fw-color, #6366f1) 9%,#fff);color:var(--fw-color, #6366f1)}.fw-type-desc{font-size:10px;font-weight:500;opacity:.75;border-left:1px solid currentColor;padding-left:6px;margin-left:1px}.fw-header-actions{display:flex;gap:8px}.fw-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:none;transition:all .15s}.fw-btn-refresh{background:transparent;border:1.5px solid #e2e8f0;color:#64748b}.fw-btn-refresh:hover:not(:disabled){background:#f1f5f9}.fw-btn-refresh:disabled{opacity:.5;cursor:not-allowed}.fw-btn-add{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 2px 8px #6366f147}.fw-btn-add:hover{background:linear-gradient(135deg,#4f46e5,#3730a3);transform:translateY(-1px)}.fw-btn-ghost{background:transparent;border:1.5px solid #e2e8f0;color:#64748b}.fw-btn-ghost:hover{background:#f1f5f9}.fw-btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;box-shadow:0 2px 8px #6366f140}.fw-btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#3730a3)}.fw-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;box-shadow:0 2px 8px #ef444440}.fw-btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.fw-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.fw-dir-tabs{display:flex;gap:4px}.fw-dir-tab{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;border:1.5px solid #e2e8f0;background:transparent;color:#64748b;cursor:pointer;transition:all .15s}.fw-dir-tab.active{border-color:#6366f1;background:#6366f114;color:#6366f1}.fw-search{flex:1;min-width:120px;max-width:200px;padding:6px 12px;border-radius:8px;background:#f8fafc;border:1.5px solid #e2e8f0;font-size:12px;color:#1e293b;outline:none;transition:border-color .15s}.fw-search:focus{border-color:#6366f1;background:#fff}.fw-table-wrap{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.fw-table{width:100%;border-collapse:collapse;font-size:12px}.fw-table thead tr{background:#f8fafc;border-bottom:1px solid #e5e7eb}.fw-table th{padding:9px 12px;text-align:left;font-size:11px;font-weight:700;color:#94a3b8;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.fw-row{border-bottom:1px solid #f3f4f6;transition:background .12s}.fw-row:last-child{border-bottom:none}.fw-row:hover{background:#fafbff}.fw-table td{padding:9px 12px;vertical-align:middle}.fw-port{font-family:SF Mono,Consolas,monospace;font-size:13px;font-weight:700;color:#1e293b;background:#f1f5f9;padding:2px 8px;border-radius:6px}.fw-proto{font-size:10px;font-weight:800;letter-spacing:.06em;background:#6366f11a;color:#6366f1;padding:2px 7px;border-radius:4px}.fw-direction{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600}.fw-dir-inbound{color:#0ea5e9}.fw-dir-outbound{color:#8b5cf6}.fw-action{font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px}.fw-action-allow{background:#10b9811a;color:#059669}.fw-action-deny{background:#ef44441a;color:#dc2626}.fw-source,.fw-comment{font-size:12px;color:#6b7280;font-family:SF Mono,Consolas,monospace;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fw-row-actions{display:flex;gap:4px}.fw-icon-btn{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;background:transparent;cursor:pointer;transition:all .15s;color:#94a3b8}.fw-icon-btn:hover{transform:translateY(-1px)}.fw-icon-cmd:hover{background:#f0f9ff;border-color:#7dd3fc;color:#0284c7}.fw-icon-edit:hover{background:#f5f3ff;border-color:#c4b5fd;color:#7c3aed}.fw-icon-del:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.fw-cmd-hint{padding:10px 14px;background:#1e1e2e;border-radius:10px}.fw-cmd-hint-title{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#64748b;margin-bottom:6px}.fw-cmd-code{display:block;font-family:SF Mono,Consolas,monospace;font-size:12px;color:#a5b4fc;word-break:break-all}.fw-modal-backdrop{position:fixed;inset:0;z-index:9999;background:#00000073;display:flex;align-items:center;justify-content:center;padding:20px}.fw-modal{width:min(520px,96vw);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;overflow:hidden;animation:fw-modal-in .2s cubic-bezier(.34,1.56,.64,1)}.fw-modal-sm{width:min(360px,96vw)}@keyframes fw-modal-in{0%{opacity:0;transform:translateY(-16px) scale(.96)}to{opacity:1;transform:none}}.fw-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#6366f1,#4f46e5)}.fw-modal-title{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:#fff}.fw-modal-close{width:28px;height:28px;border-radius:50%;background:#ffffff26;border:none;display:flex;align-items:center;justify-content:center;color:#ffffffd9;cursor:pointer;transition:background .15s}.fw-modal-close:hover{background:#ffffff47}.fw-modal-err{margin:12px 20px 0;padding:8px 12px;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;font-size:12px;border-radius:8px}.fw-modal-body{padding:16px 20px;display:flex;flex-direction:column;gap:14px}.fw-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid #f1f5f9;background:#fafbfc}.fw-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fw-form-field{display:flex;flex-direction:column;gap:6px}.fw-form-field label{font-size:12px;font-weight:600;color:#64748b}.fw-form-field label em{font-style:normal;color:#ef4444;margin-left:2px}.fw-input{width:100%;box-sizing:border-box;padding:8px 11px;border-radius:8px;background:#f8fafc;border:1.5px solid #e2e8f0;font-size:13px;color:#1e293b;outline:none;transition:border-color .15s,background .15s}.fw-input:focus{border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.fw-proto-tabs{display:flex;gap:5px;flex-wrap:wrap}.fw-proto-tab{flex:1;padding:7px 8px;border-radius:8px;min-width:50px;font-size:11px;font-weight:700;border:1.5px solid #e2e8f0;background:#f8fafc;color:#64748b;cursor:pointer;transition:all .15s}.fw-proto-tab.active{border-color:#6366f1;background:#6366f114;color:#6366f1}.fw-action-tab-allow.active{border-color:#10b981;background:#10b98114;color:#059669}.fw-action-tab-deny.active{border-color:#ef4444;background:#ef444414;color:#dc2626}.fw-cmd-preview{padding:10px 12px;background:#1e1e2e;border-radius:8px}.fw-cmd-preview-label{font-size:10px;font-weight:700;color:#64748b;letter-spacing:.05em;text-transform:uppercase;margin-bottom:5px}.fw-cmd-preview code{display:block;font-family:SF Mono,Consolas,monospace;font-size:11px;color:#a5b4fc;word-break:break-all}.fw-del-icon{display:flex;justify-content:center;padding:20px 0 8px}.fw-del-title{text-align:center;font-size:15px;font-weight:700;color:#1e293b}.fw-del-desc{text-align:center;font-size:12px;color:#94a3b8;margin-top:4px;padding:0 20px 8px}.dark .fw-type-tab{border-color:#334155;color:#475569}.dark .fw-type-tab:hover{border-color:#475569;color:#64748b}.dark .fw-type-tab.active{background:color-mix(in srgb,var(--fw-color, #6366f1) 14%,#0f172a)}.dark .fw-btn-refresh{border-color:#334155;color:#94a3b8}.dark .fw-btn-refresh:hover:not(:disabled){background:#1e293b}.dark .fw-dir-tab{border-color:#334155;color:#94a3b8}.dark .fw-search{background:#0f172a;border-color:#334155;color:#e2e8f0}.dark .fw-table-wrap{border-color:#334155}.dark .fw-table thead tr{background:#0f172a;border-color:#334155}.dark .fw-table th{color:#475569}.dark .fw-row{border-color:#1e293b}.dark .fw-row:hover{background:#1e293b}.dark .fw-table td{color:#cbd5e1}.dark .fw-port{background:#0f172a;color:#e2e8f0}.dark .fw-icon-btn{border-color:#334155}.dark .fw-modal{background:#1e293b}.dark .fw-modal-footer{background:#0f172a;border-color:#334155}.dark .fw-input{background:#0f172a;border-color:#334155;color:#e2e8f0}.dark .fw-input:focus{background:#1e293b}.dark .fw-proto-tab{background:#0f172a;border-color:#334155;color:#64748b}.dark .fw-del-title{color:#e2e8f0}.dark .fw-btn-ghost{border-color:#334155;color:#94a3b8}.dark .fw-btn-ghost:hover{background:#1e293b}.ssh-container-enhanced{display:flex;flex-direction:column;height:100%;background:var(--bg-container);border-radius:var(--radius-lg);overflow:hidden}.ssh-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-light);background:var(--bg-hover)}.ssh-info-group{display:flex;gap:24px;flex-wrap:wrap}.ssh-info{display:flex;align-items:center;gap:8px;font-size:13px}.ssh-label{color:var(--text-tertiary)}.ssh-value{color:var(--text-primary);font-weight:500}.ssh-status-group{display:flex;align-items:center;gap:12px}.ssh-status-indicator{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.ssh-status-indicator.connected{background:#52c41a1a;color:var(--color-success)}.ssh-status-indicator.disconnected{background:#8c8c8c1a;color:var(--text-tertiary)}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}.terminal-enhanced{flex:1;background:#1e1e1e;color:#d4d4d4;padding:16px;font-family:Monaco,Menlo,Courier New,monospace;font-size:13px;line-height:1.6;overflow-y:auto;cursor:text}.terminal-line{margin:2px 0;word-wrap:break-word}.terminal-system{color:#569cd6}.terminal-success{color:#4ec9b0}.terminal-info{color:#9cdcfe}.terminal-error{color:#f48771}.terminal-output{color:#d4d4d4}.terminal-command{color:#dcdcaa}.terminal-prompt{color:#4ec9b0;font-weight:600}.terminal-input-enhanced{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#1e1e1e;border-top:1px solid #3e3e3e}.terminal-prompt{color:#4ec9b0;font-family:Monaco,Menlo,Courier New,monospace;font-size:13px;font-weight:600;white-space:nowrap}.terminal-input-field{flex:1;background:transparent;border:none;color:#dcdcaa;font-family:Monaco,Menlo,Courier New,monospace;font-size:13px;outline:none}.ssh-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid var(--border-light);background:var(--bg-hover);font-size:12px}.ssh-tips{display:flex;align-items:center;gap:8px;color:var(--text-tertiary)}.ssh-tips code{background:var(--bg-container);padding:2px 6px;border-radius:3px;font-family:monospace;color:var(--color-primary)}.ssh-stats{color:var(--text-secondary)}.log-viewer-enhanced{display:flex;flex-direction:column;height:100%;background:var(--bg-container);border-radius:var(--radius-lg);overflow:hidden}.log-controls{padding:16px;border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:12px}.log-path-selector{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.log-path-selector label{font-size:13px;font-weight:500;color:var(--text-secondary)}.log-select,.level-filter{padding:6px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-container);color:var(--text-primary);font-size:13px;cursor:pointer}.custom-path{display:flex;gap:8px;flex:1;min-width:240px}.custom-path-input{flex:1;padding:6px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-container);color:var(--text-primary);font-size:13px}.log-filters{display:flex;gap:12px;flex-wrap:wrap}.search-box-log{position:relative;flex:1;min-width:200px}.search-input-log{width:100%;padding:6px 32px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-container);color:var(--text-primary);font-size:13px}.search-box-log svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-tertiary)}.clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:14px}.log-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);cursor:pointer;user-select:none}.checkbox-label input[type=checkbox]{cursor:pointer}.log-info{display:flex;gap:16px;padding:8px 16px;background:var(--bg-hover);border-bottom:1px solid var(--border-light);font-size:12px;color:var(--text-secondary);flex-wrap:wrap}.log-info strong{color:var(--text-primary)}.loading-indicator{color:var(--color-warning)}.log-content-enhanced{flex:1;overflow-y:auto;background:#1e1e1e;padding:12px;font-family:Monaco,Menlo,Courier New,monospace;font-size:12px;line-height:1.6}.log-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary)}.log-line{display:flex;gap:12px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05)}.line-number{color:#858585;width:40px;text-align:right;user-select:none}.log-timestamp{color:#569cd6;width:70px}.log-level{width:50px;font-weight:600;text-align:center}.level-info{color:#4ec9b0}.level-warn{color:#dcdcaa}.level-error{color:#f48771}.level-debug{color:#9cdcfe}.log-service{color:#c586c0;width:80px}.log-message{flex:1;color:#d4d4d4}.log-level-error{background:#f487711a}.log-level-warn{background:#dcdcaa14}.cron-manager-enhanced{display:flex;flex-direction:column;height:100%;background:var(--bg-container);border-radius:var(--radius-lg);overflow:hidden}.cron-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--border-light);flex-wrap:wrap;gap:12px}.cron-title-section h3{margin:0 0 4px;font-size:18px;color:var(--text-primary)}.cron-subtitle{margin:0;font-size:12px;color:var(--text-tertiary)}.cron-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:#ff7875}.cron-list{flex:1;overflow-y:auto;padding:16px}.cron-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px}.empty-icon{font-size:64px;opacity:.3}.cron-item{display:flex;gap:16px;padding:16px;background:var(--bg-container);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:12px;transition:all .2s}.cron-item.disabled{opacity:.6}.cron-item:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #00000014}.cron-select input[type=checkbox]{cursor:pointer;width:16px;height:16px}.cron-status{font-size:20px}.status-icon{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;border-radius:50%;font-weight:700}.status-icon.success{background:#52c41a1a;color:var(--color-success)}.status-icon.running{background:#1890ff1a;color:var(--color-primary);animation:rotate 2s linear infinite}.status-icon.error{background:#f5222d1a;color:var(--color-danger)}.status-icon.disabled{background:#8c8c8c1a;color:var(--text-disabled)}.cron-details{flex:1;display:flex;flex-direction:column;gap:8px}.cron-name-row{display:flex;justify-content:space-between;align-items:center}.cron-name{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.cron-badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.cron-badge.enabled{background:#52c41a1a;color:var(--color-success)}.cron-badge.disabled{background:#8c8c8c1a;color:var(--text-disabled)}.cron-expression{display:flex;align-items:center;gap:12px;font-size:13px}.cron-expression code{background:var(--bg-hover);padding:4px 8px;border-radius:4px;font-family:monospace;color:var(--color-primary)}.cron-desc{color:var(--text-tertiary);font-size:12px}.cron-command{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);font-family:monospace}.cron-description{font-size:12px;color:var(--text-tertiary);font-style:italic}.cron-meta{display:flex;gap:16px;font-size:11px;color:var(--text-tertiary)}.cron-meta strong{color:var(--text-primary)}.cron-item-actions{display:flex;gap:8px;align-items:flex-start}.btn-icon{background:none;border:1px solid var(--border-color);padding:6px 10px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.btn-icon:hover{background:var(--bg-hover);border-color:var(--color-primary)}.btn-icon.danger:hover{border-color:var(--color-danger);color:var(--color-danger)}.cron-modal{width:600px}.cron-presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.preset-btn{padding:4px 12px;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.preset-btn:hover{background:var(--bg-active);border-color:var(--color-primary);color:var(--color-primary)}.cron-help{margin-top:8px;padding:8px;background:#1890ff1a;border-left:3px solid var(--color-primary);font-size:12px;color:var(--text-secondary);border-radius:4px}.btn-sm{padding:6px 12px;font-size:13px;border-radius:6px;border:none;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn-primary.btn-sm{background:var(--color-primary);color:#fff}.btn-primary.btn-sm:hover{background:#40a9ff}.btn-secondary.btn-sm{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary.btn-sm:hover{background:var(--bg-active);border-color:var(--color-primary)}.btn-sm:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.ssh-info-group,.log-path-selector,.log-filters,.log-actions,.cron-actions{flex-direction:column;width:100%}.cron-item{flex-direction:column}.cron-modal{width:95%}}.page-wrapper{width:100%;min-height:100vh;background:var(--bg-base)}.page-container{max-width:1400px;margin:0 auto;padding:24px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.page-title-section h1{font-size:28px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.page-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.page-actions{display:flex;gap:12px;align-items:center}.port-monitor{padding:16px}.port-monitor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.port-monitor-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 2px}.port-monitor-subtitle{font-size:12px;color:var(--text-tertiary);margin:0}.port-monitor-actions{display:flex;align-items:center;gap:10px}.btn-refresh,.btn-export,.btn-action-primary,.btn-action-secondary{display:inline-flex;align-items:center;gap:7px;padding:0 18px;height:38px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;border:none;white-space:nowrap;letter-spacing:.2px}.btn-action-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 2px 8px #6366f14d}.btn-action-primary:hover{transform:translateY(-2px);box-shadow:0 6px 18px #6366f173}.btn-action-primary:active{transform:translateY(0);box-shadow:0 2px 6px #6366f14d}.btn-action-secondary{background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;box-shadow:0 2px 8px #0ea5e947}.btn-action-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0ea5e96b}.btn-action-secondary:active{transform:translateY(0)}.btn-refresh{background:var(--bg-container);color:var(--text-secondary);border:1.5px solid var(--border-color);box-shadow:none}.btn-refresh:hover:not(:disabled){background:var(--bg-hover);border-color:#6366f1;color:#6366f1}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.btn-export{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b98147}.btn-export:hover{transform:translateY(-2px);box-shadow:0 6px 18px #10b9816b}.btn-export:active{transform:translateY(0)}[data-theme=dark] .btn-refresh{background:#ffffff0d;border-color:#ffffff1f;color:var(--text-secondary)}[data-theme=dark] .btn-refresh:hover:not(:disabled){background:#6366f126;border-color:#818cf8;color:#818cf8}.psc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}@media(max-width:1200px){.psc-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.psc-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.psc-grid{grid-template-columns:1fr}}.psc-card{position:relative;background:var(--bg-container, #fff);border-radius:14px;border:1px solid var(--border-light, #e8edf3);overflow:hidden;box-shadow:0 1px 3px #0000000d,0 4px 16px #0000000a;transition:transform .22s ease,box-shadow .22s ease;cursor:default}.psc-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000014,0 16px 40px #0000000f}.psc-accent{position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--ac, #3b82f6);border-radius:14px 0 0 14px}.psc-inner{padding:13px 14px 11px 18px;display:flex;flex-direction:column;gap:4px}.psc-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.psc-icon-box{width:30px;height:30px;border-radius:7px;background:color-mix(in srgb,var(--ac, #3b82f6) 12%,transparent);display:flex;align-items:center;justify-content:center;color:var(--ac, #3b82f6);flex-shrink:0;transition:transform .25s}.psc-card:hover .psc-icon-box{transform:rotate(6deg) scale(1.08)}.psc-tag{font-size:10px;font-weight:600;padding:1px 7px;border-radius:20px;letter-spacing:.2px;background:color-mix(in srgb,var(--ac, #3b82f6) 10%,transparent);color:var(--ac, #3b82f6);border:1px solid color-mix(in srgb,var(--ac, #3b82f6) 20%,transparent);white-space:nowrap}.psc-num{font-size:24px;font-weight:800;line-height:1.1;letter-spacing:-.5px;color:var(--ac, #3b82f6)}.psc-unit{font-size:12px;font-weight:600;letter-spacing:0;opacity:.7;margin-left:2px}.psc-name{font-size:11.5px;font-weight:500;color:var(--text-secondary, #64748b);letter-spacing:.1px}.psc-foot{display:flex;align-items:center;gap:6px;margin-top:2px}.psc-foot-item{display:flex;align-items:center;gap:3px;font-size:11px;color:var(--text-secondary, #94a3b8);font-weight:500}.psc-foot-sep{width:1px;height:10px;background:var(--border-light, #e2e8f0)}.psc-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.psc-dot-green{background:#10b981}.psc-dot-red{background:#ef4444}.psc-bar-wrap{display:flex;align-items:center;gap:6px;margin-top:2px}.psc-bar-track{flex:1;height:5px;border-radius:99px;background:var(--border-light, #e8edf3);overflow:hidden}.psc-bar-fill{height:100%;border-radius:99px;transition:width .5s cubic-bezier(.4,0,.2,1)}.psc-bar-pct{font-size:11.5px;font-weight:700;color:var(--text-secondary, #64748b);min-width:30px;text-align:right}[data-theme=dark] .psc-card{background:#ffffff0a;border-color:#ffffff14;box-shadow:0 1px 3px #0003,0 4px 16px #00000026}[data-theme=dark] .psc-card:hover{background:#ffffff12;box-shadow:0 4px 12px #00000059,0 16px 40px #00000040}[data-theme=dark] .psc-bar-track{background:#ffffff14}[data-theme=dark] .psc-foot-sep{background:#ffffff1a}.port-filter-section{background:var(--bg-container);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);overflow:hidden}.filter-section-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);font-size:var(--font-base);font-weight:600;color:var(--text-primary)}.filter-section-header svg{color:var(--color-primary)}.filter-section-content{padding:var(--spacing-xl)}.filter-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}@media(max-width:1200px){.filter-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.filter-row{grid-template-columns:1fr}}.filter-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-sm);font-weight:500;color:var(--text-secondary)}.filter-label svg{color:var(--color-primary)}.filter-input,.filter-select{height:40px;padding:0 var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-base);color:var(--text-primary);background:var(--bg-primary);transition:all .2s}.filter-input:hover,.filter-select:hover{border-color:var(--color-primary)}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--focus-ring)}.filter-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4L6 8L10 4' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.filter-info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#3b82f60d;border-left:3px solid var(--color-primary);border-radius:var(--radius-md);font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.filter-info svg{color:var(--color-primary);flex-shrink:0}.filter-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end}.btn-filter-reset,.btn-filter-submit,.btn-filter-clear{display:flex;align-items:center;gap:var(--spacing-xs);padding:10px 24px;border-radius:var(--radius-md);font-size:var(--font-base);font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-filter-reset{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-filter-reset:hover{background:var(--bg-hover);border-color:var(--text-secondary);color:var(--text-primary)}.btn-filter-submit{background:var(--color-primary);color:#fff}.btn-filter-submit:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.btn-filter-clear{background:#ef4444;color:#fff}.btn-filter-clear:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.port-list-section{background:var(--bg-container);border-radius:var(--radius-lg);overflow:visible;border:1px solid var(--border-color)}.port-list-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.port-list-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-lg);font-weight:600;color:var(--text-primary)}.port-list-title svg{color:var(--color-primary)}.port-list-actions{display:flex;gap:var(--spacing-md)}.port-scroll-hint{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 16px;background:linear-gradient(90deg,#6366f10f,#6366f11a,#6366f10f);border-bottom:1px solid rgba(99,102,241,.15);font-size:11px;font-weight:500;color:#6366f1cc;letter-spacing:.3px;user-select:none}.port-scroll-hint svg{flex-shrink:0;opacity:.7}[data-theme=dark] .port-scroll-hint{background:linear-gradient(90deg,#6366f114,#6366f124,#6366f114);color:#a5b4fcd9}.port-table-wrapper{overflow-x:auto;overflow-y:visible;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.35) transparent;padding-bottom:6px;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.port-table-wrapper::-webkit-scrollbar{height:6px}.port-table-wrapper::-webkit-scrollbar-track{background:transparent}.port-table-wrapper::-webkit-scrollbar-thumb{background:#6366f159;border-radius:3px}.port-table-wrapper::-webkit-scrollbar-thumb:hover{background:#6366f199}.port-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0}.port-table thead{background:var(--bg-hover);position:sticky;top:0;z-index:2}.port-table th{padding:12px 16px;text-align:left;font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;border-bottom:2px solid var(--border-color)}.port-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .15s}.port-table tbody tr:hover{background:var(--bg-hover)}.port-table td{padding:14px 16px;font-size:13px;color:var(--text-primary);white-space:nowrap;vertical-align:middle;border-bottom:1px solid var(--border-color)}.port-host-cell{display:flex;align-items:center;gap:10px;min-width:160px}.host-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.host-name{font-weight:600;font-size:13px;white-space:nowrap}.port-ip{font-family:Monaco,Menlo,monospace;font-size:12px;color:var(--text-secondary);background:var(--bg-hover);padding:2px 6px;border-radius:4px;white-space:nowrap}.port-number{font-family:Monaco,Menlo,monospace;font-weight:700;font-size:14px;color:var(--color-primary);background:#3b82f614;padding:2px 8px;border-radius:4px;white-space:nowrap}.protocol-badge{display:inline-block;padding:3px 10px;border-radius:10px;font-size:11px;font-weight:700;letter-spacing:.5px;white-space:nowrap}.protocol-tcp{background:#3b82f61a;color:#3b82f6}.protocol-udp{background:#f59e0b1a;color:#f59e0b}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.status-open{background:#10b9811a;color:#10b981}.status-closed{background:#ef44441a;color:#ef4444}.status-dot{width:5px;height:5px;border-radius:50%;background:currentColor;animation:pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.latency-value{font-family:Monaco,Menlo,monospace;font-weight:600;font-size:13px;white-space:nowrap}.latency-low{color:#10b981}.latency-medium{color:#f59e0b}.latency-high{color:#ef4444}.check-time{font-size:11px;color:var(--text-tertiary);white-space:nowrap}.port-extra-text{font-size:12px;color:var(--text-secondary);white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis;display:inline-block}.port-proxy{font-family:var(--font-mono, monospace);font-size:12px;color:var(--color-primary);background:#3b82f60f;padding:2px 6px;border-radius:4px}.port-vendor-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;background:#8b5cf61f;color:#7c3aed;border:1px solid rgba(139,92,246,.25);white-space:nowrap}[data-theme=dark] .port-vendor-badge{background:#8b5cf633;color:#a78bfa;border-color:#8b5cf64d}.port-notify-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.25);white-space:nowrap}[data-theme=dark] .port-notify-badge{background:#10b98126;color:#34d399;border-color:#10b9814d}.port-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.action-link{padding:6px 12px;border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:500;color:var(--color-primary);text-decoration:none;transition:all .2s;border:1px solid transparent}.action-link:hover{background:#3b82f61a;border-color:var(--color-primary)}.action-btn{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:all .2s}.action-btn:hover{background:var(--bg-hover);border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.1)}.action-btn-delete:hover{border-color:#ef4444!important;color:#ef4444!important;background:#ef444414!important}.delete-confirm-overlay{position:fixed;inset:0;background:#00000073;backdrop-filter:blur(3px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fade-in-overlay .15s ease}@keyframes fade-in-overlay{0%{opacity:0}to{opacity:1}}.delete-confirm-dialog{background:var(--bg-container, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:16px;padding:32px 28px 24px;width:100%;max-width:420px;box-shadow:0 8px 40px #0000002e;display:flex;flex-direction:column;align-items:center;text-align:center;animation:dialog-pop .2s cubic-bezier(.34,1.56,.64,1)}@keyframes dialog-pop{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:none}}.delete-confirm-icon{width:60px;height:60px;border-radius:50%;background:#ef44441a;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.delete-confirm-title{font-size:17px;font-weight:700;color:var(--text-primary, #1e293b);margin:0 0 10px}.delete-confirm-desc{font-size:14px;color:var(--text-secondary, #64748b);line-height:1.6;margin:0 0 24px}.delete-confirm-desc strong{color:var(--text-primary, #1e293b)}.delete-confirm-desc code{font-family:Monaco,Menlo,monospace;font-size:13px;background:#ef444414;color:#ef4444;padding:1px 7px;border-radius:5px}.delete-confirm-actions{display:flex;gap:12px;width:100%}.delete-cancel-btn{flex:1;padding:10px;border-radius:9px;border:1px solid var(--border-color, #e5e7eb);background:var(--bg-primary, #f8fafc);color:var(--text-secondary, #64748b);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.delete-cancel-btn:hover:not(:disabled){border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #3b82f6)}.delete-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.delete-ok-btn{flex:1;padding:10px;border-radius:9px;border:none;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #ef44444d}.delete-ok-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 14px #ef44446b}.delete-ok-btn:active{transform:none}.delete-ok-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}body[data-theme=dark] .delete-confirm-dialog{background:#1e293b;border-color:#334155}body[data-theme=dark] .delete-confirm-desc code{background:#f871711f}body[data-theme=dark] .delete-cancel-btn{background:#0f172a;border-color:#334155}.port-list-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-top:1px solid var(--border-color);background:var(--bg-hover)}.footer-info{font-size:var(--font-sm);color:var(--text-secondary)}.footer-info strong{color:var(--text-primary);font-weight:600}.footer-pagination{display:flex;align-items:center;gap:var(--spacing-sm)}.pagination-btn{padding:6px 12px;border-radius:var(--radius-sm);font-size:var(--font-sm);border:1px solid var(--border-color);background:var(--bg-container);color:var(--text-primary);cursor:pointer;transition:all .2s}.pagination-btn:not(:disabled):hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-current{padding:6px 12px;font-weight:600;color:var(--text-primary)}@media(max-width:768px){.port-monitor{padding:var(--spacing-md)}.port-monitor-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.port-monitor-actions{width:100%}.btn-refresh,.btn-export{flex:1}.port-list-header{flex-direction:column;gap:var(--spacing-md)}.port-list-actions{width:100%;flex-direction:column}.btn-action-primary,.btn-action-secondary{width:100%;justify-content:center}.filter-actions{flex-direction:column}.btn-filter-reset,.btn-filter-submit,.btn-filter-clear{width:100%;justify-content:center}.port-list-footer{flex-direction:column;gap:var(--spacing-md)}}[data-theme=dark] .port-stat-card{background:#ffffff0d}[data-theme=dark] .port-stat-card:hover{background:#ffffff14}[data-theme=dark] .filter-select{background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4L6 8L10 4' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:24px}@media(min-width:1400px){.stats-grid{grid-template-columns:repeat(6,1fr)}}@media(min-width:1100px)and (max-width:1399px){.stats-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:768px)and (max-width:1099px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--bg-container);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:20px;display:flex;align-items:center;gap:16px;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),transparent);opacity:0;transition:opacity .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:var(--border-color)}.stat-card:hover:before{opacity:1}.stat-card.success:before{background:linear-gradient(90deg,var(--color-success),transparent)}.stat-card.warning:before{background:linear-gradient(90deg,var(--color-warning),transparent)}.stat-card.error:before{background:linear-gradient(90deg,var(--color-danger),transparent)}.stat-card .card-icon{font-size:32px;line-height:1;flex-shrink:0}.stat-card .card-content{flex:1;display:flex;flex-direction:column;gap:4px}.stat-card .card-label{font-size:13px;color:var(--text-secondary);font-weight:500}.stat-card .card-value{font-size:24px;font-weight:600;color:var(--text-primary);line-height:1.2}[data-theme=dark] .stat-card{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .stat-card:hover{background:#ffffff14;border-color:#fff3}.form-message{padding:12px 16px;border-radius:var(--radius-md);margin-top:var(--spacing-md);font-size:var(--font-sm);font-weight:500;text-align:center}.form-message.success{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.form-message.error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.form-field .required{color:#ef4444;margin-left:2px;font-weight:600}.field-error{display:block;margin-top:4px;font-size:12px;color:#ef4444}.form-field input.error{border-color:#ef4444}.form-field input.error:focus{box-shadow:0 0 0 3px #ef44441a}.import-modal-body{display:flex;flex-direction:column;gap:16px}.apm-overlay{position:fixed;inset:0;z-index:1000;background:#0a0e1a9e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;animation:apm-fade-in .18s ease}@keyframes apm-fade-in{0%{opacity:0}to{opacity:1}}.apm-panel{background:var(--bg-container, #fff);border-radius:16px;width:100%;max-width:560px;box-shadow:0 0 0 1px #0000000f,0 8px 24px #0000001a,0 32px 64px #0000001f;display:flex;flex-direction:column;overflow:hidden;animation:apm-slide-up .22s cubic-bezier(.34,1.3,.64,1)}@keyframes apm-slide-up{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}[data-theme=dark] .apm-panel{background:#161b2e;box-shadow:0 0 0 1px #ffffff0f,0 8px 24px #0006,0 32px 64px #00000080}.apm-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 18px;border-bottom:1px solid var(--border-color, #e5e7eb);background:linear-gradient(135deg,rgba(59,130,246,.04) 0%,transparent 60%)}[data-theme=dark] .apm-header{border-bottom-color:#ffffff12;background:linear-gradient(135deg,rgba(59,130,246,.08) 0%,transparent 60%)}.apm-header-left{display:flex;align-items:center;gap:14px}.apm-header-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #3b82f659}.apm-title{font-size:16px;font-weight:700;color:var(--text-primary, #111827);margin:0 0 2px;letter-spacing:-.2px}.apm-subtitle{font-size:12px;color:var(--text-tertiary, #9ca3af);margin:0;letter-spacing:.1px}.apm-close{width:32px;height:32px;border-radius:8px;border:1px solid var(--border-color, #e5e7eb);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary, #9ca3af);transition:all .15s;flex-shrink:0}.apm-close:hover{background:var(--bg-hover, #f3f4f6);border-color:var(--border-color, #d1d5db);color:var(--text-primary, #111827)}[data-theme=dark] .apm-close{border-color:#ffffff1a}[data-theme=dark] .apm-close:hover{background:#ffffff12}.apm-stepper{display:flex;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--bg-base, #f9fafb);gap:0}[data-theme=dark] .apm-stepper{background:#ffffff06;border-bottom-color:#ffffff12}.apm-step-item{display:flex;align-items:center;gap:10px;flex-shrink:0}.apm-step-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid var(--border-color, #d1d5db);color:var(--text-tertiary, #9ca3af);background:var(--bg-container, #fff);transition:all .25s;flex-shrink:0}.apm-step-item.is-active .apm-step-circle{border-color:#3b82f6;background:#3b82f6;color:#fff;box-shadow:0 0 0 4px #3b82f626}.apm-step-item.is-done .apm-step-circle{border-color:#10b981;background:#10b981;color:#fff;box-shadow:0 0 0 4px #10b98126}.apm-step-label{display:flex;flex-direction:column;gap:1px}.apm-step-name{font-size:13px;font-weight:600;color:var(--text-secondary, #6b7280);transition:color .2s}.apm-step-item.is-active .apm-step-name,.apm-step-item.is-done .apm-step-name{color:var(--text-primary, #111827)}.apm-step-desc{font-size:11px;color:var(--text-tertiary, #9ca3af)}.apm-step-line{flex:1;height:2px;background:var(--border-color, #e5e7eb);margin:0 12px;border-radius:2px;overflow:hidden}.apm-step-line-fill{height:100%;width:0;background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:2px;transition:width .4s cubic-bezier(.4,0,.2,1)}.apm-step-line-fill.is-filled{width:100%}.apm-body{padding:20px 24px;overflow-y:auto;max-height:calc(100vh - 300px)}.apm-form-page{display:flex;flex-direction:column;gap:16px;animation:apm-fade-in .18s ease}.apm-section{display:flex;flex-direction:column;gap:10px}.apm-section-label{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--text-tertiary, #9ca3af);text-transform:uppercase;letter-spacing:.6px}.apm-quick-ports{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.apm-quick-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:9px;border:1.5px solid var(--border-color, #e5e7eb);background:var(--bg-base, #f9fafb);cursor:pointer;transition:all .15s;position:relative;overflow:hidden}.apm-quick-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#3b82f614,#6366f114);opacity:0;transition:opacity .15s}.apm-quick-btn:hover{border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 3px 8px #3b82f626}.apm-quick-btn:hover:before{opacity:1}.apm-quick-btn.is-selected{border-color:#3b82f6;background:linear-gradient(135deg,#3b82f61a,#6366f114);box-shadow:0 0 0 3px #3b82f61f,0 2px 6px #3b82f633}.apm-quick-label{font-size:12px;font-weight:700;color:var(--text-primary, #111827);position:relative}.apm-quick-port{font-size:10px;color:var(--text-tertiary, #9ca3af);font-family:SF Mono,Fira Code,monospace;position:relative}[data-theme=dark] .apm-quick-btn{background:#ffffff0a;border-color:#ffffff1a}.apm-row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.apm-label{display:flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;color:var(--text-secondary, #374151);letter-spacing:.1px}.apm-required{color:#ef4444;font-weight:700;font-size:13px;line-height:1}.apm-label-hint{font-size:11px;font-weight:400;color:var(--text-tertiary, #9ca3af);margin-left:2px}.apm-input-wrap{position:relative;display:flex;align-items:center}.apm-input-icon{position:absolute;left:11px;color:var(--text-tertiary, #9ca3af);display:flex;align-items:center;pointer-events:none;z-index:1}.apm-input{width:100%;height:38px;padding:0 12px 0 36px;border-radius:9px;border:1.5px solid var(--border-color, #d1d5db);background:var(--bg-container, #fff);color:var(--text-primary, #111827);font-size:13.5px;outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.apm-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.apm-input-wrap.has-error .apm-input{border-color:#ef4444}.apm-input-wrap.has-error .apm-input:focus{box-shadow:0 0 0 3px #ef44441f}.apm-error{font-size:11.5px;color:#ef4444;display:flex;align-items:center;gap:4px}[data-theme=dark] .apm-input{background:#ffffff0f;border-color:#ffffff1f;color:#e2e8f0}[data-theme=dark] .apm-input:focus{border-color:#3b82f6;background:#ffffff14}.apm-proto-group{display:flex;gap:8px;height:38px}.apm-proto-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;border:1.5px solid var(--border-color, #d1d5db);background:var(--bg-base, #f9fafb);font-size:13px;font-weight:600;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .15s}.apm-proto-btn:hover{border-color:#3b82f6;color:var(--text-primary, #111827)}.apm-proto-btn.is-active{border-color:#3b82f6;background:linear-gradient(135deg,#3b82f61a,#6366f114);color:#2563eb;box-shadow:0 0 0 3px #3b82f61f}[data-theme=dark] .apm-proto-btn{background:#ffffff0a;border-color:#ffffff1a;color:#94a3b8}[data-theme=dark] .apm-proto-btn.is-active{background:#3b82f626;color:#60a5fa}.apm-proto-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.apm-proto-dot.tcp{background:#3b82f6;box-shadow:0 0 4px #3b82f699}.apm-proto-dot.udp{background:#f59e0b;box-shadow:0 0 4px #f59e0b99}.apm-select-wrap{position:relative;display:flex;align-items:center}.apm-select-icon{position:absolute;left:11px;color:var(--text-tertiary, #9ca3af);pointer-events:none;z-index:1}.apm-select{width:100%;height:38px;padding:0 32px 0 36px;border-radius:9px;border:1.5px solid var(--border-color, #d1d5db);background:var(--bg-container, #fff);color:var(--text-primary, #111827);font-size:13.5px;outline:none;appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color .15s,box-shadow .15s}.apm-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.apm-select-arrow{position:absolute;right:10px;color:var(--text-tertiary, #9ca3af);pointer-events:none}[data-theme=dark] .apm-select{background:#ffffff0f;border-color:#ffffff1f;color:#e2e8f0}[data-theme=dark] .apm-select:focus{border-color:#3b82f6}.apm-preview-card{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;border:1.5px solid rgba(59,130,246,.25);background:linear-gradient(135deg,#3b82f60f,#6366f10a);margin-bottom:4px}[data-theme=dark] .apm-preview-card{border-color:#3b82f64d;background:linear-gradient(135deg,#3b82f61a,#6366f112)}.apm-preview-badge{display:flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;background:#3b82f61f;border:1px solid rgba(59,130,246,.2);font-size:11px;font-weight:700;color:#3b82f6;flex-shrink:0;letter-spacing:.5px}.apm-preview-target{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.apm-preview-host{font-size:13.5px;font-weight:600;color:var(--text-primary, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apm-preview-sep{color:var(--text-tertiary, #9ca3af);font-size:16px;flex-shrink:0}.apm-preview-addr{font-size:13px;color:var(--text-secondary, #6b7280);font-family:SF Mono,Fira Code,monospace;white-space:nowrap}.apm-preview-edit{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;border:1px solid var(--border-color, #d1d5db);background:var(--bg-container, #fff);font-size:11.5px;font-weight:500;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .14s;flex-shrink:0}.apm-preview-edit:hover{border-color:#3b82f6;color:#3b82f6;background:#3b82f60d}.apm-submit-feedback{display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:9px;font-size:13px;font-weight:500;animation:apm-fade-in .2s ease}.apm-submit-feedback.success{background:#10b9811a;border:1.5px solid rgba(16,185,129,.25);color:#059669}.apm-submit-feedback.error{background:#ef444414;border:1.5px solid rgba(239,68,68,.2);color:#dc2626}.apm-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border-color, #e5e7eb);background:var(--bg-base, #f9fafb)}[data-theme=dark] .apm-footer{background:#ffffff05;border-top-color:#ffffff12}.apm-btn-ghost{display:flex;align-items:center;gap:6px;height:36px;padding:0 16px;border-radius:8px;border:1.5px solid var(--border-color, #d1d5db);background:transparent;font-size:13px;font-weight:500;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .15s}.apm-btn-ghost:hover{border-color:var(--text-secondary, #9ca3af);color:var(--text-primary, #111827);background:var(--bg-hover, #f3f4f6)}[data-theme=dark] .apm-btn-ghost{border-color:#ffffff1f;color:#94a3b8}[data-theme=dark] .apm-btn-ghost:hover{background:#ffffff0f;color:#e2e8f0}.apm-btn-primary{display:flex;align-items:center;gap:7px;height:36px;padding:0 18px;border-radius:8px;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s;box-shadow:0 2px 8px #3b82f64d}.apm-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 14px #3b82f673;transform:translateY(-1px)}.apm-btn-confirm{display:flex;align-items:center;gap:7px;height:36px;padding:0 20px;border-radius:8px;border:none;background:linear-gradient(135deg,#10b981,#059669);font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s;box-shadow:0 2px 8px #10b9814d}.apm-btn-confirm:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 14px #10b98173;transform:translateY(-1px)}.apm-btn-confirm:disabled{opacity:.75;cursor:not-allowed;transform:none}.apm-spinner{display:inline-block;width:13px;height:13px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:apm-spin .65s linear infinite;flex-shrink:0}@keyframes apm-spin{to{transform:rotate(360deg)}}.import-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:36px 24px;border:2px dashed var(--border-color);border-radius:12px;cursor:pointer;transition:border-color .2s,background .2s;color:var(--text-tertiary);background:var(--bg-hover)}.import-drop-zone:hover,.import-drop-zone.dragover{border-color:#6366f1;background:#6366f10f;color:#6366f1}.import-drop-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.import-drop-hint{font-size:12px;color:var(--text-tertiary);margin:0}.epm-panel{max-width:620px!important}.epm-header-icon{background:linear-gradient(135deg,#f59e0b,#d97706)!important;box-shadow:0 4px 12px #f59e0b59!important}.epm-current-target{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-tertiary, #9ca3af)}.epm-target-tag{display:inline-block;padding:1px 7px;border-radius:4px;background:#f59e0b1f;color:#d97706;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}[data-theme=dark] .epm-target-tag{background:#f59e0b2e;color:#fbbf24}.epm-body{padding:20px 24px 8px!important;gap:0!important}.epm-group{margin-bottom:4px}.epm-group-secondary{opacity:.92}.epm-group-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--text-tertiary, #9ca3af);letter-spacing:.6px;text-transform:uppercase;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border-color, #e5e7eb)}[data-theme=dark] .epm-group-title{color:#64748b;border-bottom-color:#ffffff12}.epm-divider{display:flex;align-items:center;gap:10px;margin:16px 0}.epm-divider:before,.epm-divider:after{content:"";flex:1;height:1px;background:var(--border-color, #e5e7eb)}[data-theme=dark] .epm-divider:before,[data-theme=dark] .epm-divider:after{background:#ffffff12}.epm-divider span{font-size:11px;font-weight:600;color:var(--text-tertiary, #9ca3af);white-space:nowrap;letter-spacing:.4px;text-transform:uppercase}[data-theme=dark] .epm-divider span{color:#4b5563}.import-error{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border-radius:8px;background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#ef4444;font-size:12px}.import-error pre{margin:0;white-space:pre-wrap;word-break:break-all;font-family:inherit;line-height:1.6}.import-template-tip{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-tertiary);padding:8px 12px;background:#6366f10d;border-radius:8px;border:1px solid rgba(99,102,241,.12);flex-wrap:wrap}.import-template-btn{margin-left:auto;padding:3px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:1.5px solid #6366f1;color:#6366f1;background:transparent;transition:background .15s;white-space:nowrap}.import-template-btn:hover{background:#6366f11a}.import-preview-count{font-size:13px;color:var(--text-secondary);margin:0}.import-preview-table-wrap{overflow-x:auto;border-radius:8px;border:1px solid var(--border-color);max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.3) transparent}.import-preview-table{width:max-content;min-width:100%;border-collapse:collapse;font-size:12px}.import-preview-table th{padding:8px 12px;background:var(--bg-hover);color:var(--text-secondary);font-weight:600;text-align:left;white-space:nowrap;border-bottom:1px solid var(--border-color);position:sticky;top:0}.import-preview-table td{padding:7px 12px;border-bottom:1px solid var(--border-color);white-space:nowrap;color:var(--text-primary)}.import-preview-table tbody tr:hover td{background:var(--bg-hover)}.import-more-tip{font-size:11px;color:var(--text-tertiary);text-align:center;padding:6px;margin:0}.import-center{align-items:center;padding:24px 0}.import-progress-wrap{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.import-spin{animation:import-spin 1s linear infinite}@keyframes import-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.import-progress-text{font-size:14px;color:var(--text-secondary);margin:0}.import-progress-bar-bg{width:100%;max-width:340px;height:6px;border-radius:3px;background:var(--bg-hover);overflow:hidden}.import-progress-bar{height:100%;border-radius:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6);transition:width .3s ease}.import-done-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:8px 0 4px}.import-done-sub{font-size:13px;color:var(--text-secondary);margin:0}.port-detail-page{--pd-bg: #f0f4f8;--pd-surface: #ffffff;--pd-surface-2: #f8fafc;--pd-border: #e2e8f0;--pd-border-2: rgba(148,163,184,.25);--pd-text-1: #0f172a;--pd-text-2: #475569;--pd-text-3: #94a3b8;--pd-blue: #2563eb;--pd-blue-light: #3b82f6;--pd-blue-glow: rgba(37,99,235,.18);--pd-green: #059669;--pd-green-bg: rgba(5,150,105,.08);--pd-red: #dc2626;--pd-red-bg: rgba(220,38,38,.08);--pd-amber: #d97706;--pd-amber-bg: rgba(217,119,6,.08);--pd-purple: #7c3aed;--pd-purple-bg: rgba(124,58,237,.08);--pd-mono: "JetBrains Mono", "Monaco", "Menlo", monospace;--pd-radius: 14px;--pd-radius-sm: 8px;--pd-shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.04);--pd-shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 16px 40px rgba(0,0,0,.06);--pd-transition: .2s cubic-bezier(.4, 0, .2, 1);padding:24px 28px;max-width:1440px;margin:0 auto;font-family:-apple-system,Segoe UI,system-ui,sans-serif;color:var(--pd-text-1);background:transparent}[data-theme=dark] .port-detail-page{--pd-bg: #060d1a;--pd-surface: #0d1626;--pd-surface-2: #111d33;--pd-border: rgba(255,255,255,.07);--pd-border-2: rgba(255,255,255,.04);--pd-text-1: #f0f6ff;--pd-text-2: #7a90b0;--pd-text-3: #3d5470;--pd-blue: #3b82f6;--pd-blue-light: #60a5fa;--pd-blue-glow: rgba(59,130,246,.22);--pd-green: #10b981;--pd-green-bg: rgba(16,185,129,.1);--pd-red: #f87171;--pd-red-bg: rgba(248,113,113,.1);--pd-amber: #fbbf24;--pd-amber-bg: rgba(251,191,36,.1);--pd-purple: #a78bfa;--pd-purple-bg: rgba(167,139,250,.1);--pd-shadow: 0 1px 3px rgba(0,0,0,.3), 0 4px 16px rgba(0,0,0,.2);--pd-shadow-md: 0 4px 24px rgba(0,0,0,.4), 0 16px 48px rgba(0,0,0,.3)}.pd-state-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:460px;gap:16px}.pd-state-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--pd-surface-2);border:1px solid var(--pd-border)}.pd-state-icon.loading{color:var(--pd-blue);animation:pd-spin 1.2s linear infinite}.pd-state-icon.error{color:var(--pd-red)}.pd-state-icon.empty{color:var(--pd-text-3)}@keyframes pd-spin{to{transform:rotate(360deg)}}.pd-state-title{font-size:16px;font-weight:600;color:var(--pd-text-1)}.pd-state-desc{font-size:14px;color:var(--pd-text-2)}.pd-header{display:flex;align-items:center;gap:18px;margin-bottom:24px;flex-wrap:wrap}.pd-btn-back{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:var(--pd-radius-sm);border:1px solid var(--pd-border);background:var(--pd-surface);color:var(--pd-text-2);font-size:13.5px;font-weight:500;cursor:pointer;transition:var(--pd-transition);box-shadow:var(--pd-shadow);white-space:nowrap}.pd-btn-back:hover{border-color:var(--pd-blue);color:var(--pd-blue);background:var(--pd-blue-glow);transform:translate(-2px)}.pd-header-center{flex:1;min-width:200px}.pd-breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--pd-text-3);margin-bottom:5px;font-family:var(--pd-mono)}.pd-breadcrumb-sep{opacity:.4}.pd-breadcrumb-current{color:var(--pd-blue-light)}.pd-title-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.pd-title{font-size:21px;font-weight:700;color:var(--pd-text-1);letter-spacing:-.3px;margin:0;font-family:var(--pd-mono)}.pd-status-pill{display:inline-flex;align-items:center;gap:7px;padding:4px 13px 4px 10px;border-radius:100px;font-size:12px;font-weight:600;letter-spacing:.03em;border:1px solid transparent}.pd-status-pill.open{background:var(--pd-green-bg);color:var(--pd-green);border-color:#05966933}.pd-status-pill.closed{background:var(--pd-red-bg);color:var(--pd-red);border-color:#dc262633}.pd-pulse{width:7px;height:7px;border-radius:50%;background:currentColor;animation:pd-pulse 2s ease-in-out infinite}@keyframes pd-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}[data-theme=dark] .pd-status-pill.open{border-color:#10b98140}[data-theme=dark] .pd-status-pill.closed{border-color:#f8717140}.pd-header-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.pd-action-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 17px;border-radius:var(--pd-radius-sm);font-size:13.5px;font-weight:500;cursor:pointer;transition:var(--pd-transition);white-space:nowrap;border:1px solid transparent}.pd-action-btn.ghost{background:var(--pd-surface);border-color:var(--pd-border);color:var(--pd-text-2);box-shadow:var(--pd-shadow)}.pd-action-btn.ghost:hover{border-color:var(--pd-blue);color:var(--pd-blue);background:var(--pd-blue-glow)}.pd-action-btn.ghost:hover svg{animation:pd-spin-once .45s cubic-bezier(.4,0,.2,1)}@keyframes pd-spin-once{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pd-action-btn.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 3px 10px var(--pd-blue-glow),0 1px 3px #0000001a}.pd-action-btn.primary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 6px 18px #2563eb61,0 2px 6px #0000001f}.pd-action-btn.primary:active{transform:translateY(0);box-shadow:0 2px 6px #2563eb33}.pd-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.pd-kpi-card{position:relative;background:var(--pd-surface);border:1px solid var(--pd-border);border-radius:var(--pd-radius);padding:20px 22px;box-shadow:var(--pd-shadow);overflow:hidden;transition:var(--pd-transition);cursor:default}.pd-kpi-card:hover{transform:translateY(-2px);box-shadow:var(--pd-shadow-md)}.pd-kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--pd-kpi-accent);border-radius:var(--pd-radius) var(--pd-radius) 0 0}.pd-kpi-card.accent-green{--pd-kpi-accent: #10b981}.pd-kpi-card.accent-blue{--pd-kpi-accent: #3b82f6}.pd-kpi-card.accent-purple{--pd-kpi-accent: #7c3aed}.pd-kpi-card.accent-amber{--pd-kpi-accent: #f59e0b}[data-theme=dark] .pd-kpi-card.accent-purple{--pd-kpi-accent: #a78bfa}[data-theme=dark] .pd-kpi-card.accent-amber{--pd-kpi-accent: #fbbf24}.pd-kpi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.pd-kpi-label{font-size:12px;font-weight:600;color:var(--pd-text-3);letter-spacing:.08em;text-transform:uppercase}.pd-kpi-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--pd-surface-2);color:var(--pd-kpi-accent);border:1px solid var(--pd-border-2)}.pd-kpi-value{font-size:30px;font-weight:700;color:var(--pd-text-1);line-height:1;font-family:var(--pd-mono);letter-spacing:-1px;margin-bottom:6px}.pd-kpi-value .kpi-unit{font-size:15px;font-weight:500;color:var(--pd-text-3);letter-spacing:0;margin-left:2px}.pd-kpi-sub{font-size:12px;color:var(--pd-text-3)}.pd-kpi-sub strong{color:var(--pd-text-2);font-weight:600}.pd-kpi-status{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:8px;font-size:17px;font-weight:700;font-family:var(--pd-mono);margin-bottom:6px}.pd-kpi-status.open{background:var(--pd-green-bg);color:var(--pd-green)}.pd-kpi-status.closed{background:var(--pd-red-bg);color:var(--pd-red)}.pd-kpi-status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.pd-kpi-status.open .pd-kpi-status-dot{animation:pd-pulse 2s ease-in-out infinite}.pd-tabs-wrap{display:flex;align-items:center;gap:4px;padding:5px;background:var(--pd-surface);border:1px solid var(--pd-border);border-radius:12px;margin-bottom:20px;box-shadow:var(--pd-shadow);flex-wrap:wrap}.pd-tab{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:8px;border:none;background:transparent;color:var(--pd-text-2);font-size:13.5px;font-weight:500;cursor:pointer;transition:var(--pd-transition);white-space:nowrap}.pd-tab:hover{background:var(--pd-surface-2);color:var(--pd-text-1)}.pd-tab.active{background:var(--pd-blue);color:#fff;box-shadow:0 2px 8px #2563eb59;font-weight:600}[data-theme=dark] .pd-tab.active{background:var(--pd-blue);box-shadow:0 2px 12px #3b82f666}.pd-tab-icon{flex-shrink:0;opacity:.75}.pd-tab.active .pd-tab-icon{opacity:1}.pd-panel{background:var(--pd-surface);border:1px solid var(--pd-border);border-radius:var(--pd-radius);padding:28px;box-shadow:var(--pd-shadow);animation:pd-fadein .18s ease}@keyframes pd-fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.pd-overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pd-info-card{background:var(--pd-surface-2);border:1px solid var(--pd-border);border-radius:var(--pd-radius-sm);padding:22px;transition:var(--pd-transition)}.pd-info-card:hover{border-color:var(--pd-border);box-shadow:0 4px 14px #0000000d}.pd-card-title{font-size:13px;font-weight:700;color:var(--pd-text-3);letter-spacing:.1em;text-transform:uppercase;margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--pd-border);display:flex;align-items:center;gap:8px}.pd-card-title-icon{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:var(--pd-blue-glow);color:var(--pd-blue)}[data-theme=dark] .pd-card-title-icon{background:#3b82f626}.pd-info-list{display:flex;flex-direction:column;gap:2px}.pd-info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--pd-border-2)}.pd-info-row:last-child{border-bottom:none}.pd-info-key{font-size:13px;color:var(--pd-text-2)}.pd-info-val{font-size:13.5px;font-weight:600;color:var(--pd-text-1);font-family:var(--pd-mono);text-align:right}.pd-info-val.normal{font-family:inherit}.pd-tag{display:inline-block;padding:3px 10px;border-radius:6px;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-family:var(--pd-mono)}.pd-tag.tcp{background:#2563eb1a;color:var(--pd-blue)}.pd-tag.udp{background:var(--pd-amber-bg);color:var(--pd-amber)}.pd-tag.green{background:var(--pd-green-bg);color:var(--pd-green)}.pd-tag.purple{background:var(--pd-purple-bg);color:var(--pd-purple)}.pd-tag.red{background:var(--pd-red-bg);color:var(--pd-red)}[data-theme=dark] .pd-tag.tcp{background:#3b82f626;color:var(--pd-blue-light)}[data-theme=dark] .pd-tag.purple{color:var(--pd-purple)}.pd-suggest-list{display:flex;flex-direction:column;gap:10px}.pd-suggest-item{display:flex;gap:12px;padding:13px 14px;background:var(--pd-surface);border-radius:8px;border:1px solid var(--pd-border);border-left:3px solid var(--pd-blue);align-items:flex-start;transition:var(--pd-transition)}.pd-suggest-item:hover{background:var(--pd-blue-glow);border-color:#2563eb4d}.pd-suggest-icon{font-size:15px;flex-shrink:0;margin-top:1px}.pd-suggest-text{font-size:13px;color:var(--pd-text-2);line-height:1.5}.pd-charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pd-chart-card{background:var(--pd-surface-2);border:1px solid var(--pd-border);border-radius:var(--pd-radius-sm);overflow:hidden}.pd-chart-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--pd-surface);border-bottom:1px solid var(--pd-border)}.pd-chart-head-left{display:flex;align-items:center;gap:10px}.pd-chart-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.pd-chart-title{font-size:14px;font-weight:600;color:var(--pd-text-1);margin:0}.pd-chart-badge{font-size:11.5px;color:var(--pd-text-3);padding:3px 10px;background:var(--pd-surface-2);border:1px solid var(--pd-border);border-radius:20px;font-family:var(--pd-mono)}.pd-chart-body{padding:14px 18px 8px;background:var(--pd-surface)}.line-chart-canvas{display:block;max-width:100%}.pd-logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px;flex-wrap:wrap}.pd-logs-title-wrap{display:flex;align-items:center;gap:12px}.pd-logs-title{font-size:16px;font-weight:700;color:var(--pd-text-1);margin:0}.pd-logs-stat-group{display:flex;gap:8px;flex-wrap:wrap}.pd-stat-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 13px;border-radius:20px;font-size:12.5px;font-weight:600;border:1px solid transparent;font-family:var(--pd-mono)}.pd-stat-chip.neutral{background:var(--pd-surface-2);color:var(--pd-text-2);border-color:var(--pd-border)}.pd-stat-chip.green{background:var(--pd-green-bg);color:var(--pd-green);border-color:#05966933}.pd-stat-chip.amber{background:var(--pd-amber-bg);color:var(--pd-amber);border-color:#d9770633}.pd-stat-chip.red{background:var(--pd-red-bg);color:var(--pd-red);border-color:#dc262633}.pd-stat-chip.blue{background:var(--pd-blue-glow);color:var(--pd-blue);border-color:#2563eb33}[data-theme=dark] .pd-stat-chip.green{border-color:#10b98140}[data-theme=dark] .pd-stat-chip.amber{border-color:#fbbf2440}[data-theme=dark] .pd-stat-chip.red{border-color:#f8717140}[data-theme=dark] .pd-stat-chip.blue{border-color:#3b82f640}.pd-logs-caption{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--pd-text-3);background:var(--pd-surface-2);border:1px solid var(--pd-border);border-radius:20px;padding:3px 10px;font-weight:600;letter-spacing:.02em}.pd-logs-refresh-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:1px solid var(--pd-border);background:var(--pd-surface);color:var(--pd-text-3);cursor:pointer;transition:var(--pd-transition);flex-shrink:0}.pd-logs-refresh-btn:hover:not(:disabled){background:var(--pd-blue-glow);border-color:#2563eb4d;color:var(--pd-blue);transform:rotate(20deg)}.pd-logs-refresh-btn:disabled{opacity:.4;cursor:not-allowed}.pd-probe-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:64px 20px;color:var(--pd-text-3)}.pd-probe-empty svg{opacity:.3}.pd-probe-empty span{font-size:14px;font-weight:700;color:var(--pd-text-2)}.pd-probe-empty p{font-size:12px;margin:0;color:var(--pd-text-3)}.pd-table-wrap{border:1px solid var(--pd-border);border-radius:10px;overflow:hidden;box-shadow:0 1px 4px #0000000a}.pd-table-head,.pd-tr{display:grid;grid-template-columns:36px 200px minmax(130px,1fr) minmax(130px,1fr) 155px minmax(80px,120px);align-items:stretch}.pd-table-head{background:linear-gradient(to bottom,var(--pd-surface-2),var(--pd-surface-2));border-bottom:2px solid var(--pd-border);position:sticky;top:0;z-index:1}[data-theme=dark] .pd-table-head{background:#ffffff08}.pd-th{padding:11px 14px;font-size:10px;font-weight:800;color:var(--pd-text-3);text-transform:uppercase;letter-spacing:.1em;border-right:1px solid var(--pd-border-2);display:flex;align-items:center;justify-content:center;white-space:nowrap}.pd-th-seq{justify-content:center;padding:11px 0}.pd-th:last-child{border-right:none}.pd-tr{border-bottom:1px solid var(--pd-border-2);transition:background .15s ease;position:relative}.pd-tr:last-child{border-bottom:none}.pd-tr:nth-child(odd){background:var(--pd-surface)}.pd-tr:nth-child(2n){background:#f8fafcb3}[data-theme=dark] .pd-tr:nth-child(odd){background:transparent}[data-theme=dark] .pd-tr:nth-child(2n){background:#ffffff05}.pd-tr.pd-tr-failed{background:#dc262608!important}[data-theme=dark] .pd-tr.pd-tr-failed{background:#f871710d!important}.pd-tr:hover{background:#2563eb0a!important}[data-theme=dark] .pd-tr:hover{background:#3b82f614!important}.pd-tr:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:0 2px 2px 0;opacity:0;transition:opacity .15s ease}.pd-tr:hover:before{opacity:1;background:var(--pd-blue)}.pd-tr.pd-tr-failed:hover:before{background:var(--pd-red)}.pd-td{padding:0 14px;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--pd-border-2);min-height:52px;overflow:hidden}.pd-td:last-child{border-right:none}.pd-td-seq{justify-content:center;padding:0;flex-direction:column;gap:0}.pd-seq-num{font-size:11px;font-weight:700;color:var(--pd-text-3);font-family:var(--pd-mono);line-height:1}.pd-td-time{align-items:center;font-family:var(--pd-mono);padding:0 14px}.pd-time-full{font-size:12.5px;font-weight:600;color:var(--pd-text-1);letter-spacing:.01em;white-space:nowrap}.pd-td-target{overflow:hidden;justify-content:center}.pd-td-proxy{overflow:hidden;align-items:center;justify-content:center}.pd-target-row{display:flex;align-items:center;gap:3px;font-family:var(--pd-mono);white-space:nowrap}.pd-target-icon{color:var(--pd-text-3);flex-shrink:0}.pd-target-ip{font-size:12.5px;color:var(--pd-text-2);font-weight:500}.pd-target-sep{color:var(--pd-text-3);font-size:12px}.pd-target-port{font-size:13px;color:var(--pd-blue);font-weight:800}.pd-proxy-row{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--pd-text-3);white-space:nowrap;overflow:hidden;max-width:100%}.pd-proxy-row svg{flex-shrink:0;opacity:.7}.pd-proxy-name{overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 18px);color:var(--pd-text-2);font-weight:600;font-size:11px}.pd-proxy-direct-row{color:var(--pd-text-3);font-style:italic}.pd-td-status-latency{gap:8px;flex-wrap:nowrap;justify-content:flex-start}.pd-status-badge-new{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:800;white-space:nowrap;flex-shrink:0;letter-spacing:.02em}.pd-status-badge-new.success{background:var(--pd-green-bg);color:var(--pd-green);border:1px solid rgba(5,150,105,.2)}.pd-status-badge-new.failed{background:var(--pd-red-bg);color:var(--pd-red);border:1px solid rgba(220,38,38,.2)}[data-theme=dark] .pd-status-badge-new.success{border-color:#10b9814d}[data-theme=dark] .pd-status-badge-new.failed{border-color:#f871714d}.pd-latency-badge{display:inline-flex;align-items:baseline;gap:1px;padding:4px 9px;border-radius:7px;font-family:var(--pd-mono);flex-shrink:0;border:1px solid transparent}.pd-latency-badge.low{background:var(--pd-green-bg);border-color:#05966926}.pd-latency-badge.medium{background:var(--pd-amber-bg);border-color:#d9770626}.pd-latency-badge.high{background:var(--pd-red-bg);border-color:#dc262626}.pd-latency-val{font-size:13.5px;font-weight:800;line-height:1}.pd-latency-badge.low .pd-latency-val{color:var(--pd-green)}.pd-latency-badge.medium .pd-latency-val{color:var(--pd-amber)}.pd-latency-badge.high .pd-latency-val{color:var(--pd-red)}.pd-latency-unit{font-size:9px;font-weight:700;opacity:.65;margin-left:1px}.pd-latency-badge.low .pd-latency-unit{color:var(--pd-green)}.pd-latency-badge.medium .pd-latency-unit{color:var(--pd-amber)}.pd-latency-badge.high .pd-latency-unit{color:var(--pd-red)}.pd-latency-na{font-size:15px;color:var(--pd-text-3)}.pd-td-result{overflow:hidden}.pd-result-text{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-result-text.success{color:var(--pd-green)}.pd-result-text.failed{color:var(--pd-red)}.pd-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 2px 2px;flex-wrap:wrap;gap:8px}.pd-pagination-info{font-size:12px;color:var(--pd-text-3);font-weight:600}.pd-pagination-btns{display:flex;align-items:center;gap:3px}.pd-page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 7px;border-radius:7px;border:1px solid var(--pd-border);background:var(--pd-surface);color:var(--pd-text-2);font-size:12px;font-weight:700;cursor:pointer;transition:var(--pd-transition);line-height:1;font-family:var(--pd-mono)}.pd-page-btn:hover:not(:disabled){background:var(--pd-blue-glow);border-color:#2563eb4d;color:var(--pd-blue)}.pd-page-btn:disabled{opacity:.3;cursor:not-allowed}.pd-page-btn.pd-page-num.active{background:var(--pd-blue);border-color:var(--pd-blue);color:#fff;box-shadow:0 2px 8px #2563eb66}.pd-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.pd-dot.success{background:#10b981;box-shadow:0 0 0 2px #10b98133}.pd-dot.failed{background:#ef4444;box-shadow:0 0 0 2px #ef444433}.pd-status-label{font-size:12.5px;font-weight:600}.pd-status-label.success{color:var(--pd-green)}.pd-status-label.failed{color:var(--pd-red)}.pd-latency{display:inline-block;padding:2px 8px;border-radius:5px;font-size:12px;font-weight:700;font-family:var(--pd-mono)}.pd-latency.low{background:var(--pd-green-bg);color:var(--pd-green)}.pd-latency.medium{background:var(--pd-amber-bg);color:var(--pd-amber)}.pd-latency.high{background:var(--pd-red-bg);color:var(--pd-red)}.pd-result-text-old{font-size:12.5px;color:var(--pd-text-2)}.pd-alerts-list{display:flex;flex-direction:column;gap:10px}.pd-alert-card{display:flex;gap:14px;padding:16px 18px;border-radius:var(--pd-radius-sm);border:1px solid;transition:var(--pd-transition);cursor:default}.pd-alert-card:hover{transform:translate(3px);box-shadow:var(--pd-shadow)}.pd-alert-card.type-error{background:var(--pd-red-bg);border-color:#dc262633}.pd-alert-card.type-warning{background:var(--pd-amber-bg);border-color:#d9770633}.pd-alert-card.type-info{background:var(--pd-blue-glow);border-color:#2563eb26}.pd-alert-card.is-resolved{opacity:.58}[data-theme=dark] .pd-alert-card.type-error{border-color:#f8717133}[data-theme=dark] .pd-alert-card.type-warning{border-color:#fbbf2433}[data-theme=dark] .pd-alert-card.type-info{border-color:#3b82f633}.pd-alert-badge-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.pd-alert-card.type-error .pd-alert-badge-icon{background:#dc26261f}.pd-alert-card.type-warning .pd-alert-badge-icon{background:#d977061f}.pd-alert-card.type-info .pd-alert-badge-icon{background:#2563eb1f}.pd-alert-body{flex:1;min-width:0}.pd-alert-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:5px}.pd-alert-title{font-size:14px;font-weight:700;color:var(--pd-text-1)}.pd-alert-status-tag{padding:2px 9px;border-radius:5px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-family:var(--pd-mono);flex-shrink:0}.pd-alert-status-tag.active{background:var(--pd-red-bg);color:var(--pd-red)}.pd-alert-status-tag.resolved{background:var(--pd-green-bg);color:var(--pd-green)}.pd-alert-desc{font-size:13px;color:var(--pd-text-2);line-height:1.5;margin-bottom:8px}.pd-alert-meta{display:flex;justify-content:space-between;font-size:11.5px;color:var(--pd-text-3);font-family:var(--pd-mono)}.pd-info-panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pd-loading-overlay{padding:48px;text-align:center;color:var(--pd-text-3);font-size:14px;display:flex;align-items:center;justify-content:center;gap:10px}.pd-loading-spinner{width:18px;height:18px;border:2px solid var(--pd-border);border-top-color:var(--pd-blue);border-radius:50%;animation:pd-spin .8s linear infinite}@media(max-width:1200px){.pd-kpi-row{grid-template-columns:repeat(2,1fr)}.pd-charts-grid{grid-template-columns:1fr}.pd-overview-grid,.pd-info-panel-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.port-detail-page{padding:14px 16px}.pd-header{gap:12px}.pd-header-actions{width:100%}.pd-action-btn{flex:1;justify-content:center}.pd-kpi-row{grid-template-columns:1fr 1fr;gap:10px}.pd-kpi-value{font-size:24px}.pd-tabs-wrap{gap:3px;padding:4px}.pd-tab{padding:8px 13px;font-size:12.5px}.pd-panel{padding:18px 16px}.pd-overview-grid,.pd-info-panel-grid{grid-template-columns:1fr}.pd-table-head,.pd-tr{grid-template-columns:32px 180px minmax(120px,1fr) minmax(120px,1fr) 150px 0}.pd-th:last-child,.pd-td:last-child{display:none}}@media(max-width:500px){.pd-kpi-row{grid-template-columns:1fr}.pd-table-head,.pd-tr{grid-template-columns:32px 1fr 150px}.pd-th:nth-child(3),.pd-td:nth-child(3),.pd-th:nth-child(4),.pd-td:nth-child(4),.pd-th:nth-child(6),.pd-td:nth-child(6){display:none}.pd-pagination{flex-direction:column;align-items:flex-start;gap:8px}}.pmn-page{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;background:#f0f2f7;min-height:100vh;padding:0;display:flex;flex-direction:column}.pmn-page .page-wrapper{background:#f0f2f7}.pmn-page .page-container{max-width:none;padding:0}.pmn-banner{position:relative;background:#fff;padding:22px 0 20px;overflow:visible;border-bottom:1px solid #e8edf5;box-shadow:0 1px 4px #0000000a}.pmn-banner:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#10b981);opacity:.55}.pmn-banner-bg{position:absolute;top:-60px;right:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.06) 0%,transparent 70%);pointer-events:none}.pmn-banner-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(59,130,246,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.025) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.pmn-banner-content{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:0 24px}.pmn-banner-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.pmn-banner-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;display:flex;align-items:center;justify-content:center;color:#2563eb;flex-shrink:0;box-shadow:0 2px 8px #3b82f626}.pmn-banner-title{font-size:20px;font-weight:800;color:#0f172a;margin:0 0 3px;letter-spacing:-.5px}.pmn-banner-sub{font-size:12.5px;color:#64748b;margin:0;font-weight:400}.pmn-status-pills{display:flex;gap:7px;align-items:center;margin-left:4px}.pmn-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid}.pmn-pill-green{background:#f0fdf4;color:#15803d;border-color:#bbf7d0}.pmn-pill-amber{background:#fffbeb;color:#b45309;border-color:#fde68a}.pmn-pill-red{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.pmn-pill-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pmn-pulse 2s infinite}@keyframes pmn-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.pmn-banner-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.pmn-btn-refresh{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:9px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;font-family:inherit;white-space:nowrap}.pmn-btn-refresh:hover{background:#f1f5f9;border-color:#94a3b8;color:#0f172a}.pmn-btn-add{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;border-radius:9px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:all .18s;font-family:inherit;box-shadow:0 3px 10px #3b82f659;white-space:nowrap}.pmn-btn-add:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 5px 16px #3b82f673;transform:translateY(-1px)}.pmn-btn-add:active{transform:translateY(0)}.pmn-search-wrap{position:relative;display:flex;align-items:center}.pmn-search-ico{position:absolute;left:11px;color:#94a3b8;pointer-events:none;flex-shrink:0}.pmn-search{width:210px;padding:8px 34px 8px 32px;border-radius:9px;background:#f8fafc;border:1.5px solid #e2e8f0;color:#0f172a;font-size:13px;font-family:inherit;outline:none;transition:all .2s}.pmn-search::placeholder{color:#94a3b8}.pmn-search:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f;width:250px}.pmn-search-clear{position:absolute;right:9px;background:#e2e8f0;border:none;border-radius:4px;color:#64748b;cursor:pointer;padding:3px;display:flex;align-items:center;justify-content:center;transition:all .15s}.pmn-search-clear:hover{background:#fecaca;color:#dc2626}.pmn-body{padding:14px 0 24px;display:flex;flex-direction:column;gap:14px}.pmn-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 24px}.pmn-kpi-card{position:relative;background:#fff;border-radius:12px;border:1px solid #e8edf5;padding:14px 16px 12px;overflow:hidden;transition:box-shadow .22s,transform .22s,border-color .22s;cursor:default;box-shadow:0 1px 3px #0000000d,0 2px 8px #00000008}.pmn-kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--kc, #3b82f6);border-radius:12px 12px 0 0}.pmn-kpi-card:hover{box-shadow:0 4px 16px #00000017;transform:translateY(-1px);border-color:var(--kc, #3b82f6)}.pmn-kpi-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.pmn-kpi-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;transition:transform .3s;flex-shrink:0}.pmn-kpi-card:hover .pmn-kpi-icon{transform:rotate(6deg) scale(1.06)}.pmn-kpi-ring{position:relative;width:40px;height:40px;flex-shrink:0}.pmn-kpi-ring-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;font-family:JetBrains Mono,monospace}.pmn-kpi-val{font-size:26px;font-weight:800;line-height:1;letter-spacing:-1px;margin-bottom:3px}.pmn-kpi-label{font-size:12px;font-weight:600;color:#64748b;margin-bottom:2px}.pmn-kpi-sub{font-size:11px;color:#94a3b8;font-weight:500;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pmn-kpi-spark{margin-bottom:6px;opacity:.85}.pmn-kpi-bar{height:3px;background:#f1f5f9;border-radius:999px;overflow:hidden;position:relative}.pmn-kpi-bar>div{height:100%;border-radius:999px;transition:width 1s cubic-bezier(.4,0,.2,1);position:relative}.pmn-kpi-bar>div:after{content:"";position:absolute;top:0;left:0;height:50%;width:100%;background:#ffffff80;border-radius:999px}.pmn-charts-row{display:grid;grid-template-columns:1fr 1fr 1.35fr 1fr;gap:12px;align-items:stretch;padding:0 24px}.pmn-chart-card{background:#fff;border-radius:12px;border:1px solid #e8edf5;padding:14px 16px 12px;display:flex;flex-direction:column;gap:0;position:relative;overflow:hidden;transition:box-shadow .22s,transform .22s;box-shadow:0 1px 3px #0000000d,0 2px 8px #00000008;min-height:240px}.pmn-chart-card:hover{box-shadow:0 6px 24px #00000017;transform:translateY(-2px)}.pmn-chart-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#10b981);opacity:0;transition:opacity .22s;border-radius:16px 16px 0 0}.pmn-chart-card:hover:after{opacity:1}.pmn-chart-region{display:flex;flex-direction:column}.pmn-region-empty{flex:1;display:flex;align-items:center;justify-content:center;font-size:13px;color:#94a3b8}.pmn-region-body{flex:1;display:flex;flex-direction:column;min-height:0}.pmn-region-pie-wrap{position:relative;flex-shrink:0}.pmn-region-pie-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.pmn-region-pie-total{font-size:22px;font-weight:700;color:#1e293b;line-height:1.1}.pmn-region-pie-sub{font-size:11px;color:#94a3b8;margin-top:2px}.pmn-region-legend{flex:1;display:flex;flex-direction:column;gap:5px;padding:0 2px 4px;overflow-y:auto;max-height:160px}.pmn-region-legend::-webkit-scrollbar{width:3px}.pmn-region-legend::-webkit-scrollbar-track{background:transparent}.pmn-region-legend::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:99px}.pmn-region-legend-item{display:flex;align-items:center;gap:7px;font-size:12px}.pmn-region-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pmn-region-legend-name{color:#475569;min-width:40px;flex-shrink:0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:56px}.pmn-region-legend-bar-wrap{flex:1;min-width:0}.pmn-region-legend-bar{height:5px;background:#f1f5f9;border-radius:99px;overflow:hidden}.pmn-region-legend-bar>div{height:100%;border-radius:99px;transition:width .4s cubic-bezier(.4,0,.2,1)}.pmn-region-legend-count{font-weight:700;font-size:12px;flex-shrink:0;min-width:16px;text-align:right}.pmn-region-legend-pct{color:#94a3b8;font-size:11px;flex-shrink:0;min-width:30px;text-align:right}.pmn-region-tooltip{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:7px 12px;font-size:12.5px;box-shadow:0 4px 16px #0000001a;white-space:nowrap}.pmn-region-tooltip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pmn-region-tooltip-name{color:#334155;font-weight:600}.pmn-region-tooltip-val{color:#64748b;margin-left:2px}.pmn-region-tooltip-pct{color:#94a3b8;font-size:11px}.pmn-chart-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pmn-chart-hd-left{display:flex;align-items:center;gap:8px}.pmn-chart-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.pmn-chart-title{font-size:14px;font-weight:700;color:#0f172a;letter-spacing:-.2px}.pmn-chip{padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.pmn-chip-slate{background:#f1f5f9;color:#475569}.pmn-chip-green{background:#dcfce7;color:#166534}.pmn-chip-amber{background:#fef3c7;color:#92400e}.pmn-chip-red{background:#fee2e2;color:#991b1b}.pmn-chip-blue{background:#eff6ff;color:#1d4ed8}.pmn-chart-body{flex:1;min-height:180px;margin-bottom:8px}.pmn-chart-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#94a3b8;font-size:13px}.pmn-chart-legend{display:flex;flex-wrap:wrap;gap:6px 14px;padding-top:10px;border-top:1px solid #f1f5f9}.pmn-leg-item{display:flex;align-items:center;gap:6px;font-size:12px}.pmn-leg-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pmn-leg-lbl{color:#64748b;font-weight:500}.pmn-leg-val{font-weight:800;font-family:JetBrains Mono,monospace;font-size:12px}.pmn-health-wrap{width:100%;max-width:190px;margin:0 auto}.pmn-health-svg{width:100%;height:auto;overflow:visible}.pmn-health-stats{display:flex;align-items:center;width:100%;max-width:210px;margin:6px auto 0;background:#f8fafc;border-radius:10px;padding:8px 0;border:1px solid #f1f5f9}.pmn-hst{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px}.pmn-hst-dot{width:8px;height:8px;border-radius:50%}.pmn-hst-lbl{font-size:10.5px;color:#94a3b8;font-weight:500}.pmn-hst-val{font-size:17px;font-weight:800;font-family:JetBrains Mono,monospace;line-height:1}.pmn-hst-div{width:1px;height:28px;background:#e2e8f0;flex-shrink:0}.pmn-trend-mini{margin-top:12px;padding-top:12px;border-top:1px solid #f1f5f9}.pmn-trend-label{font-size:11px;font-weight:600;color:#94a3b8;display:block;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.t10-wrap{display:flex;flex-direction:column;height:100%}.t10-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.t10-title-row{display:flex;align-items:center;gap:8px}.t10-icon-box{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706;display:flex;align-items:center;justify-content:center;flex-shrink:0}.t10-title{font-size:14px;font-weight:700;color:#0f172a;letter-spacing:-.2px}.t10-meta{display:flex;gap:6px;align-items:center}.t10-chip{padding:2px 8px;border-radius:999px;font-size:10.5px;font-weight:700}.t10-chip-blue{background:#eff6ff;color:#1d4ed8}.t10-chip-amber{background:#fef3c7;color:#92400e}.t10-pause{width:24px;height:24px;border-radius:6px;background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.t10-pause:hover{background:#e2e8f0;color:#334155}.t10-list{display:flex;flex-direction:column;gap:4px;flex:1;margin:0 0 8px}@keyframes t10-up-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes t10-down-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.t10-in.t10-up{animation:t10-up-in .2s ease both}.t10-in.t10-down{animation:t10-down-in .2s ease both}.t10-out{opacity:0;pointer-events:none}.t10-row{display:grid;grid-template-columns:22px 1fr auto auto auto;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;transition:background .15s;cursor:default}.t10-row:hover{background:#f8fafc}.t10-rank{font-size:13px;font-weight:800;text-align:center;font-family:JetBrains Mono,monospace}.t10-name{font-size:12.5px;font-weight:600;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t10-bar-bg{width:90px;height:6px;background:#f1f5f9;border-radius:999px;overflow:hidden;flex-shrink:0}.t10-bar-fg{height:100%;border-radius:999px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative}.t10-bar-fg:after{content:"";position:absolute;top:0;left:0;width:100%;height:50%;background:#ffffff80;border-radius:999px}.t10-ms{font-family:JetBrains Mono,monospace;font-size:11.5px;font-weight:700;min-width:46px;text-align:right}.t10-badge{font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;flex-shrink:0}.t10-footer{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:6px}.t10-legend{display:flex;gap:8px;flex-wrap:wrap}.t10-leg-item{display:flex;align-items:center;font-size:10.5px;font-weight:600;color:#64748b}.t10-dots{display:flex;gap:5px;align-items:center}.t10-dot{width:6px;height:6px;border-radius:50%;background:#cbd5e1;border:none;padding:0;cursor:pointer;transition:background .2s,transform .2s,width .2s}.t10-dot-on{background:#3b82f6;width:16px;border-radius:3px}.t10-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:13px}.pmn-nodes-section{background:#fff;border-radius:0;border:none;border-top:1px solid #e8edf5;overflow:hidden;box-shadow:none}.pmn-nodes-hd{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;gap:12px;background:linear-gradient(to right,#fafbfc,#fff)}.pmn-nodes-hd-left{display:flex;align-items:center;gap:10px}.pmn-nodes-title{font-size:15px;font-weight:700;color:#0f172a;letter-spacing:-.3px}.pmn-nodes-count{padding:2px 9px;background:#f1f5f9;border-radius:999px;font-size:12px;font-weight:700;color:#475569}.pmn-filter-tabs{display:flex;gap:6px;align-items:center}.pmn-filter-tab{display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border-radius:8px;background:transparent;border:1px solid #e2e8f0;color:#64748b;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.pmn-filter-tab:hover{background:#f8fafc;border-color:#94a3b8;color:#334155}.pmn-filter-tab-on{background:#0f172a;border-color:#0f172a;color:#fff}.pmn-tab-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.pmn-tab-badge{padding:1px 6px;border-radius:999px;background:#ffffff26;font-size:10.5px;font-weight:700;min-width:18px;text-align:center}.pmn-filter-tab:not(.pmn-filter-tab-on) .pmn-tab-badge{background:#f1f5f9;color:#475569}.pmn-tb-green{background:#dcfce7!important;color:#166534!important}.pmn-tb-amber{background:#fef3c7!important;color:#92400e!important}.pmn-tb-red{background:#fee2e2!important;color:#991b1b!important}.pmn-nodes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:10px;padding:14px 24px 20px}.pmn-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:60px 20px;color:#94a3b8}.pmn-empty-state p{font-size:14px;font-weight:500;margin:0}.pmn-nc{position:relative;background:#fff;border:1px solid #e8edf5;border-radius:10px;padding:11px 12px 10px;cursor:pointer;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 1px 3px #0000000a}.pmn-nc:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000017;border-color:var(--nca, #10b981)}.pmn-nc-stripe{position:absolute;top:0;left:0;right:0;height:2px;background:var(--nca, #10b981);border-radius:10px 10px 0 0;opacity:.9}.pmn-nc-glow{position:absolute;top:0;right:0;width:60px;height:60px;pointer-events:none}.pmn-nc-ok{border-left:2px solid rgba(16,185,129,.3)}.pmn-nc-warn{border-left:2px solid rgba(245,158,11,.3)}.pmn-nc-err{border-left:2px solid rgba(239,68,68,.3)}.pmn-nc-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.pmn-nc-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px 2px 5px;border-radius:20px;font-size:10.5px;font-weight:700}.pmn-nc-badge-ok{background:#dcfce7;color:#166534}.pmn-nc-badge-warn{background:#fef3c7;color:#92400e}.pmn-nc-badge-err{background:#fee2e2;color:#991b1b}.pmn-nc-pulse{width:5px;height:5px;border-radius:50%;flex-shrink:0;animation:pmn-pulse 2s infinite}.pmn-nc-pulse-ok{background:#10b981}.pmn-nc-pulse-warn{background:#f59e0b}.pmn-nc-pulse-err{background:#ef4444}.pmn-nc-menu{width:22px;height:22px;border-radius:6px;background:transparent;border:none;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.pmn-nc-menu:hover{background:#f1f5f9;color:#475569}.pmn-nc-info{margin-bottom:9px}.pmn-nc-name{font-size:13.5px;font-weight:700;color:#0f172a;margin:0 0 2px;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pmn-nc-ip{font-family:JetBrains Mono,monospace;font-size:11px;color:#64748b;margin:0;letter-spacing:.3px}.pmn-nc-metrics{display:flex;align-items:stretch;background:#f8fafc;border-radius:8px;border:1px solid #f1f5f9;overflow:hidden;margin-bottom:8px}.pmn-nc-m{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 4px 6px;transition:background .15s}.pmn-nc-m:hover{background:#ffffffb3}.pmn-nc-m-sep{width:1px;background:#e8edf5;margin:5px 0;flex-shrink:0}.pmn-nc-m-ico{width:20px;height:20px;border-radius:5px;display:flex;align-items:center;justify-content:center}.pmn-nc-m-val{font-size:12.5px;font-weight:800;line-height:1;letter-spacing:-.3px;font-variant-numeric:tabular-nums}.pmn-nc-m-lbl{font-size:9.5px;color:#94a3b8;font-weight:500}.pmn-nc-foot{display:flex;align-items:center;gap:4px;padding-top:7px;border-top:1px solid #f1f5f9;color:#94a3b8}.pmn-nc-time{font-size:10.5px;flex:1}.pmn-nc-arr{color:#cbd5e1;transition:transform .2s,color .2s;flex-shrink:0}.pmn-nc:hover .pmn-nc-arr{color:var(--nca, #10b981);transform:translate(3px)}.apm-overlay{position:fixed;inset:0;background:#0f172a99;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:apm-in .18s ease}@keyframes apm-in{0%{opacity:0}to{opacity:1}}.apm-modal{background:#fff;border-radius:18px;width:100%;max-width:460px;box-shadow:0 20px 60px #0000002e,0 4px 12px #0000001a;overflow:hidden;animation:apm-up .22s cubic-bezier(.4,0,.2,1);border:1px solid #e2e8f0}@keyframes apm-up{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.apm-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 16px;border-bottom:1px solid #f1f5f9;background:linear-gradient(to right,#fafbfc,#fff)}.apm-header-left{display:flex;align-items:center;gap:12px}.apm-icon-box{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,#eff6ff,#dbeafe);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #3b82f626}.apm-title{font-size:15px;font-weight:700;color:#0f172a;margin:0 0 2px;letter-spacing:-.2px}.apm-desc{font-size:12px;color:#64748b;margin:0}.apm-close{width:32px;height:32px;border-radius:9px;background:transparent;border:none;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0}.apm-close:hover{background:#fee2e2;color:#dc2626}.apm-body{padding:20px 22px;display:flex;flex-direction:column;gap:15px}.apm-field{display:flex;flex-direction:column;gap:6px}.apm-label{font-size:12.5px;font-weight:600;color:#374151;display:flex;align-items:center;gap:4px}.apm-req{color:#ef4444;font-size:13px}.apm-opt{font-size:11px;color:#94a3b8;font-weight:400}.apm-input-wrap,.apm-sel-wrap{position:relative;display:flex;align-items:center}.apm-ico{position:absolute;left:12px;color:#94a3b8;pointer-events:none;flex-shrink:0}.apm-input,.apm-select{width:100%;padding:10px 12px 10px 34px;border-radius:10px;border:1.5px solid #e2e8f0;background:#f8fafc;color:#0f172a;font-size:13.5px;font-family:inherit;transition:border-color .18s,box-shadow .18s,background .18s;outline:none;box-sizing:border-box}.apm-select{padding-right:32px;appearance:none;-webkit-appearance:none;cursor:pointer}.apm-input:focus,.apm-select:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61f}.apm-input:disabled,.apm-select:disabled{opacity:.55;cursor:not-allowed}.apm-err .apm-input{border-color:#ef4444}.apm-err .apm-input:focus{box-shadow:0 0 0 3px #ef44441f}.apm-err-msg{font-size:11.5px;color:#ef4444}.apm-arr{position:absolute;right:12px;color:#94a3b8;pointer-events:none}.apm-tip{display:flex;align-items:center;gap:6px;font-size:12px;color:#3b82f6;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:7px 11px}.apm-tip strong{font-weight:600}.apm-region-presets{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.apm-preset-tag{padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:600;background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;cursor:pointer;transition:all .15s;font-family:inherit}.apm-preset-tag:hover{background:#e2e8f0;color:#334155;border-color:#94a3b8}.apm-preset-tag-on{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.apm-preset-tag:disabled{opacity:.5;cursor:not-allowed}.apm-msg{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:500}.apm-msg-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.apm-msg-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.apm-footer{display:flex;gap:10px;padding-top:4px}.apm-cancel{flex:1;padding:10px;border-radius:10px;border:1.5px solid #e2e8f0;background:transparent;color:#475569;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.apm-cancel:hover{background:#f1f5f9;border-color:#94a3b8}.apm-cancel:disabled{opacity:.5;cursor:not-allowed}.apm-submit{flex:2;padding:10px;border-radius:10px;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:13.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:all .18s;box-shadow:0 3px 10px #3b82f659;font-family:inherit}.apm-submit:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 5px 16px #3b82f673;transform:translateY(-1px)}.apm-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}@keyframes apm-spin-kf{to{transform:rotate(360deg)}}.apm-spin{animation:apm-spin-kf .8s linear infinite}[data-theme=dark] .pmn-page,[data-theme=dark] .pmn-page .page-wrapper{background:#0a0e1a}[data-theme=dark] .pmn-banner{background:#111827;border-bottom-color:#1f2937;box-shadow:0 1px 4px #0000004d}[data-theme=dark] .pmn-banner-title{color:#f1f5f9}[data-theme=dark] .pmn-banner-sub{color:#64748b}[data-theme=dark] .pmn-banner-icon{background:linear-gradient(135deg,#3b82f633,#8b5cf626);border-color:#3b82f64d;color:#60a5fa}[data-theme=dark] .pmn-pill-green{background:#10b98126;color:#34d399;border-color:#10b9814d}[data-theme=dark] .pmn-pill-amber{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b4d}[data-theme=dark] .pmn-pill-red{background:#ef444426;color:#f87171;border-color:#ef44444d}[data-theme=dark] .pmn-btn-refresh{background:#1f2937;border-color:#374151;color:#94a3b8}[data-theme=dark] .pmn-btn-refresh:hover{background:#374151;color:#f1f5f9}[data-theme=dark] .pmn-search{background:#1f2937;border-color:#374151;color:#f1f5f9}[data-theme=dark] .pmn-search::placeholder{color:#475569}[data-theme=dark] .pmn-search:focus{background:#0f172a;border-color:#3b82f6}[data-theme=dark] .pmn-search-clear{background:#374151;color:#64748b}[data-theme=dark] .pmn-kpi-card,[data-theme=dark] .pmn-chart-card,[data-theme=dark] .pmn-nodes-section,[data-theme=dark] .pmn-nc{background:#111827;border-color:#1f2937}[data-theme=dark] .pmn-kpi-label{color:#94a3b8}[data-theme=dark] .pmn-kpi-sub{color:#64748b}[data-theme=dark] .pmn-kpi-bar{background:#0a0e1a}[data-theme=dark] .pmn-chart-title,[data-theme=dark] .pmn-nodes-title,[data-theme=dark] .pmn-nc-name{color:#f1f5f9}[data-theme=dark] .pmn-nc-metrics{background:#0a0e1a;border-color:#1f2937}[data-theme=dark] .pmn-nc-m-sep{background:#1f2937}[data-theme=dark] .pmn-nc-foot{border-top-color:#1f2937}[data-theme=dark] .pmn-nc-badge-ok{background:#064e3b;color:#34d399}[data-theme=dark] .pmn-nc-badge-warn{background:#451a03;color:#fbbf24}[data-theme=dark] .pmn-nc-badge-err{background:#450a0a;color:#f87171}[data-theme=dark] .pmn-nodes-hd{background:#111827}[data-theme=dark] .pmn-health-stats{background:#0a0e1a;border-color:#1f2937}[data-theme=dark] .pmn-hst-div{background:#1f2937}[data-theme=dark] .pmn-trend-mini,[data-theme=dark] .pmn-chart-legend{border-top-color:#1f2937}[data-theme=dark] .t10-row:hover{background:#0a0e1a}[data-theme=dark] .t10-name{color:#cbd5e1}[data-theme=dark] .t10-bar-bg{background:#1f2937}[data-theme=dark] .t10-footer{border-top-color:#1f2937}[data-theme=dark] .t10-pause{background:#1f2937;border-color:#374151;color:#94a3b8}[data-theme=dark] .pmn-filter-tab{border-color:#1f2937;color:#94a3b8}[data-theme=dark] .pmn-filter-tab:hover{background:#1f2937}[data-theme=dark] .pmn-filter-tab-on{background:#f1f5f9;color:#0f172a;border-color:#f1f5f9}[data-theme=dark] .apm-modal{background:#111827;border-color:#1f2937}[data-theme=dark] .apm-header{border-bottom-color:#1f2937;background:#111827}[data-theme=dark] .apm-title{color:#f1f5f9}[data-theme=dark] .apm-label{color:#cbd5e1}[data-theme=dark] .apm-input,[data-theme=dark] .apm-select{background:#0a0e1a;border-color:#1f2937;color:#f1f5f9}[data-theme=dark] .apm-input:focus,[data-theme=dark] .apm-select:focus{background:#0d1117;border-color:#3b82f6}[data-theme=dark] .apm-cancel{border-color:#1f2937;color:#94a3b8}[data-theme=dark] .apm-cancel:hover{background:#1f2937}[data-theme=dark] .apm-preset-tag{background:#1f2937;border-color:#374151;color:#94a3b8}[data-theme=dark] .apm-preset-tag:hover{background:#374151;color:#cbd5e1}[data-theme=dark] .apm-preset-tag-on{background:#3b82f626;border-color:#3b82f666;color:#60a5fa}[data-theme=dark] .pmn-region-pie-total{color:#f1f5f9}[data-theme=dark] .pmn-region-legend-name{color:#94a3b8}[data-theme=dark] .pmn-region-legend-bar{background:#1f2937}[data-theme=dark] .pmn-region-legend::-webkit-scrollbar-thumb{background:#374151}[data-theme=dark] .pmn-region-tooltip{background:#1e293b;border-color:#334155}[data-theme=dark] .pmn-region-tooltip-name{color:#f1f5f9}[data-theme=dark] .pmn-region-tooltip-val{color:#94a3b8}[data-theme=dark] .pmn-health-svg text{fill:#f1f5f9}@media(max-width:1280px){.pmn-charts-row{grid-template-columns:1fr 1fr}.pmn-chart-card:nth-child(3){grid-column:1 / -1}.pmn-chart-card:last-child{grid-column:unset;max-width:none;margin:0;width:100%}}@media(max-width:1100px){.pmn-kpi-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.pmn-charts-row{grid-template-columns:1fr;padding:0 16px}.pmn-kpi-row{padding:0 16px}.pmn-chart-card:last-child{grid-column:unset;max-width:none;margin:0}.pmn-banner-content{flex-direction:column;align-items:flex-start;gap:16px;padding:0 16px}.pmn-banner-right{flex-wrap:wrap}.pmn-search{width:170px}.pmn-search:focus{width:200px}}@media(max-width:640px){.pmn-kpi-row{grid-template-columns:1fr}.pmn-nodes-grid{grid-template-columns:1fr;padding:14px 16px 18px}.pmn-nodes-hd{padding:14px 16px}.pmn-banner-title{font-size:17px}.pmn-body{padding:16px 0 24px;gap:16px}.pmn-filter-tabs{flex-wrap:wrap}}:root{--pd-bg: #f1f5f9;--pd-card-bg: #ffffff;--pd-card-border: #e2e8f0;--pd-text: #0f172a;--pd-text-sec: #64748b;--pd-axis: #94a3b8;--pd-grid: #f1f5f940;--pd-ring-track: #e2e8f0;--pd-tooltip-bg: #ffffff;--pd-tooltip-border:#e2e8f0;--pd-bar-hover: #f8fafc80;--pd-badge-ok-bg: #d1fae5;--pd-badge-ok-fg: #059669;--pd-badge-warn-bg: #fef3c7;--pd-badge-warn-fg: #d97706;--pd-badge-err-bg: #fee2e2;--pd-badge-err-fg: #dc2626;--pd-shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.04);--pd-shadow-hover: 0 4px 12px rgba(0,0,0,.08), 0 12px 32px rgba(0,0,0,.06)}[data-theme=dark]{--pd-bg: #0f1117;--pd-card-bg: #1a1d27;--pd-card-border: #2a2d3a;--pd-text: #f1f5f9;--pd-text-sec: #8892a4;--pd-axis: #4b5563;--pd-grid: #ffffff08;--pd-ring-track: #2a2d3a;--pd-tooltip-bg: #1e2130;--pd-tooltip-border:#333646;--pd-bar-hover: #ffffff08;--pd-badge-ok-bg: #064e3b;--pd-badge-ok-fg: #34d399;--pd-badge-warn-bg: #451a03;--pd-badge-warn-fg: #fbbf24;--pd-badge-err-bg: #450a0a;--pd-badge-err-fg: #f87171;--pd-shadow: 0 1px 3px rgba(0,0,0,.3), 0 4px 16px rgba(0,0,0,.2);--pd-shadow-hover: 0 4px 12px rgba(0,0,0,.4), 0 12px 32px rgba(0,0,0,.3)}.pd-page-container{padding:20px 24px 32px;display:flex;flex-direction:column;gap:16px;font-family:Inter,DM Sans,system-ui,sans-serif}.pd-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.pd-header-left{display:flex;align-items:center;gap:14px}.pd-back-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border-radius:8px;border:1px solid var(--pd-card-border);background:var(--pd-card-bg);color:var(--pd-text-sec);font-size:13px;font-weight:500;cursor:pointer;text-decoration:none;transition:all .18s;white-space:nowrap;flex-shrink:0}.pd-back-btn:hover{color:var(--pd-text);border-color:#3b82f6;background:#3b82f608}.pd-title-block{display:flex;flex-direction:column;gap:4px}.pd-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pd-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;animation:pd-pulse 2s infinite}.pd-dot-ok{background:#10b981;box-shadow:0 0 0 3px #10b98130}.pd-dot-warn{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b30}.pd-dot-err{background:#ef4444;box-shadow:0 0 0 3px #ef444430}@keyframes pd-pulse{0%,to{opacity:1}50%{opacity:.5}}.pd-title{font-size:22px;font-weight:700;color:var(--pd-text);margin:0;letter-spacing:-.3px}.pd-status-badge{font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px;letter-spacing:.2px}.pd-badge-ok{background:var(--pd-badge-ok-bg);color:var(--pd-badge-ok-fg)}.pd-badge-warn{background:var(--pd-badge-warn-bg);color:var(--pd-badge-warn-fg)}.pd-badge-err{background:var(--pd-badge-err-bg);color:var(--pd-badge-err-fg)}.pd-subtitle{font-size:13px;color:var(--pd-text-sec);margin:0;display:flex;align-items:center;gap:2px}.pd-subtitle-sep{margin:0 6px;color:var(--pd-card-border)}.pd-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.pd-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:9px;font-size:13px;font-weight:500;cursor:pointer;transition:all .18s;border:1px solid transparent;text-decoration:none}.pd-btn-ghost{background:var(--pd-card-bg);border-color:var(--pd-card-border);color:var(--pd-text-sec)}.pd-btn-ghost:hover{color:var(--pd-text);border-color:#3b82f6;background:#3b82f608}.pd-btn-danger{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.pd-btn-danger:hover{background:#ef4444;border-color:#ef4444;color:#fff}.pd-btn-sm{padding:5px 10px;font-size:12px;border-radius:7px}[data-theme=dark] .pd-btn-danger{background:#450a0a;border-color:#7f1d1d;color:#f87171}[data-theme=dark] .pd-btn-danger:hover{background:#ef4444;border-color:#ef4444;color:#fff}.pd-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media(max-width:1024px){.pd-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.pd-stats-grid{grid-template-columns:1fr}}.pd-stat-card{position:relative;background:var(--pd-card-bg);border:1px solid var(--pd-card-border);border-radius:14px;padding:16px;overflow:hidden;box-shadow:var(--pd-shadow);transition:transform .2s,box-shadow .2s;cursor:default}.pd-stat-card:hover{transform:translateY(-2px);box-shadow:var(--pd-shadow-hover)}.pd-stripe{position:absolute;top:0;left:0;right:0;height:3px;background:var(--pd-accent, #3b82f6);border-radius:14px 14px 0 0}.pd-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.pd-icon-wrap{width:40px;height:40px;border-radius:10px;background:color-mix(in srgb,var(--pd-accent, #3b82f6) 12%,transparent);display:flex;align-items:center;justify-content:center;transition:transform .3s}.pd-stat-card:hover .pd-icon-wrap{transform:rotate(8deg) scale(1.08)}.pd-icon{font-size:18px;line-height:1}.pd-value{font-size:26px;font-weight:800;line-height:1;letter-spacing:-.5px;margin-bottom:4px;background:linear-gradient(135deg,var(--pd-accent, #3b82f6),color-mix(in srgb,var(--pd-accent, #3b82f6) 60%,#fff));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pd-label{font-size:12px;color:var(--pd-text-sec);font-weight:500;margin-bottom:4px;letter-spacing:.2px}.pd-sub{font-size:11px;font-weight:600;margin-bottom:8px}.pd-bar-track{height:4px;border-radius:4px;background:color-mix(in srgb,var(--pd-accent, #3b82f6) 15%,var(--pd-ring-track));overflow:hidden;margin-top:8px}.pd-bar-fill{height:100%;border-radius:4px;position:relative;transition:width .6s cubic-bezier(.4,0,.2,1);max-width:100%}.pd-bar-shine{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.45) 50%,transparent 100%);animation:pd-shine 2.4s infinite}@keyframes pd-shine{0%{transform:translate(-100%)}to{transform:translate(400%)}}.pd-charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:900px){.pd-charts-grid{grid-template-columns:1fr}}.pd-chart-card{background:var(--pd-card-bg);border:1px solid var(--pd-card-border);border-radius:14px;padding:16px 18px;box-shadow:var(--pd-shadow);transition:box-shadow .2s;position:relative;overflow:hidden}.pd-chart-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#10b981);opacity:0;transition:opacity .2s}.pd-chart-card:hover:before{opacity:1}.pd-chart-card:hover{box-shadow:var(--pd-shadow-hover)}.pd-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pd-chart-title-group{display:flex;align-items:center;gap:8px}.pd-chart-icon{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pd-chart-title{font-size:14px;font-weight:600;color:var(--pd-text)}.pd-chart-badge{font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px}.pd-chart-body{height:220px}.pd-log-card{background:var(--pd-card-bg);border:1px solid var(--pd-card-border);border-radius:14px;padding:16px 18px;box-shadow:var(--pd-shadow)}.pd-log-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:10px}.pd-log-count{font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;background:#3b82f615;color:#3b82f6}.pd-log-controls{display:flex;align-items:center;gap:10px}.pd-log-select-label{font-size:13px;color:var(--pd-text-sec);display:flex;align-items:center;gap:6px;cursor:default}.pd-log-select{padding:4px 8px;border-radius:7px;border:1px solid var(--pd-card-border);background:var(--pd-card-bg);color:var(--pd-text);font-size:12px;cursor:pointer;outline:none;transition:border-color .18s}.pd-log-select:focus{border-color:#3b82f6}.pd-log-table{border:1px solid var(--pd-card-border);border-radius:10px;overflow:hidden;font-size:13px}.pd-log-thead{display:grid;grid-template-columns:160px 120px 80px 80px 80px 1fr;background:color-mix(in srgb,var(--pd-bg) 60%,var(--pd-card-bg));border-bottom:1px solid var(--pd-card-border)}.pd-log-th{padding:10px 12px;font-size:11px;font-weight:600;color:var(--pd-text-sec);text-transform:uppercase;letter-spacing:.5px}.pd-log-tbody{display:flex;flex-direction:column}.pd-log-tr{display:grid;grid-template-columns:160px 120px 80px 80px 80px 1fr;border-bottom:1px solid var(--pd-card-border);transition:background .15s}.pd-log-tr:last-child{border-bottom:none}.pd-log-tr:hover{background:color-mix(in srgb,var(--pd-bg) 40%,var(--pd-card-bg))}.pd-log-tr-err{border-left:3px solid #ef444440}.pd-log-tr-warn{border-left:3px solid #f59e0b40}.pd-log-td{padding:9px 12px;display:flex;align-items:center;color:var(--pd-text);overflow:hidden}.pd-log-time{font-size:11px;color:var(--pd-text-sec);font-variant-numeric:tabular-nums}.pd-log-ip{font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;color:var(--pd-text-sec)}.pd-log-latency,.pd-log-loss{font-weight:600;font-size:12px;font-variant-numeric:tabular-nums}.pd-log-msg{font-size:12px;color:var(--pd-text-sec);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-log-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:12px;letter-spacing:.3px}.pd-log-badge-ok{background:var(--pd-badge-ok-bg);color:var(--pd-badge-ok-fg)}.pd-log-badge-warn{background:var(--pd-badge-warn-bg);color:var(--pd-badge-warn-fg)}.pd-log-badge-err{background:var(--pd-badge-err-bg);color:var(--pd-badge-err-fg)}.pd-log-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 4px;gap:12px}.pd-log-page-info{font-size:12px;color:var(--pd-text-sec)}.pd-log-page-btns{display:flex;align-items:center;gap:4px}.pd-log-page-btn{min-width:30px;height:30px;padding:0 6px;border-radius:7px;border:1px solid var(--pd-card-border);background:var(--pd-card-bg);color:var(--pd-text-sec);font-size:12px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s}.pd-log-page-btn:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6;background:#3b82f608}.pd-log-page-btn:disabled{opacity:.35;cursor:not-allowed}.pd-log-page-btn-active{background:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important}@media(max-width:768px){.pd-page-container{padding:12px 12px 24px}.pd-header{flex-direction:column;gap:12px}.pd-header-actions{align-self:flex-start}.pd-log-thead,.pd-log-tr{grid-template-columns:130px 90px 70px 70px 70px 1fr}}@media(max-width:600px){.pd-log-thead,.pd-log-tr{grid-template-columns:1fr 1fr}.pd-log-th:nth-child(n+3),.pd-log-td:nth-child(n+3){display:none}}:root{--dm-bg: #f0f4f8;--dm-surface: #ffffff;--dm-surface2: #f8fafc;--dm-border: rgba(148,163,184,.2);--dm-border-hover: rgba(99,102,241,.4);--dm-text-1: #0f172a;--dm-text-2: #475569;--dm-text-3: #94a3b8;--dm-blue: #6366f1;--dm-green: #10b981;--dm-amber: #f59e0b;--dm-red: #ef4444;--dm-purple: #8b5cf6;--dm-cyan: #06b6d4;--dm-shadow-sm: 0 1px 3px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);--dm-shadow-md: 0 4px 16px rgba(15,23,42,.08), 0 2px 6px rgba(15,23,42,.04);--dm-shadow-lg: 0 12px 32px rgba(15,23,42,.12), 0 4px 12px rgba(15,23,42,.06);--dm-radius: 16px;--dm-radius-sm: 10px}body[data-theme=dark]{--dm-bg: #070d1a;--dm-surface: #0f172a;--dm-surface2: #1e293b;--dm-border: rgba(148,163,184,.1);--dm-border-hover: rgba(99,102,241,.4);--dm-text-1: #f1f5f9;--dm-text-2: #94a3b8;--dm-text-3: #475569;--dm-shadow-sm: 0 1px 3px rgba(0,0,0,.3);--dm-shadow-md: 0 4px 16px rgba(0,0,0,.4);--dm-shadow-lg: 0 12px 32px rgba(0,0,0,.5)}.dm-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px;flex-wrap:wrap}.dm-eyebrow{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--dm-blue);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.dm-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--dm-green);box-shadow:0 0 8px var(--dm-green);animation:dm-pulse 2s ease-in-out infinite}@keyframes dm-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.dm-title{font-size:26px;font-weight:800;color:var(--dm-text-1);letter-spacing:-.025em;margin:0 0 6px;font-family:SF Pro Display,Segoe UI,system-ui,sans-serif}.dm-subtitle{font-size:14px;color:var(--dm-text-3);margin:0}.dm-header-actions{display:flex;gap:10px;align-items:center;flex-shrink:0;padding-top:4px}.dm-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:var(--dm-radius-sm);font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s;white-space:nowrap}.dm-btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 2px 10px #6366f159}.dm-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6366f173}.dm-btn-ghost{background:var(--dm-surface);color:var(--dm-text-2);border:1.5px solid var(--dm-border)}.dm-btn-ghost:hover{border-color:var(--dm-blue);color:var(--dm-blue)}.dm-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}@media(max-width:1100px){.dm-stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.dm-stats-row{grid-template-columns:1fr}}.dm-kpi{background:var(--dm-surface);border:1px solid var(--dm-border);border-radius:var(--dm-radius);padding:20px 20px 18px;position:relative;overflow:hidden;transition:box-shadow .25s,transform .25s,border-color .25s;box-shadow:var(--dm-shadow-sm)}.dm-kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--kpi-accent);border-radius:var(--dm-radius) var(--dm-radius) 0 0}.dm-kpi:hover{transform:translateY(-3px);box-shadow:var(--dm-shadow-md);border-color:var(--kpi-accent)}.dm-kpi-inner{display:flex;align-items:center;gap:14px}.dm-kpi-icon{width:48px;height:48px;border-radius:12px;background:var(--kpi-icon-bg);border:1.5px solid var(--kpi-icon-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dm-kpi-body{flex:1;min-width:0}.dm-kpi-label{font-size:12px;font-weight:600;color:var(--dm-text-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.dm-kpi-value{font-size:30px;font-weight:800;color:var(--dm-text-1);letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;font-family:SF Mono,JetBrains Mono,Menlo,monospace}.dm-kpi-sub{font-size:11px;color:var(--dm-text-3);margin-top:4px}.dm-kpi-indigo{--kpi-accent: #6366f1;--kpi-icon-bg: rgba(99,102,241,.1);--kpi-icon-border: rgba(99,102,241,.2)}.dm-kpi-green{--kpi-accent: #10b981;--kpi-icon-bg: rgba(16,185,129,.1);--kpi-icon-border: rgba(16,185,129,.2)}.dm-kpi-amber{--kpi-accent: #f59e0b;--kpi-icon-bg: rgba(245,158,11,.1);--kpi-icon-border: rgba(245,158,11,.2)}.dm-kpi-red{--kpi-accent: #ef4444;--kpi-icon-bg: rgba(239,68,68,.1);--kpi-icon-border: rgba(239,68,68,.2)}.dm-kpi-purple{--kpi-accent: #8b5cf6;--kpi-icon-bg: rgba(139,92,246,.1);--kpi-icon-border: rgba(139,92,246,.2)}.dm-kpi-cyan{--kpi-accent: #06b6d4;--kpi-icon-bg: rgba(6,182,212,.1);--kpi-icon-border: rgba(6,182,212,.2)}.dm-registrar-section{background:var(--dm-surface);border:1px solid var(--dm-border);border-radius:var(--dm-radius);padding:20px 22px;margin-bottom:20px;box-shadow:var(--dm-shadow-sm)}.dm-section-label{font-size:12px;font-weight:700;color:var(--dm-text-3);text-transform:uppercase;letter-spacing:.1em;margin:0 0 16px;display:flex;align-items:center;gap:6px}.dm-section-label:after{content:"";flex:1;height:1px;background:var(--dm-border)}.dm-registrar-list{display:flex;flex-direction:column;gap:10px}.dm-reg-item{display:flex;align-items:center;gap:12px}.dm-reg-name{width:90px;font-size:13px;font-weight:600;color:var(--dm-text-2);flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-reg-bar-wrap{flex:1;height:8px;background:var(--dm-surface2);border-radius:4px;overflow:hidden;border:1px solid var(--dm-border)}.dm-reg-bar-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#6366f1,#8b5cf6);transition:width .7s cubic-bezier(.4,0,.2,1)}.dm-reg-count{width:28px;text-align:right;font-size:13px;font-weight:700;color:var(--dm-text-1);font-variant-numeric:tabular-nums;flex-shrink:0}.dm-dns-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.dm-dns-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;background:var(--dm-surface2);border:1.5px solid var(--dm-border);color:var(--dm-text-2);letter-spacing:.04em}.dm-dns-pill-val{font-size:16px;font-weight:800;color:var(--dm-text-1);font-variant-numeric:tabular-nums;line-height:1;font-family:SF Mono,JetBrains Mono,Menlo,monospace}.dm-dns-A{border-color:#6366f14d;background:#6366f10f;color:#4f46e5}.dm-dns-CNAME{border-color:#8b5cf64d;background:#8b5cf60f;color:#7c3aed}.dm-dns-MX{border-color:#06b6d44d;background:#06b6d40f;color:#0891b2}.dm-dns-TXT{border-color:#f59e0b4d;background:#f59e0b0f;color:#b45309}.dm-dns-other{border-color:#94a3b84d;background:#94a3b80f;color:var(--dm-text-2)}.dm-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.dm-search-wrap{flex:1;min-width:180px;max-width:360px;position:relative}.dm-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--dm-text-3);pointer-events:none}.dm-search{width:100%;padding:10px 14px 10px 38px;border:1.5px solid var(--dm-border);border-radius:var(--dm-radius-sm);font-size:14px;color:var(--dm-text-1);background:var(--dm-surface);transition:all .2s;box-sizing:border-box}.dm-search:focus{outline:none;border-color:var(--dm-blue);box-shadow:0 0 0 3px #6366f11f}.dm-search::placeholder{color:var(--dm-text-3)}.dm-filter-tabs{display:flex;gap:6px;background:var(--dm-surface2);border:1px solid var(--dm-border);border-radius:var(--dm-radius-sm);padding:4px}.dm-filter-tab{padding:6px 14px;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--dm-text-2);transition:all .18s;display:flex;align-items:center;gap:5px}.dm-filter-tab:hover{color:var(--dm-text-1);background:var(--dm-surface)}.dm-filter-tab.active{background:var(--dm-surface);color:var(--dm-text-1);box-shadow:var(--dm-shadow-sm)}.dm-filter-tab.active-indigo{color:#6366f1}.dm-filter-tab.active-green{color:var(--dm-green)}.dm-filter-tab.active-amber{color:var(--dm-amber)}.dm-filter-tab.active-red{color:var(--dm-red)}.dm-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.dm-section-title{font-size:13px;font-weight:700;color:var(--dm-text-2);text-transform:uppercase;letter-spacing:.07em;display:flex;align-items:center;gap:8px}.dm-count-badge{padding:3px 10px;background:var(--dm-surface2);border:1px solid var(--dm-border);border-radius:20px;font-size:12px;font-weight:600;color:var(--dm-text-2)}.dm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}@media(max-width:780px){.dm-grid{grid-template-columns:1fr}}.dm-card{background:var(--dm-surface);border:1px solid var(--dm-border);border-radius:var(--dm-radius);padding:20px;position:relative;overflow:hidden;transition:box-shadow .25s,transform .25s,border-color .25s;box-shadow:var(--dm-shadow-sm);cursor:default}.dm-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--card-accent);border-radius:var(--dm-radius) 0 0 var(--dm-radius)}.dm-card:hover{transform:translateY(-3px);box-shadow:var(--dm-shadow-lg);border-color:var(--card-accent)}.dm-card-healthy{--card-accent: #10b981}.dm-card-warning{--card-accent: #f59e0b}.dm-card-urgent{--card-accent: #ef4444}.dm-card-expired{--card-accent: #dc2626}.dm-card-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.dm-domain-icon{width:42px;height:42px;border-radius:10px;background:var(--card-icon-bg, rgba(99,102,241,.1));border:1.5px solid var(--card-icon-border, rgba(99,102,241,.2));display:flex;align-items:center;justify-content:center;flex-shrink:0}.dm-card-healthy .dm-domain-icon{--card-icon-bg: rgba(16,185,129,.1);--card-icon-border: rgba(16,185,129,.25)}.dm-card-warning .dm-domain-icon{--card-icon-bg: rgba(245,158,11,.1);--card-icon-border: rgba(245,158,11,.25)}.dm-card-urgent .dm-domain-icon{--card-icon-bg: rgba(239,68,68,.1);--card-icon-border: rgba(239,68,68,.25)}.dm-card-expired .dm-domain-icon{--card-icon-bg: rgba(220,38,38,.1);--card-icon-border: rgba(220,38,38,.25)}.dm-card-meta{flex:1;min-width:0}.dm-domain-name{font-size:15px;font-weight:700;color:var(--dm-text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px;font-family:SF Mono,JetBrains Mono,Menlo,monospace}.dm-card-tags{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.dm-status-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.03em}.dm-status-healthy{background:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.25)}.dm-status-warning{background:#f59e0b1f;color:#b45309;border:1px solid rgba(245,158,11,.25)}.dm-status-urgent{background:#ef44441f;color:#dc2626;border:1px solid rgba(239,68,68,.25)}.dm-status-expired{background:#dc262626;color:#b91c1c;border:1px solid rgba(220,38,38,.3)}.dm-dns-tag{display:inline-block;padding:2px 8px;border-radius:5px;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;background:#6366f11a;color:#4f46e5;border:1px solid rgba(99,102,241,.2)}.dm-reg-tag{display:inline-block;padding:2px 8px;border-radius:5px;font-size:11px;font-weight:500;background:var(--dm-surface2);color:var(--dm-text-2);border:1px solid var(--dm-border)}.dm-timeline{margin-bottom:14px}.dm-timeline-label{display:flex;justify-content:space-between;font-size:11px;color:var(--dm-text-3);margin-bottom:6px}.dm-timeline-label strong{font-size:13px;font-weight:700;color:var(--dm-text-1);font-variant-numeric:tabular-nums}.dm-timeline-bar{height:6px;border-radius:3px;background:var(--dm-surface2);overflow:hidden;border:1px solid var(--dm-border)}.dm-timeline-fill{height:100%;border-radius:3px;background:var(--fill-color);transition:width .6s cubic-bezier(.4,0,.2,1)}.dm-fill-healthy{--fill-color: #10b981}.dm-fill-warning{--fill-color: #f59e0b}.dm-fill-urgent{--fill-color: linear-gradient(90deg,#ef4444,#f87171)}.dm-fill-expired{--fill-color: #dc2626}.dm-card-info{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.dm-info-item{background:var(--dm-surface2);border:1px solid var(--dm-border);border-radius:8px;padding:8px 10px}.dm-info-label{font-size:10px;font-weight:600;color:var(--dm-text-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.dm-info-val{font-size:13px;font-weight:600;color:var(--dm-text-1);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-card-actions{display:flex;gap:6px;padding-top:12px;border-top:1px solid var(--dm-border)}.dm-act{flex:1;padding:8px 6px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--dm-border);background:var(--dm-surface2);color:var(--dm-text-2);transition:all .18s;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.dm-act:hover{border-color:var(--dm-blue);color:var(--dm-blue);background:#6366f10f}.dm-act-del:hover{border-color:var(--dm-red)!important;color:var(--dm-red)!important;background:#ef44440f!important}.dm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;color:var(--dm-text-3);gap:12px}.dm-empty-icon{opacity:.35}.dm-empty-text{font-size:15px;font-weight:500}.dm-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}.dm-skeleton-card{background:var(--dm-surface);border:1px solid var(--dm-border);border-radius:var(--dm-radius);padding:20px;box-shadow:var(--dm-shadow-sm)}.dm-skel{background:linear-gradient(90deg,var(--dm-surface2) 25%,var(--dm-border) 50%,var(--dm-surface2) 75%);background-size:200% 100%;animation:dm-shimmer 1.6s infinite;border-radius:6px}@keyframes dm-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dm-modal-overlay{position:fixed;inset:0;background:#00000073;backdrop-filter:blur(4px);z-index:9998;display:flex;align-items:center;justify-content:center;padding:20px;animation:dm-fade-in .15s ease}@keyframes dm-fade-in{0%{opacity:0}to{opacity:1}}.dm-modal{background:var(--dm-surface);border:1px solid var(--dm-border);border-radius:20px;width:100%;max-width:580px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 64px #00000038;animation:dm-pop .22s cubic-bezier(.34,1.56,.64,1)}@keyframes dm-pop{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:none}}.dm-modal-wide{max-width:680px}.dm-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:24px 24px 0}.dm-modal-title{font-size:17px;font-weight:700;color:var(--dm-text-1);margin:0 0 4px}.dm-modal-sub{font-size:13px;color:var(--dm-text-3);margin:0}.dm-modal-close{width:32px;height:32px;border-radius:8px;border:1px solid var(--dm-border);background:var(--dm-surface2);color:var(--dm-text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .18s}.dm-modal-close:hover{border-color:var(--dm-red);color:var(--dm-red)}.dm-modal-body{padding:20px 24px}.dm-detail-banner{background:linear-gradient(135deg,#6366f114,#8b5cf60d);border:1px solid rgba(99,102,241,.18);border-radius:12px;padding:16px 18px;display:flex;align-items:center;gap:14px;margin-bottom:20px}.dm-detail-domain-icon{width:44px;height:44px;border-radius:10px;background:#6366f11f;border:1.5px solid rgba(99,102,241,.22);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dm-detail-domain{font-size:18px;font-weight:700;color:var(--dm-text-1);font-family:SF Mono,JetBrains Mono,Menlo,monospace;margin-bottom:3px;word-break:break-all}.dm-detail-badges{display:flex;gap:6px;flex-wrap:wrap}.dm-days-display{background:linear-gradient(135deg,var(--dd-bg-a),var(--dd-bg-b));border:1.5px solid var(--dd-border);border-radius:12px;padding:18px;display:flex;align-items:center;gap:16px;margin-bottom:20px}.dm-days-healthy{--dd-bg-a: rgba(16,185,129,.08);--dd-bg-b: rgba(16,185,129,.04);--dd-border: rgba(16,185,129,.25);--dd-num: #059669}.dm-days-warning{--dd-bg-a: rgba(245,158,11,.1);--dd-bg-b: rgba(245,158,11,.05);--dd-border: rgba(245,158,11,.3);--dd-num: #b45309}.dm-days-urgent{--dd-bg-a: rgba(239,68,68,.1);--dd-bg-b: rgba(239,68,68,.05);--dd-border: rgba(239,68,68,.3);--dd-num: #dc2626}.dm-days-expired{--dd-bg-a: rgba(220,38,38,.12);--dd-bg-b: rgba(220,38,38,.06);--dd-border: rgba(220,38,38,.3);--dd-num: #b91c1c}.dm-days-num{font-size:44px;font-weight:900;color:var(--dd-num);letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums;font-family:SF Mono,JetBrains Mono,Menlo,monospace}.dm-days-unit{font-size:16px;font-weight:600;color:var(--dd-num);margin-top:6px}.dm-days-right{flex:1}.dm-days-desc{font-size:13px;color:var(--dm-text-2);line-height:1.6}.dm-detail-section{margin-bottom:20px}.dm-detail-section-title{font-size:11px;font-weight:700;color:var(--dm-text-3);text-transform:uppercase;letter-spacing:.1em;margin:0 0 12px;display:flex;align-items:center;gap:6px}.dm-detail-section-title:after{content:"";flex:1;height:1px;background:var(--dm-border)}.dm-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(max-width:480px){.dm-detail-grid{grid-template-columns:1fr}}.dm-detail-item{background:var(--dm-surface2);border:1px solid var(--dm-border);border-radius:10px;padding:12px 14px}.dm-detail-key{font-size:11px;font-weight:600;color:var(--dm-text-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.dm-detail-val{font-size:14px;font-weight:600;color:var(--dm-text-1)}.dm-advice{border-radius:10px;border-left:4px solid;padding:12px 16px;font-size:14px;font-weight:500;line-height:1.6}.dm-advice-ok{background:#10b98114;border-color:#10b981;color:#065f46}.dm-advice-warn{background:#f59e0b14;border-color:#f59e0b;color:#78350f}.dm-advice-err{background:#ef444414;border-color:#ef4444;color:#7f1d1d}body[data-theme=dark] .dm-advice-ok{color:#6ee7b7}body[data-theme=dark] .dm-advice-warn{color:#fde68a}body[data-theme=dark] .dm-advice-err{color:#fca5a5}.dm-modal-foot{padding:0 24px 24px;display:flex;gap:10px;justify-content:flex-end}.dm-form-section{border-bottom:1px solid var(--dm-border);padding:20px 24px}.dm-form-section:last-of-type{border-bottom:none}.dm-form-sec-title{font-size:12px;font-weight:700;color:var(--dm-text-3);text-transform:uppercase;letter-spacing:.1em;margin:0 0 14px;display:flex;align-items:center;gap:6px}.dm-form-sec-title:after{content:"";flex:1;height:1px;background:var(--dm-border)}.dm-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:560px){.dm-form-grid{grid-template-columns:1fr}}.dm-field{display:flex;flex-direction:column;gap:7px}.dm-field-full{grid-column:1 / -1}.dm-label{font-size:13px;font-weight:600;color:var(--dm-text-2);display:flex;align-items:center;gap:4px}.dm-label-hint{font-size:11px;font-weight:400;color:var(--dm-text-3);margin-left:4px}.dm-required{color:var(--dm-red)}.dm-input,.dm-textarea{padding:10px 13px;border:1.5px solid var(--dm-border);border-radius:var(--dm-radius-sm);font-size:14px;color:var(--dm-text-1);background:var(--dm-surface);transition:all .2s;width:100%;box-sizing:border-box}.dm-input:focus,.dm-textarea:focus{outline:none;border-color:var(--dm-blue);box-shadow:0 0 0 3px #6366f11a}.dm-input::placeholder,.dm-textarea::placeholder{color:var(--dm-text-3)}.dm-input:disabled{opacity:.5;cursor:not-allowed;background:var(--dm-surface2)}.dm-textarea{resize:vertical;min-height:72px}.dm-presets{display:flex;gap:6px}.dm-preset-btn{flex:1;padding:7px 4px;border:1.5px solid var(--dm-border);border-radius:7px;font-size:12px;font-weight:700;cursor:pointer;background:var(--dm-surface2);color:var(--dm-text-2);transition:all .18s}.dm-preset-btn:hover{border-color:var(--dm-blue);color:var(--dm-blue)}.dm-preset-btn.active{border-color:var(--dm-blue);background:var(--dm-blue);color:#fff;box-shadow:0 2px 8px #6366f14d}.dm-preview{margin:0 24px;padding:14px 16px;background:linear-gradient(135deg,#6366f112,#6366f108);border:1.5px solid rgba(99,102,241,.18);border-radius:10px;font-size:13px;color:var(--dm-text-2);line-height:1.7}.dm-preview strong{color:var(--dm-text-1);font-weight:700}.dm-form-msg{margin:8px 24px 0;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500}.dm-form-msg-ok{background:#10b9811a;color:#059669}.dm-form-msg-err{background:#ef44441a;color:#dc2626}.dm-del-overlay{position:fixed;inset:0;background:#00000073;backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:dm-fade-in .15s ease}.dm-del-dialog{background:var(--dm-surface);border:1px solid var(--dm-border);border-radius:18px;padding:32px 28px 24px;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:var(--dm-shadow-lg);animation:dm-pop .22s cubic-bezier(.34,1.56,.64,1)}.dm-del-icon{width:60px;height:60px;border-radius:50%;background:#ef44441a;border:1.5px solid rgba(239,68,68,.2);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.dm-del-title{font-size:17px;font-weight:700;color:var(--dm-text-1);margin:0 0 8px}.dm-del-desc{font-size:14px;color:var(--dm-text-2);line-height:1.6;margin:0 0 22px}.dm-del-domain{font-family:SF Mono,JetBrains Mono,Menlo,monospace;color:var(--dm-red);background:#ef444414;padding:1px 7px;border-radius:5px}.dm-del-actions{display:flex;gap:10px;width:100%}.dm-del-cancel{flex:1;padding:10px;border-radius:9px;border:1.5px solid var(--dm-border);background:var(--dm-surface2);color:var(--dm-text-2);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.dm-del-cancel:hover{border-color:var(--dm-blue);color:var(--dm-blue)}.dm-del-cancel:disabled{opacity:.5;cursor:not-allowed}.dm-del-ok{flex:1;padding:10px;border-radius:9px;border:none;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 10px #ef44444d}.dm-del-ok:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 14px #ef444466}.dm-del-ok:disabled{opacity:.6;cursor:not-allowed}.dm-modal::-webkit-scrollbar{width:5px}.dm-modal::-webkit-scrollbar-track{background:transparent}.dm-modal::-webkit-scrollbar-thumb{background:var(--dm-border);border-radius:3px}.dm-probe-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.04em}.dm-probe-badge.ok{background:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.25)}.dm-probe-badge.fail{background:#ef44441f;color:#dc2626;border:1px solid rgba(239,68,68,.25)}.dm-act-probe{color:#6366f1!important;border-color:#6366f140!important;background:#6366f10d!important}.dm-act-probe:hover{border-color:#6366f1!important;background:#6366f11f!important;color:#4f46e5!important}.dm-probe-target-banner{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#6366f112,#6366f108);border:1.5px solid rgba(99,102,241,.18);border-radius:12px;margin-bottom:18px}.dm-probe-target-icon{width:40px;height:40px;border-radius:10px;background:#6366f11f;border:1.5px solid rgba(99,102,241,.22);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dm-probe-target-domain{font-size:16px;font-weight:700;color:var(--dm-text-1);font-family:SF Mono,JetBrains Mono,Menlo,monospace}.dm-probe-target-hint{font-size:12px;color:var(--dm-text-3);margin-top:2px}.dm-probe-config-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:18px}@media(max-width:560px){.dm-probe-config-grid{grid-template-columns:1fr}}.dm-probe-status-presets{display:flex;gap:6px;margin-top:6px}.dm-probe-status-multisel{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.dm-probe-status-tag{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:7px;border:1.5px solid var(--dm-border);background:var(--dm-bg-2);color:var(--dm-text-2);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:SF Mono,Menlo,monospace}.dm-probe-status-tag:hover{border-color:var(--dm-blue);color:var(--dm-blue);background:#6366f10f}.dm-probe-status-tag.active{border-color:var(--dm-blue);background:#6366f11f;color:var(--dm-blue);font-weight:700}.dm-probe-status-tag-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dm-probe-status-tag-dot.green{background:#10b981}.dm-probe-status-tag-dot.amber{background:#f59e0b}.dm-probe-status-tag-dot.red{background:#ef4444}.dm-probe-status-tag-desc{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:10px;font-weight:400;opacity:.65;margin-left:1px}.dm-probe-proxy-hint{display:flex;align-items:flex-start;gap:5px;margin-top:6px;padding:7px 10px;background:#6366f10d;border:1px solid rgba(99,102,241,.14);border-radius:8px;font-size:12px;color:var(--dm-blue);line-height:1.5}.dm-probe-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--dm-surface2);border:1.5px solid var(--dm-border);border-radius:10px}.dm-probe-toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.dm-probe-toggle input{opacity:0;width:0;height:0}.dm-probe-toggle-track{position:absolute;inset:0;background:var(--dm-border);border-radius:12px;cursor:pointer;transition:.25s}.dm-probe-toggle-track:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.25s;box-shadow:0 1px 4px #0003}.dm-probe-toggle input:checked+.dm-probe-toggle-track{background:var(--dm-blue)}.dm-probe-toggle input:checked+.dm-probe-toggle-track:before{transform:translate(20px)}.dm-probe-result{border-radius:12px;border:1.5px solid;padding:16px;margin-bottom:16px;animation:dm-pop .2s cubic-bezier(.34,1.56,.64,1)}.dm-probe-result.ok{background:#10b98112;border-color:#10b9814d}.dm-probe-result.fail{background:#ef444412;border-color:#ef44444d}.dm-probe-result-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.dm-probe-result-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dm-probe-result.ok .dm-probe-result-icon{background:#10b98126;color:#059669}.dm-probe-result.fail .dm-probe-result-icon{background:#ef44441f;color:#dc2626}.dm-probe-result-title{font-size:14px;font-weight:700;color:var(--dm-text-1)}.dm-probe-result.ok .dm-probe-result-title{color:#047857}.dm-probe-result.fail .dm-probe-result-title{color:#b91c1c}body[data-theme=dark] .dm-probe-result.ok .dm-probe-result-title{color:#6ee7b7}body[data-theme=dark] .dm-probe-result.fail .dm-probe-result-title{color:#fca5a5}.dm-probe-result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(max-width:480px){.dm-probe-result-grid{grid-template-columns:1fr}}.dm-probe-result-item{background:var(--dm-surface);border:1px solid var(--dm-border);border-radius:8px;padding:10px 12px}.dm-probe-result-label{font-size:11px;font-weight:600;color:var(--dm-text-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.dm-probe-result-val{font-size:15px;font-weight:700;color:var(--dm-text-1);font-variant-numeric:tabular-nums;font-family:SF Mono,JetBrains Mono,Menlo,monospace}.dm-probe-error-msg{font-size:13px;color:#dc2626;padding:8px 0 4px;line-height:1.6}body[data-theme=dark] .dm-probe-error-msg{color:#fca5a5}.dm-probe-run-btn{width:100%;padding:13px;border-radius:10px;border:none;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;box-shadow:0 2px 12px #6366f159;letter-spacing:.01em}.dm-probe-run-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #6366f173}.dm-probe-run-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.dm-probe-spinner{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:dm-spin .7s linear infinite;flex-shrink:0}@keyframes dm-spin{to{transform:rotate(360deg)}}.dm-probe-logs-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px}.dm-probe-logs-loading .dm-probe-spinner{border-color:var(--dm-border);border-top-color:var(--dm-blue)}.dm-probe-logs-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 20px;color:var(--dm-text-3);text-align:center;font-size:14px;font-weight:500}.dm-probe-logs-table-wrap{border:1px solid var(--dm-border);border-radius:12px;overflow:hidden;overflow-x:auto}.dm-probe-logs-table{width:100%;border-collapse:collapse;font-size:13px}.dm-probe-logs-table thead tr{background:var(--dm-surface2);border-bottom:1px solid var(--dm-border)}.dm-probe-logs-table th{padding:10px 14px;font-size:11px;font-weight:700;color:var(--dm-text-3);text-transform:uppercase;letter-spacing:.06em;text-align:left;white-space:nowrap}.dm-probe-logs-table tbody tr{border-bottom:1px solid var(--dm-border);transition:background .15s}.dm-probe-logs-table tbody tr:last-child{border-bottom:none}.dm-probe-logs-table tbody tr:hover{background:var(--dm-surface2)}.dm-probe-logs-table td{padding:10px 14px;color:var(--dm-text-1);white-space:nowrap}.dm-log-row-fail{background:#ef444408}.dm-log-time{display:flex;align-items:center;gap:5px;color:var(--dm-text-2)!important;font-size:12px!important;font-variant-numeric:tabular-nums}.dm-log-proxy{display:inline-block;padding:2px 8px;background:#6366f114;color:#4f46e5;border-radius:5px;font-size:12px;font-weight:600;border:1px solid rgba(99,102,241,.15)}.dm-log-proto{display:inline-block;padding:2px 7px;background:#06b6d414;color:#0891b2;border-radius:5px;font-size:11px;font-weight:700;letter-spacing:.04em;border:1px solid rgba(6,182,212,.15)}.dm-log-status-code{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;font-family:SF Mono,JetBrains Mono,Menlo,monospace}.dm-log-latency{font-variant-numeric:tabular-nums;color:var(--dm-text-2);font-family:SF Mono,JetBrains Mono,Menlo,monospace}.dm-log-result{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700}.dm-log-result.ok{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.dm-log-result.fail{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.dm-probe-logs-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}.dm-card-actions-wrap{flex-wrap:wrap;gap:5px}.dm-card-actions-wrap .dm-act{flex:none;min-width:calc(33.33% - 4px)}.dm-act-alert{color:#f59e0b!important;border-color:#f59e0b40!important;background:#f59e0b0d!important}.dm-act-alert:hover{border-color:#f59e0b!important;background:#f59e0b1f!important}.dm-act-dns{color:#10b981!important;border-color:#10b98140!important;background:#10b9810d!important}.dm-act-dns:hover{border-color:#10b981!important;background:#10b9811f!important}.dm-mono-blue{font-family:SF Mono,JetBrains Mono,Menlo,monospace;color:var(--dm-blue)}.dm-alert-master-switch{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;background:linear-gradient(135deg,#6366f112,#6366f108);border:1.5px solid rgba(99,102,241,.18);border-radius:12px;margin-bottom:18px}.dm-alert-switch-info{flex:1;min-width:0}.dm-alert-switch-title{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:var(--dm-text-1);margin-bottom:4px}.dm-alert-switch-desc{font-size:12px;color:var(--dm-text-3);line-height:1.5}.dm-alert-section{margin-bottom:20px}.dm-alert-section-title{font-size:11px;font-weight:700;color:var(--dm-text-3);text-transform:uppercase;letter-spacing:.1em;margin:0 0 14px;display:flex;align-items:center;gap:6px}.dm-alert-section-title:after{content:"";flex:1;height:1px;background:var(--dm-border)}.dm-alert-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:560px){.dm-alert-form-grid{grid-template-columns:1fr}}.dm-alert-check-group{display:flex;flex-direction:column;gap:10px}.dm-alert-check-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:var(--dm-surface2);border:1.5px solid var(--dm-border);border-radius:10px;cursor:pointer;transition:border-color .18s,background .18s;position:relative}.dm-alert-check-item:hover{border-color:var(--dm-blue);background:#6366f10a}.dm-alert-check-item input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.dm-alert-check-box{width:18px;height:18px;border-radius:5px;border:2px solid var(--dm-border);background:var(--dm-surface);flex-shrink:0;margin-top:1px;transition:all .18s;display:flex;align-items:center;justify-content:center}.dm-alert-check-item input:checked~.dm-alert-check-box{background:var(--dm-blue);border-color:var(--dm-blue)}.dm-alert-check-item input:checked~.dm-alert-check-box:after{content:"";display:block;width:5px;height:9px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg) translateY(-1px)}.dm-alert-check-label{font-size:13px;font-weight:600;color:var(--dm-text-1);margin-bottom:3px}.dm-alert-check-desc{font-size:12px;color:var(--dm-text-3);line-height:1.5}.dm-alert-silent-preview{display:flex;align-items:center;gap:6px;margin-top:10px;padding:9px 12px;background:#f59e0b12;border:1px solid rgba(245,158,11,.2);border-radius:8px;font-size:13px;color:#92400e;line-height:1.5}body[data-theme=dark] .dm-alert-silent-preview{color:#fde68a}.dm-alert-preview{padding:14px 16px;background:linear-gradient(135deg,#10b98112,#10b98108);border:1.5px solid rgba(16,185,129,.2);border-radius:10px;margin-top:4px;margin-bottom:10px}.dm-alert-preview-title{font-size:11px;font-weight:700;color:#059669;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}body[data-theme=dark] .dm-alert-preview-title{color:#6ee7b7}.dm-alert-preview-text{font-size:13px;color:var(--dm-text-2);line-height:1.7}.dm-alert-preview-text strong{color:var(--dm-text-1)}.dm-dns-rec-filter{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.dm-dns-rec-tab{padding:5px 14px;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;border:1.5px solid var(--dm-border);background:var(--dm-surface2);color:var(--dm-text-2);transition:all .18s}.dm-dns-rec-tab:hover{border-color:var(--dm-blue);color:var(--dm-blue)}.dm-dns-rec-tab.active{background:var(--dm-blue);border-color:var(--dm-blue);color:#fff;box-shadow:0 2px 8px #6366f14d}.dm-dns-rec-list{display:flex;flex-direction:column;gap:8px}.dm-dns-rec-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--dm-surface2);border:1px solid var(--dm-border);border-radius:12px;transition:border-color .18s,box-shadow .18s}.dm-dns-rec-item:hover{border-color:var(--dm-border-hover);box-shadow:var(--dm-shadow-sm)}.dm-dns-rec-type{display:inline-flex;align-items:center;justify-content:center;min-width:52px;padding:4px 10px;border-radius:7px;font-size:12px;font-weight:800;letter-spacing:.06em;border:1.5px solid;flex-shrink:0;text-transform:uppercase;font-family:SF Mono,JetBrains Mono,Menlo,monospace;margin-top:2px}.dm-dns-rec-body{flex:1;min-width:0}.dm-dns-rec-name{font-size:13px;font-weight:600;color:var(--dm-text-1);margin-bottom:5px;font-family:SF Mono,JetBrains Mono,Menlo,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-dns-rec-fqdn{font-size:12px;color:var(--dm-text-3);font-weight:400}.dm-dns-rec-value{font-size:13px;color:var(--dm-text-2);font-family:SF Mono,JetBrains Mono,Menlo,monospace;word-break:break-all;line-height:1.5}.dm-dns-rec-meta{display:flex;gap:12px;margin-top:6px;flex-wrap:wrap}.dm-dns-rec-meta span{font-size:11px;color:var(--dm-text-3);background:var(--dm-surface);border:1px solid var(--dm-border);padding:2px 8px;border-radius:4px;font-variant-numeric:tabular-nums;font-family:SF Mono,JetBrains Mono,Menlo,monospace}.dm-dns-rec-copy{width:28px;height:28px;border-radius:7px;border:1px solid var(--dm-border);background:var(--dm-surface);color:var(--dm-text-3);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .18s;margin-top:2px}.dm-dns-rec-copy:hover{border-color:var(--dm-blue);color:var(--dm-blue);background:#6366f10f}.dm-dns-rec-copy.copied{border-color:#10b981;color:#10b981;background:#10b98114}.dm-dns-rec-error{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;color:var(--dm-red);text-align:center;font-size:14px;font-weight:500}.dm-dns-rec-tip{display:flex;align-items:flex-start;gap:6px;margin-top:14px;padding:9px 12px;background:var(--dm-surface2);border:1px solid var(--dm-border);border-radius:8px;font-size:12px;color:var(--dm-text-3);line-height:1.5}:root{--icp-bg: #f4f7fb;--icp-surface: #ffffff;--icp-surface2: #f8fafc;--icp-border: rgba(148,163,184,.18);--icp-border-med: rgba(148,163,184,.3);--icp-txt: #0f172a;--icp-txt-sub: #64748b;--icp-txt-muted: #94a3b8;--icp-accent: #0ea5e9;--icp-accent-deep: #0284c7;--icp-indigo: #6366f1;--icp-green: #10b981;--icp-red: #ef4444;--icp-amber: #f59e0b;--icp-shadow-sm: 0 1px 3px rgba(15,23,42,.07), 0 1px 2px rgba(15,23,42,.04);--icp-shadow-md: 0 4px 16px rgba(15,23,42,.08), 0 2px 6px rgba(15,23,42,.05);--icp-shadow-lg: 0 12px 40px rgba(15,23,42,.12), 0 4px 16px rgba(15,23,42,.07);--icp-radius-sm: 8px;--icp-radius: 12px;--icp-radius-lg: 16px;--icp-font: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--icp-mono: "JetBrains Mono", "Cascadia Code", monospace}.icp-page{background:var(--icp-bg);background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(14,165,233,.06) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 90% 80%,rgba(99,102,241,.04) 0%,transparent 60%);min-height:100vh;padding:28px 32px 48px;display:flex;flex-direction:column;gap:20px;box-sizing:border-box;font-family:var(--icp-font);color:var(--icp-txt)}.icp-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.icp-header-left{display:flex;align-items:center;gap:14px}.icp-header-icon-wrap{width:50px;height:50px;border-radius:var(--icp-radius);background:linear-gradient(135deg,#0ea5e9,#6366f1);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #0ea5e94d;flex-shrink:0;position:relative;overflow:hidden}.icp-header-icon-wrap:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 60%)}.icp-title{font-size:20px;font-weight:700;color:var(--icp-txt);margin:0;letter-spacing:-.4px;line-height:1.2}.icp-subtitle{font-size:13px;color:var(--icp-txt-sub);margin:4px 0 0;font-weight:400}.icp-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.icp-btn{padding:9px 18px;border-radius:var(--icp-radius-sm);font-size:13px;font-weight:600;font-family:var(--icp-font);cursor:pointer;transition:all .18s cubic-bezier(.34,1.56,.64,1);border:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;position:relative;overflow:hidden}.icp-btn:after{content:"";position:absolute;inset:0;background:#fff0;transition:background .15s}.icp-btn:hover:after{background:#ffffff0f}.icp-btn-primary{background:linear-gradient(135deg,var(--icp-accent) 0%,var(--icp-accent-deep) 100%);color:#fff;box-shadow:0 2px 10px #0ea5e94d,0 1px 3px #0ea5e933}.icp-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0ea5e961,0 2px 6px #0ea5e940}.icp-btn-primary:active{transform:translateY(0)}.icp-btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.icp-btn-ghost{background:var(--icp-surface);color:var(--icp-txt-sub);border:1px solid var(--icp-border-med);box-shadow:var(--icp-shadow-sm)}.icp-btn-ghost:hover{border-color:var(--icp-accent);color:var(--icp-accent);background:#0ea5e90a;transform:translateY(-1px);box-shadow:var(--icp-shadow-md)}.icp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.icp-stat-card{background:var(--icp-surface);border:1px solid var(--icp-border);border-radius:var(--icp-radius);padding:18px 20px;display:flex;align-items:center;gap:14px;box-shadow:var(--icp-shadow-sm);transition:all .22s ease;position:relative;overflow:hidden;cursor:default}.icp-stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--sc, var(--icp-accent));border-radius:2px 0 0 2px}.icp-stat-card:after{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:radial-gradient(circle,var(--sc, var(--icp-accent)) 0%,transparent 70%);opacity:.04;transform:translate(20px,-20px);border-radius:50%;transition:opacity .22s}.icp-stat-card:hover{border-color:#0ea5e933;box-shadow:var(--icp-shadow-md);transform:translateY(-2px)}.icp-stat-card:hover:after{opacity:.08}.icp-stat-icon{width:42px;height:42px;border-radius:10px;background:#0ea5e914;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--sc, var(--icp-accent))}.icp-stat-card:nth-child(1) .icp-stat-icon{background:#0ea5e914}.icp-stat-card:nth-child(2) .icp-stat-icon{background:#10b98114}.icp-stat-card:nth-child(3) .icp-stat-icon{background:#ef444414}.icp-stat-card:nth-child(4) .icp-stat-icon{background:#f59e0b14}.icp-stat-body{flex:1;min-width:0}.icp-stat-val{font-size:30px;font-weight:700;color:var(--icp-txt);line-height:1;letter-spacing:-1px}.icp-stat-label{font-size:12px;color:var(--icp-txt-sub);margin-top:4px;font-weight:500}.icp-query-card{background:var(--icp-surface);border:1px solid var(--icp-border);border-radius:var(--icp-radius);padding:18px 22px;box-shadow:var(--icp-shadow-sm);display:flex;flex-direction:column;gap:14px;transition:box-shadow .2s}.icp-query-card:focus-within{box-shadow:var(--icp-shadow-md),0 0 0 3px #0ea5e914}.icp-query-header{display:flex;align-items:center;gap:8px}.icp-query-header-icon{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,#0ea5e91f,#6366f114);display:flex;align-items:center;justify-content:center;color:var(--icp-accent);flex-shrink:0}.icp-query-title{font-size:13px;font-weight:700;color:var(--icp-txt);letter-spacing:-.1px}.icp-query-title-sub{font-size:11px;color:var(--icp-txt-muted);margin-left:4px;font-weight:400}.icp-query-row{display:flex;gap:8px}.icp-query-input{flex:1}.icp-query-result{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:var(--icp-radius-sm);font-size:13px;animation:icp-fade-in .2s ease}@keyframes icp-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.icp-query-result.success{background:#10b9810f;border:1px solid rgba(16,185,129,.2)}.icp-query-result.warn{background:#f59e0b0f;border:1px solid rgba(245,158,11,.2)}.icp-query-result.error{background:#ef44440f;border:1px solid rgba(239,68,68,.2)}.icp-query-result-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.success .icp-query-result-icon{background:#10b9811f;color:var(--icp-green)}.warn .icp-query-result-icon{background:#f59e0b1f;color:var(--icp-amber)}.error .icp-query-result-icon{background:#ef44441f;color:var(--icp-red)}.icp-query-result-content{flex:1}.icp-query-result-title{font-weight:700;color:var(--icp-txt);font-size:13px;margin-bottom:5px}.icp-query-detail{color:var(--icp-txt-sub);margin-top:3px;font-size:12px;display:flex;align-items:center;gap:5px}.icp-query-detail-key{font-weight:600;color:var(--icp-txt-muted)}.icp-query-detail-val{color:var(--icp-txt);font-family:var(--icp-mono);font-size:11px}.icp-filter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--icp-surface);border:1px solid var(--icp-border);border-radius:var(--icp-radius);padding:12px 16px;box-shadow:var(--icp-shadow-sm)}.icp-search-wrap{position:relative;display:flex;align-items:center;background:var(--icp-surface2);border:1.5px solid var(--icp-border);border-radius:var(--icp-radius-sm);padding:0 11px;transition:all .18s;flex:1;min-width:200px;max-width:320px}.icp-search-wrap:focus-within{border-color:var(--icp-accent);background:var(--icp-surface);box-shadow:0 0 0 3px #0ea5e91a}.icp-search-icon{color:var(--icp-txt-muted);flex-shrink:0;display:flex}.icp-search{flex:1;border:none;outline:none;padding:8px 7px;font-size:13px;background:transparent;color:var(--icp-txt);font-family:var(--icp-font)}.icp-search::placeholder{color:var(--icp-txt-muted)}.icp-search-clear{background:none;border:none;color:var(--icp-txt-muted);cursor:pointer;font-size:11px;padding:2px 5px;border-radius:4px;transition:all .15s}.icp-search-clear:hover{color:var(--icp-txt-sub);background:var(--icp-border)}.icp-filter-tabs{display:flex;gap:3px;flex-wrap:wrap;background:var(--icp-surface2);border:1px solid var(--icp-border);border-radius:var(--icp-radius-sm);padding:3px}.icp-filter-tab{padding:5px 13px;border-radius:6px;border:none;background:transparent;color:var(--icp-txt-sub);font-size:12px;font-weight:500;font-family:var(--icp-font);cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:5px;white-space:nowrap}.icp-filter-tab:hover{color:var(--icp-txt);background:var(--icp-surface)}.icp-filter-tab.active{background:var(--icp-surface);color:var(--icp-accent);font-weight:700;box-shadow:0 1px 4px #0f172a14}.icp-filter-count{padding:1px 6px;border-radius:10px;font-size:10px;font-weight:700;background:#0ea5e91f;color:var(--icp-accent);min-width:16px;text-align:center}.icp-filter-tab.active .icp-filter-count{background:#0ea5e926}.icp-total{margin-left:auto;font-size:12px;color:var(--icp-txt-muted);white-space:nowrap;font-weight:500}.icp-error-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-radius:var(--icp-radius-sm);background:#ef44440d;border:1px solid rgba(239,68,68,.2);color:#dc2626;font-size:13px}.icp-error-bar button{background:none;border:none;color:#dc2626;cursor:pointer;opacity:.7;transition:opacity .15s}.icp-error-bar button:hover{opacity:1}.icp-table-wrap{background:var(--icp-surface);border:1px solid var(--icp-border);border-radius:var(--icp-radius-lg);overflow:hidden;box-shadow:var(--icp-shadow-md)}.icp-table-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--icp-border);background:var(--icp-surface2)}.icp-table-header-title{font-size:12px;font-weight:700;color:var(--icp-txt-sub);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:7px}.icp-table-header-count{font-size:12px;color:var(--icp-txt-muted);font-weight:400;text-transform:none;letter-spacing:0}.icp-table{width:100%;border-collapse:collapse;font-size:13px}.icp-table thead tr{background:var(--icp-surface2);border-bottom:1.5px solid var(--icp-border)}.icp-table th{padding:11px 16px;text-align:left;font-size:10.5px;font-weight:700;color:var(--icp-txt-muted);letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;user-select:none}.icp-table td{padding:13px 16px;border-bottom:1px solid var(--icp-border);color:var(--icp-txt-sub);vertical-align:middle}.icp-table tbody tr:last-child td{border-bottom:none}.icp-table tbody tr{transition:background .12s}.icp-table tbody tr:hover{background:#0ea5e905}.icp-table tbody tr.icp-row-warn{background:#ef444404}.icp-table tbody tr.icp-row-warn:hover{background:#ef44440a}.icp-td-domain{display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .15s}.icp-domain-icon{width:28px;height:28px;border-radius:7px;background:#0ea5e914;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--icp-accent);transition:all .15s}.icp-td-domain:hover .icp-domain-icon{background:#0ea5e926;transform:scale(1.05)}.icp-domain-text{font-weight:600;color:var(--icp-txt);font-size:13px;transition:color .15s;font-family:var(--icp-mono)}.icp-td-domain:hover .icp-domain-text{color:var(--icp-accent)}.icp-td-mono{font-family:var(--icp-mono);font-size:11.5px;color:var(--icp-txt-sub)}.icp-td-time{font-size:11.5px;color:var(--icp-txt-muted);white-space:nowrap;font-family:var(--icp-mono)}.icp-none{color:var(--icp-border-med);font-size:12px;font-style:italic}.icp-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap;letter-spacing:.1px}.icp-badge-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;animation:icp-badge-pulse 2s ease-in-out infinite}@keyframes icp-badge-pulse{0%,to{opacity:1}50%{opacity:.5}}.icp-notify-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:6px;background:#6366f112;color:var(--icp-indigo);font-size:11px;font-weight:600;border:1px solid rgba(99,102,241,.15)}.icp-toggle{width:38px;height:22px;border-radius:22px;border:none;cursor:pointer;position:relative;transition:background .25s ease;flex-shrink:0}.icp-toggle.on{background:linear-gradient(135deg,var(--icp-green),#059669);box-shadow:0 2px 8px #10b9814d}.icp-toggle.off{background:#e2e8f0}.icp-toggle:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:left .22s cubic-bezier(.34,1.56,.64,1);box-shadow:0 1px 4px #00000026}.icp-toggle.on:after{left:19px}.icp-actions{display:flex;gap:4px}.icp-act-btn{padding:5px 11px;border-radius:6px;font-size:11px;font-weight:600;font-family:var(--icp-font);cursor:pointer;border:1px solid transparent;transition:all .15s;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.icp-act-check{background:#0ea5e912;border-color:#0ea5e933;color:var(--icp-accent)}.icp-act-check:hover:not(:disabled){background:#0ea5e924;border-color:#0ea5e959;transform:translateY(-1px)}.icp-act-check:disabled{opacity:.45;cursor:not-allowed}.icp-act-edit{background:#6366f112;border-color:#6366f133;color:var(--icp-indigo)}.icp-act-edit:hover{background:#6366f124;border-color:#6366f159;transform:translateY(-1px)}.icp-act-del{background:#ef44440f;border-color:#ef44442e;color:var(--icp-red)}.icp-act-del:hover{background:#ef44441f;border-color:#ef44444d;transform:translateY(-1px)}.icp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:80px 20px;color:var(--icp-txt-muted);font-size:13px}.icp-loading-spin{width:32px;height:32px;border-radius:50%;border:2.5px solid rgba(14,165,233,.15);border-top-color:var(--icp-accent);animation:icp-spin .75s linear infinite}.icp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 20px;color:var(--icp-txt-muted)}.icp-empty-visual{width:80px;height:80px;border-radius:20px;background:linear-gradient(135deg,#0ea5e914,#6366f10f);border:1.5px dashed rgba(14,165,233,.25);display:flex;align-items:center;justify-content:center;color:#0ea5e966}.icp-empty-text{font-size:14px;color:var(--icp-txt-muted);font-weight:500}.icp-empty-hint{font-size:12px;color:var(--icp-txt-muted);opacity:.7}.icp-modal-mask{position:fixed;inset:0;background:#0f172a73;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.icp-modal{background:var(--icp-surface);border-radius:var(--icp-radius-lg);box-shadow:var(--icp-shadow-lg),0 0 0 1px #94a3b81f;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;animation:icp-modal-in .22s cubic-bezier(.34,1.56,.64,1)}@keyframes icp-modal-in{0%{opacity:0;transform:scale(.93) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.icp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--icp-border);flex-shrink:0}.icp-modal-title-wrap{display:flex;align-items:center;gap:10px}.icp-modal-title-icon{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#0ea5e91f,#6366f114);display:flex;align-items:center;justify-content:center;color:var(--icp-accent);flex-shrink:0}.icp-modal-title{font-size:15px;font-weight:700;color:var(--icp-txt);letter-spacing:-.2px}.icp-modal-close{width:30px;height:30px;background:var(--icp-surface2);border:1px solid var(--icp-border);border-radius:7px;color:var(--icp-txt-muted);cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;transition:all .15s}.icp-modal-close:hover{color:var(--icp-txt);background:var(--icp-border);border-color:var(--icp-border-med)}.icp-modal-body{flex:1;overflow-y:auto;padding:20px 24px}.icp-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 24px;border-top:1px solid var(--icp-border);flex-shrink:0}.icp-form{display:flex;flex-direction:column;gap:16px}.icp-form-section{display:flex;align-items:center;gap:8px;font-size:10.5px;font-weight:700;color:var(--icp-txt-muted);text-transform:uppercase;letter-spacing:.7px;padding:4px 0 2px}.icp-form-section:after{content:"";flex:1;height:1px;background:var(--icp-border)}.icp-form-row{display:flex;flex-direction:column;gap:6px}.icp-form-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex-direction:unset}.icp-form-toggle-row{display:flex;flex-direction:column;gap:6px;justify-content:flex-end}.icp-form-label{font-size:12px;font-weight:600;color:var(--icp-txt-sub)}.icp-required{color:var(--icp-red);margin-left:2px}.icp-input,.icp-select,.icp-textarea{width:100%;padding:9px 12px;border-radius:var(--icp-radius-sm);border:1.5px solid var(--icp-border-med);background:var(--icp-surface);font-size:13px;font-family:var(--icp-font);color:var(--icp-txt);outline:none;transition:all .18s;box-sizing:border-box}.icp-input:hover,.icp-select:hover{border-color:#0ea5e966}.icp-input:focus,.icp-select:focus,.icp-textarea:focus{border-color:var(--icp-accent);box-shadow:0 0 0 3px #0ea5e91a;background:var(--icp-surface)}.icp-input:disabled{background:var(--icp-surface2);color:var(--icp-txt-muted);cursor:not-allowed;border-color:var(--icp-border)}.icp-textarea{resize:vertical;min-height:70px;line-height:1.5}.icp-detail-grid{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.icp-detail-row{display:flex;gap:0;padding:9px 14px;border-radius:var(--icp-radius-sm);font-size:13px;transition:background .12s}.icp-detail-row:hover{background:#0ea5e908}.icp-detail-row:nth-child(odd){background:var(--icp-surface2)}.icp-detail-row:nth-child(odd):hover{background:#0ea5e908}.icp-detail-key{width:85px;flex-shrink:0;color:var(--icp-txt-muted);font-size:12px;font-weight:600}.icp-detail-val{flex:1;color:var(--icp-txt);word-break:break-all;font-size:13px}.icp-detail-val-mono{font-family:var(--icp-mono);font-size:12px}.icp-toast{position:fixed;top:24px;right:24px;z-index:9999;padding:12px 20px;border-radius:10px;font-size:13px;font-weight:600;font-family:var(--icp-font);box-shadow:var(--icp-shadow-lg);animation:icp-toast-in .28s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;gap:8px;min-width:220px}@keyframes icp-toast-in{0%{opacity:0;transform:translate(16px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.icp-toast-success{background:#f0fdf4;border:1px solid rgba(16,185,129,.3);color:#065f46}.icp-toast-error{background:#fef2f2;border:1px solid rgba(239,68,68,.3);color:#991b1b}.icp-toast-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icp-toast-success .icp-toast-icon{background:#10b98126;color:var(--icp-green)}.icp-toast-error .icp-toast-icon{background:#ef444426;color:var(--icp-red)}.icp-divider{height:1px;background:var(--icp-border);margin:2px 0}@keyframes icp-spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.icp-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.icp-page{padding:16px 14px 32px;gap:14px}.icp-stats{grid-template-columns:repeat(2,1fr);gap:10px}.icp-header{flex-direction:column;align-items:flex-start}.icp-filter-bar{flex-direction:column;align-items:stretch}.icp-search-wrap{max-width:100%}.icp-table th:nth-child(n+5),.icp-table td:nth-child(n+5){display:none}.icp-toast{right:12px;left:12px;min-width:auto}}:root{--db-bg: #f0f4f8;--db-surface: #ffffff;--db-surface2: #f8fafc;--db-surface3: #f1f5f9;--db-border: rgba(148,163,184,.2);--db-border2: rgba(148,163,184,.12);--db-text-1: #0f172a;--db-text-2: #475569;--db-text-3: #94a3b8;--db-text-4: #cbd5e1;--db-indigo: #6366f1;--db-emerald: #10b981;--db-amber: #f59e0b;--db-blue: #0ea5e9;--db-red: #ef4444;--db-shadow-sm: 0 1px 3px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);--db-shadow-md: 0 4px 16px rgba(15,23,42,.08), 0 2px 6px rgba(15,23,42,.04);--db-shadow-lg: 0 12px 40px rgba(15,23,42,.12), 0 4px 12px rgba(15,23,42,.06);--db-radius: 16px;--db-radius-sm: 10px}body[data-theme=dark]{--db-bg: #070d1a;--db-surface: #0f172a;--db-surface2: #1e293b;--db-surface3: #162032;--db-border: rgba(148,163,184,.1);--db-border2: rgba(148,163,184,.07);--db-text-1: #f1f5f9;--db-text-2: #94a3b8;--db-text-3: #475569;--db-text-4: #334155;--db-shadow-sm: 0 1px 3px rgba(0,0,0,.3);--db-shadow-md: 0 4px 16px rgba(0,0,0,.4);--db-shadow-lg: 0 12px 40px rgba(0,0,0,.55)}@keyframes db-modal-in{0%{opacity:0;transform:translateY(-18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes db-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.db-page{padding:28px 32px;min-height:100vh;background:var(--db-bg)}@media(max-width:768px){.db-page{padding:16px}}.db-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap}.db-header-left{flex:1}.db-eyebrow{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--db-indigo);margin-bottom:5px}.db-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--db-indigo);box-shadow:0 0 0 3px #6366f133;animation:db-dot 2.4s ease-in-out infinite}@keyframes db-dot{0%,to{box-shadow:0 0 0 3px #6366f133}50%{box-shadow:0 0 0 5px #6366f10f}}.db-title{font-size:26px;font-weight:800;color:var(--db-text-1);margin:0 0 4px;letter-spacing:-.025em}.db-subtitle{font-size:13.5px;color:var(--db-text-2);margin:0}.db-header-actions{display:flex;gap:8px;align-items:center;padding-top:4px;flex-shrink:0}.db-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 15px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;border:1.5px solid transparent;white-space:nowrap}.db-btn-ghost{background:var(--db-surface);border-color:var(--db-border);color:var(--db-text-2);box-shadow:var(--db-shadow-sm)}.db-btn-ghost:hover{border-color:var(--db-indigo);color:var(--db-indigo)}.db-btn-outline{background:transparent;border-color:var(--db-border);color:var(--db-text-2)}.db-btn-outline:hover{border-color:var(--db-indigo);color:var(--db-indigo);background:#6366f10a}.db-btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 2px 12px #6366f159}.db-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #6366f17a}.db-btn-primary:active{transform:translateY(0)}.db-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.db-btn-sm{padding:5px 10px;font-size:12.5px;border-radius:8px}.db-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}@media(max-width:900px){.db-kpi-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.db-kpi-row{grid-template-columns:1fr}}.db-kpi{background:var(--db-surface);border-radius:var(--db-radius);border:1px solid var(--db-border);border-left:3px solid var(--kpi-color, var(--db-indigo));box-shadow:var(--db-shadow-sm);transition:box-shadow .2s,transform .2s}.db-kpi:hover{box-shadow:var(--db-shadow-md);transform:translateY(-2px)}.db-kpi-inner{display:flex;align-items:center;gap:14px;padding:18px 20px}.db-kpi-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.db-kpi-label{font-size:11px;color:var(--db-text-3);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.db-kpi-value{font-size:26px;font-weight:800;color:var(--db-text-1);line-height:1.1;letter-spacing:-.025em}.db-tabs{display:flex;gap:3px;background:var(--db-surface);border:1px solid var(--db-border);border-radius:12px;padding:4px;margin-bottom:20px;box-shadow:var(--db-shadow-sm);flex-wrap:wrap}.db-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:9px;font-size:13px;font-weight:500;color:var(--db-text-2);background:transparent;border:none;cursor:pointer;transition:all .18s}.db-tab:hover{color:var(--db-text-1);background:var(--db-surface2)}.db-tab.active{background:linear-gradient(135deg,#6366f11f,#6366f10f);color:var(--db-indigo);font-weight:700;box-shadow:0 1px 4px #6366f126}.db-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.db-toolbar-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1}.db-toolbar-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex-shrink:0}.db-search-wrap{position:relative;display:flex;align-items:center;min-width:200px;max-width:300px;flex:1}.db-search-icon{position:absolute;left:11px;color:var(--db-text-3);display:flex;align-items:center}.db-search{width:100%;padding:8px 12px 8px 34px;border-radius:9px;border:1.5px solid var(--db-border);background:var(--db-surface);color:var(--db-text-1);font-size:13px;outline:none;transition:border-color .18s,box-shadow .18s}.db-search:focus{border-color:var(--db-indigo);box-shadow:0 0 0 3px #6366f11a}.db-search::placeholder{color:var(--db-text-3)}.db-filter-tabs{display:flex;gap:4px;flex-wrap:wrap}.db-filter-tab{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:8px;font-size:12.5px;font-weight:500;border:1.5px solid var(--db-border);background:var(--db-surface);color:var(--db-text-2);cursor:pointer;transition:all .15s}.db-filter-tab:hover{border-color:var(--db-indigo);color:var(--db-indigo)}.db-filter-tab.active{background:var(--db-indigo);border-color:var(--db-indigo);color:#fff;box-shadow:0 2px 8px #6366f14d}.db-table-card{background:var(--db-surface);border-radius:var(--db-radius);border:1px solid var(--db-border);box-shadow:var(--db-shadow-sm);overflow:hidden;margin-bottom:20px}.db-table-head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--db-border)}.db-table-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--db-text-1)}.db-table-badge{font-size:11.5px;font-weight:600;color:var(--db-text-3);background:var(--db-surface2);padding:3px 10px;border-radius:20px;border:1px solid var(--db-border)}.db-table-wrap{overflow-x:auto}.db-table{width:100%;border-collapse:collapse;font-size:13.5px}.db-table th{background:var(--db-surface2);color:var(--db-text-3);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:10px 14px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--db-border);user-select:none}.db-table td{padding:11px 14px;border-bottom:1px solid var(--db-border2);color:var(--db-text-1);vertical-align:middle}.db-table tr:last-child td{border-bottom:none}.db-table tbody tr{transition:background .12s}.db-table tbody tr:hover td{background:#6366f108}.db-table-footer{display:flex;align-items:center;justify-content:flex-end;padding:10px 18px;border-top:1px solid var(--db-border)}.db-table-count{font-size:12px;color:var(--db-text-3)}.db-td-name{font-size:13.5px;font-weight:600;color:var(--db-text-1)}.db-td-host{font-size:11.5px;color:var(--db-text-3);margin-top:1px;font-family:SF Mono,Fira Code,monospace}.db-td-date{font-size:12px;color:var(--db-text-2)}.db-td-muted{color:var(--db-text-3);font-size:12.5px}.db-td-bold{font-weight:600;color:var(--db-text-1)}.db-td-path{font-size:12px;color:var(--db-text-2);font-family:SF Mono,Fira Code,monospace;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-rt{display:inline-flex;align-items:center;padding:2px 7px;border-radius:6px;font-size:12px;font-weight:700}.db-rt.fast{background:#10b9811a;color:#059669}.db-rt.mid{background:#f59e0b1a;color:#b45309}.db-rt.slow{background:#ef44441a;color:#b91c1c}.db-type-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;font-size:12px;font-weight:700;background:color-mix(in srgb,var(--db-color) 10%,transparent);color:var(--db-color);border:1px solid color-mix(in srgb,var(--db-color) 25%,transparent)}.db-type-icon{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:4px;font-size:9px;font-weight:900;background:color-mix(in srgb,var(--db-color) 20%,transparent);color:var(--db-color)}.db-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;font-size:12px;font-weight:700}.db-badge-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;animation:db-dot-pulse 2s ease-in-out infinite}@keyframes db-dot-pulse{0%,to{opacity:1}50%{opacity:.4}}.db-enable-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font-size:11.5px;font-weight:700}.db-enable-badge.on{background:#10b9811a;color:#059669}.db-enable-badge.off{background:#94a3b81a;color:#94a3b8}.db-rec-status{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;font-size:11.5px;font-weight:700}.db-rec-status.success{background:#10b9811a;color:#059669}.db-rec-status.running{background:#6366f11a;color:#6366f1}.db-rec-status.failed{background:#ef44441a;color:#dc2626}.db-storage-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;font-size:11.5px;font-weight:600;background:var(--db-surface2);color:var(--db-text-2);border:1px solid var(--db-border)}.db-code{font-family:SF Mono,Fira Code,monospace;font-size:11.5px;background:#6366f114;color:var(--db-indigo);padding:2px 6px;border-radius:4px}.db-act-group{display:inline-flex;align-items:center;gap:4px}.db-act-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:none;border:1.5px solid var(--db-border);color:var(--db-text-3);cursor:pointer;transition:all .15s}.db-act-btn:disabled{opacity:.4;cursor:default}.db-act-del:hover{background:#ef444414;border-color:#ef444459;color:var(--db-red)}.db-act-edit:hover{background:#6366f114;border-color:#6366f159;color:var(--db-indigo)}.db-act-view:hover{background:#0ea5e914;border-color:#0ea5e959;color:#0ea5e9}.db-act-play:hover{background:#10b98114;border-color:#10b98159;color:var(--db-emerald)}.db-empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 0;color:var(--db-text-3);font-size:14px}.db-loading-row{display:flex;align-items:center;gap:8px;justify-content:center;padding:32px;color:var(--db-text-3);font-size:13px}.db-empty-row{padding:24px 20px;text-align:center;font-size:13px;color:var(--db-text-3)}.db-overlay{position:fixed;inset:0;background:#00000073;backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding:28px 16px;overflow-y:auto}.db-modal{background:var(--db-surface);border-radius:20px;width:100%;box-shadow:var(--db-shadow-lg);border:1px solid var(--db-border);animation:db-modal-in .24s cubic-bezier(.34,1.56,.64,1);margin:auto}.db-modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--db-border)}.db-modal-head-left{display:flex;align-items:center;gap:12px}.db-modal-icon{width:40px;height:40px;border-radius:11px;background:#6366f11a;color:var(--db-indigo);display:flex;align-items:center;justify-content:center;flex-shrink:0}.db-modal-title{font-size:16px;font-weight:800;color:var(--db-text-1);margin-bottom:2px}.db-modal-sub{font-size:12.5px;color:var(--db-text-3)}.db-modal-close{width:30px;height:30px;border-radius:8px;border:1.5px solid var(--db-border);background:var(--db-surface2);color:var(--db-text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0}.db-modal-close:hover{border-color:var(--db-red);color:var(--db-red)}.db-steps{display:flex;align-items:center;padding:16px 24px;border-bottom:1px solid var(--db-border);background:var(--db-surface2);gap:0}.db-step{display:flex;align-items:center;gap:8px;flex:1;cursor:default}.db-step.done{cursor:pointer}.db-step-num{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--db-surface3);color:var(--db-text-3);border:2px solid var(--db-border);flex-shrink:0;transition:all .2s}.db-step.active .db-step-num{background:var(--db-indigo);color:#fff;border-color:var(--db-indigo);box-shadow:0 0 0 4px #6366f126}.db-step.done .db-step-num{background:#10b9811a;color:var(--db-emerald);border-color:#10b9814d}.db-step-label{font-size:12.5px;font-weight:600;color:var(--db-text-3);transition:color .2s;white-space:nowrap}.db-step.active .db-step-label{color:var(--db-indigo)}.db-step.done .db-step-label{color:var(--db-emerald)}.db-step-line{flex:1;height:2px;background:var(--db-border);margin:0 10px;border-radius:2px}.db-modal-body{max-height:58vh;overflow-y:auto;padding:4px 0 8px;scrollbar-width:thin;scrollbar-color:var(--db-border) transparent}.db-modal-body::-webkit-scrollbar{width:5px}.db-modal-body::-webkit-scrollbar-thumb{background:var(--db-border);border-radius:3px}.db-modal-foot{display:flex;align-items:center;gap:8px;padding:14px 24px;border-top:1px solid var(--db-border)}.db-form-section{padding:16px 24px 8px}.db-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}@media(max-width:560px){.db-form-grid{grid-template-columns:1fr}}.db-field{display:flex;flex-direction:column;gap:5px}.db-field-span2{grid-column:span 2}.db-label{font-size:11.5px;font-weight:600;color:var(--db-text-2)}.db-required{color:var(--db-red)}.db-input{width:100%;padding:8px 11px;border-radius:9px;border:1.5px solid var(--db-border);background:var(--db-surface2);color:var(--db-text-1);font-size:13.5px;outline:none;transition:border-color .18s,box-shadow .18s;box-sizing:border-box}.db-input:focus{border-color:var(--db-indigo);box-shadow:0 0 0 3px #6366f11a;background:var(--db-surface)}.db-input::placeholder{color:var(--db-text-4)}.db-textarea{resize:vertical;min-height:64px}.db-input-unit-wrap{position:relative;display:flex;align-items:center}.db-input-unit{position:absolute;right:11px;font-size:12px;color:var(--db-text-3);pointer-events:none}.db-input-unit-wrap .db-input{padding-right:36px}.db-test-row{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--db-border)}.db-test-result{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:8px}.db-test-result.ok{background:#10b9811a;color:#059669}.db-test-result.fail{background:#ef44441a;color:#dc2626}.db-alert-hint{display:flex;align-items:center;gap:7px;background:#f59e0b12;border:1px solid rgba(245,158,11,.2);border-radius:8px;padding:9px 12px;font-size:12.5px;color:#92400e;margin-bottom:14px}body[data-theme=dark] .db-alert-hint{color:#fde68a}.db-toggle-row{display:flex;align-items:center;gap:10px;padding-top:4px}.db-toggle{position:relative;display:inline-block;width:36px;height:20px}.db-toggle input{opacity:0;width:0;height:0;position:absolute}.db-toggle-track{position:absolute;inset:0;border-radius:20px;background:var(--db-border);cursor:pointer;transition:background .2s}.db-toggle-track:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .2s;box-shadow:0 1px 3px #0003}.db-toggle input:checked+.db-toggle-track{background:var(--db-indigo)}.db-toggle input:checked+.db-toggle-track:after{transform:translate(16px)}.db-confirm-summary{border-radius:12px;border:1.5px solid rgba(99,102,241,.2);background:#6366f10a;padding:14px 16px}.db-cs-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--db-indigo);margin-bottom:12px}.db-cs-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.db-cs-item{display:flex;flex-direction:column;gap:2px;padding:7px 9px;border-radius:8px;background:var(--db-surface2);border:1px solid var(--db-border2)}.db-cs-key{font-size:10.5px;color:var(--db-text-3)}.db-cs-val{font-size:13px;color:var(--db-text-1);font-weight:600}.db-detail-hero{position:relative;padding:18px 22px;overflow:hidden;flex-shrink:0}.db-detail-hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--db-color) 10%,transparent),transparent 70%);border-bottom:1px solid color-mix(in srgb,var(--db-color) 15%,var(--db-border))}.db-detail-hero-content{position:relative;z-index:1;display:flex;align-items:flex-start;gap:14px}.db-detail-type-badge{width:46px;height:46px;border-radius:13px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;letter-spacing:-.5px;margin-top:2px}.db-detail-name{font-size:15px;font-weight:800;color:var(--db-text-1);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-detail-host{font-size:12px;font-weight:500;color:var(--db-text-2);font-family:SF Mono,Fira Code,monospace;margin-bottom:8px}.db-detail-meta-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.db-detail-meta-chip{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--db-text-2);background:var(--db-surface);border:1px solid var(--db-border);padding:2px 8px;border-radius:20px}.db-chip-fast{color:#059669;font-weight:700}.db-chip-mid{color:#b45309;font-weight:700}.db-chip-slow{color:#b91c1c;font-weight:700}.db-detail-actions{display:flex;gap:6px;margin-left:auto;flex-shrink:0;padding-top:2px}.db-detail-body{flex:1;overflow-y:auto;padding:16px 20px;scrollbar-width:thin;scrollbar-color:var(--db-border) transparent;display:flex;flex-direction:column;gap:10px;max-height:58vh}.db-detail-body::-webkit-scrollbar{width:5px}.db-detail-body::-webkit-scrollbar-thumb{background:var(--db-border);border-radius:3px}.db-detail-section{background:var(--db-surface2);border:1px solid var(--db-border);border-radius:12px;padding:12px 14px}.db-detail-section-title{display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--db-text-3);margin-bottom:10px}.db-detail-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media(max-width:560px){.db-detail-metrics-grid{grid-template-columns:1fr 1fr}}.db-detail-metric-item{background:var(--db-surface);border:1px solid var(--db-border);border-radius:9px;padding:10px 12px}.db-detail-metric-label{font-size:10px;font-weight:600;color:var(--db-text-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px}.db-detail-metric-value{font-size:20px;font-weight:800;line-height:1;display:flex;align-items:baseline;gap:3px}.db-detail-metric-unit{font-size:11px;font-weight:600;color:var(--db-text-3)}.db-detail-metric-null{font-size:14px;color:var(--db-text-4);font-weight:400}.db-detail-two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:560px){.db-detail-two-col{grid-template-columns:1fr}}.db-detail-info-list{display:flex;flex-direction:column;gap:0}.db-detail-info-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--db-border2);min-height:0}.db-detail-info-row:last-child{border-bottom:none;padding-bottom:0}.db-detail-info-row:first-child{padding-top:0}.db-detail-info-key{font-size:11.5px;color:var(--db-text-3);flex-shrink:0;font-weight:500}.db-detail-info-val{font-size:12.5px;color:var(--db-text-1);font-weight:600;text-align:right;word-break:break-all;display:flex;align-items:center;gap:4px}.db-detail-mono{font-family:SF Mono,Fira Code,monospace;font-size:12px}.db-detail-info-row-error{background:#ef44440a;border-radius:6px;padding:6px 8px;margin-top:4px;border:1px solid rgba(239,68,68,.15)!important}.db-detail-error-text{color:#dc2626!important;font-size:11.5px!important;font-weight:500!important}.db-detail-interval-badge{display:inline-flex;padding:1px 6px;border-radius:4px;background:#6366f11a;color:var(--db-indigo);font-size:11.5px;font-weight:700}.db-detail-remark{background:var(--db-surface2);border:1px solid var(--db-border);border-radius:10px;padding:10px 14px;display:flex;align-items:flex-start;gap:10px}.db-detail-remark-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--db-text-3);flex-shrink:0;padding-top:1px}.db-detail-remark-text{font-size:13px;color:var(--db-text-2);line-height:1.5}} .db-metric-card:hover{box-shadow:var(--db-shadow-sm)}.db-metric-card.db-metric-warn{border-color:#ef44444d;background:#ef44440a}.db-metric-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.db-metric-label{font-size:10px;font-weight:600;color:var(--db-text-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}.db-metric-value{font-size:16px;font-weight:800;color:var(--db-text-1);line-height:1}.db-metric-unit{font-size:11px;font-weight:600;color:var(--db-text-3);margin-left:2px}.db-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.db-info-item{background:var(--db-surface2);border:1px solid var(--db-border);border-radius:8px;padding:9px 11px}.db-info-label{font-size:10px;font-weight:600;color:var(--db-text-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}.db-info-val{font-size:12.5px;font-weight:600;color:var(--db-text-1);word-break:break-all}.db-backup-wrap{display:flex;flex-direction:column;gap:18px}.db-backup-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.db-backup-selector-wrap{display:flex;flex-direction:column;gap:5px;flex:1;max-width:500px}.db-backup-selector{max-width:100%}.db-section-card{background:var(--db-surface);border-radius:var(--db-radius);border:1px solid var(--db-border);box-shadow:var(--db-shadow-sm);overflow:hidden}.db-section-card-head{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid var(--db-border)}.db-section-card-title{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--db-text-1)}.db-section-card-badge{font-size:11px;background:var(--db-surface2);color:var(--db-text-3);padding:2px 8px;border-radius:10px;border:1px solid var(--db-border)}.db-toast{position:fixed;top:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;font-size:13.5px;font-weight:600;z-index:99999;box-shadow:0 8px 28px #00000026;animation:db-toast-in .2s ease-out;white-space:nowrap}.db-toast-success{background:#ecfdf5;color:#059669;border:1.5px solid rgba(16,185,129,.3)}.db-toast-error{background:#fef2f2;color:#dc2626;border:1.5px solid rgba(239,68,68,.3)}body[data-theme=dark] .db-toast-success{background:#10b98126;color:#34d399}body[data-theme=dark] .db-toast-error{background:#ef444426;color:#f87171}.db-toast-icon{display:flex;align-items:center}:root{--ct-bg: #f0f4f8;--ct-surface: #ffffff;--ct-surface2: #f8fafc;--ct-surface3: #f1f5f9;--ct-border: rgba(148,163,184,.2);--ct-border2: rgba(148,163,184,.12);--ct-text-1: #0f172a;--ct-text-2: #475569;--ct-text-3: #94a3b8;--ct-text-4: #cbd5e1;--ct-indigo: #6366f1;--ct-emerald: #10b981;--ct-amber: #f59e0b;--ct-blue: #0ea5e9;--ct-red: #ef4444;--ct-shadow-sm: 0 1px 3px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);--ct-shadow-md: 0 4px 16px rgba(15,23,42,.08), 0 2px 6px rgba(15,23,42,.04);--ct-shadow-lg: 0 12px 40px rgba(15,23,42,.14), 0 4px 12px rgba(15,23,42,.06);--ct-radius: 16px}body[data-theme=dark]{--ct-bg: #070d1a;--ct-surface: #0f172a;--ct-surface2: #1e293b;--ct-surface3: #162032;--ct-border: rgba(148,163,184,.1);--ct-border2: rgba(148,163,184,.07);--ct-text-1: #f1f5f9;--ct-text-2: #94a3b8;--ct-text-3: #475569;--ct-text-4: #334155;--ct-shadow-sm: 0 1px 3px rgba(0,0,0,.3);--ct-shadow-md: 0 4px 16px rgba(0,0,0,.4);--ct-shadow-lg: 0 12px 40px rgba(0,0,0,.6)}@keyframes ct-spin{to{transform:rotate(360deg)}}@keyframes ct-modal-in{0%{opacity:0;transform:translateY(-18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ct-toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes ct-dot{0%,to{box-shadow:0 0 0 3px #6366f133}50%{box-shadow:0 0 0 5px #6366f10f}}@keyframes ct-bdot{0%,to{opacity:1}50%{opacity:.35}}.ct-page{padding:28px 32px;min-height:100vh;background:var(--ct-bg)}@media(max-width:768px){.ct-page{padding:16px}}.ct-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap}.ct-header-left{flex:1}.ct-eyebrow{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--ct-indigo);margin-bottom:5px}.ct-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--ct-indigo);box-shadow:0 0 0 3px #6366f133;animation:ct-dot 2.4s ease-in-out infinite}.ct-title{font-size:26px;font-weight:800;color:var(--ct-text-1);margin:0 0 4px;letter-spacing:-.025em}.ct-subtitle{font-size:13.5px;color:var(--ct-text-2);margin:0}.ct-header-actions{display:flex;gap:8px;align-items:center;padding-top:4px;flex-shrink:0}.ct-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 15px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;border:1.5px solid transparent;white-space:nowrap}.ct-btn-ghost{background:var(--ct-surface);border-color:var(--ct-border);color:var(--ct-text-2);box-shadow:var(--ct-shadow-sm)}.ct-btn-ghost:hover{border-color:var(--ct-indigo);color:var(--ct-indigo)}.ct-btn-outline{background:transparent;border-color:var(--ct-border);color:var(--ct-text-2)}.ct-btn-outline:hover{border-color:var(--ct-indigo);color:var(--ct-indigo);background:#6366f10a}.ct-btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 2px 12px #6366f159}.ct-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #6366f17a}.ct-btn-primary:active{transform:translateY(0)}.ct-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.ct-btn-sm{padding:5px 10px;font-size:12.5px;border-radius:8px}.ct-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}@media(max-width:900px){.ct-kpi-row{grid-template-columns:repeat(2,1fr)}}.ct-kpi{background:var(--ct-surface);border-radius:var(--ct-radius);border:1px solid var(--ct-border);border-left:3px solid var(--ct-kpi-color,var(--ct-indigo));box-shadow:var(--ct-shadow-sm);transition:box-shadow .2s,transform .2s}.ct-kpi:hover{box-shadow:var(--ct-shadow-md);transform:translateY(-2px)}.ct-kpi-inner{display:flex;align-items:center;gap:14px;padding:18px 20px}.ct-kpi-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ct-kpi-label{font-size:11px;color:var(--ct-text-3);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.ct-kpi-value{font-size:26px;font-weight:800;color:var(--ct-text-1);line-height:1.1;letter-spacing:-.025em}.ct-tabs{display:flex;gap:3px;background:var(--ct-surface);border:1px solid var(--ct-border);border-radius:12px;padding:4px;margin-bottom:20px;box-shadow:var(--ct-shadow-sm);flex-wrap:wrap}.ct-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:9px;font-size:13px;font-weight:500;color:var(--ct-text-2);background:transparent;border:none;cursor:pointer;transition:all .18s}.ct-tab:hover{color:var(--ct-text-1);background:var(--ct-surface2)}.ct-tab.active{background:linear-gradient(135deg,#6366f11f,#6366f10f);color:var(--ct-indigo);font-weight:700;box-shadow:0 1px 4px #6366f126}.ct-tab:disabled{opacity:.45;cursor:not-allowed}.ct-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.ct-toolbar-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1}.ct-toolbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.ct-search-wrap{position:relative;display:flex;align-items:center;min-width:200px;max-width:300px;flex:1}.ct-search-icon{position:absolute;left:11px;color:var(--ct-text-3);display:flex;align-items:center}.ct-search{width:100%;padding:8px 12px 8px 34px;border-radius:9px;border:1.5px solid var(--ct-border);background:var(--ct-surface);color:var(--ct-text-1);font-size:13px;outline:none;transition:border-color .18s,box-shadow .18s}.ct-search:focus{border-color:var(--ct-indigo);box-shadow:0 0 0 3px #6366f11a}.ct-search::placeholder{color:var(--ct-text-3)}.ct-filter-tabs{display:flex;gap:4px;flex-wrap:wrap}.ct-filter-tab{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:8px;font-size:12.5px;font-weight:500;border:1.5px solid var(--ct-border);background:var(--ct-surface);color:var(--ct-text-2);cursor:pointer;transition:all .15s}.ct-filter-tab:hover{border-color:var(--ct-indigo);color:var(--ct-indigo)}.ct-filter-tab.active{background:var(--ct-indigo);border-color:var(--ct-indigo);color:#fff;box-shadow:0 2px 8px #6366f14d}.ct-host-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;padding:20px}.ct-host-card{background:var(--ct-surface2);border:1px solid var(--ct-border);border-radius:var(--ct-radius);overflow:hidden;transition:box-shadow .2s,transform .2s}.ct-host-card:hover{box-shadow:var(--ct-shadow-md);transform:translateY(-2px)}.ct-host-online{border-left:3px solid var(--ct-emerald)}.ct-host-card-header{display:flex;align-items:center;gap:12px;padding:16px 16px 12px}.ct-host-icon{width:40px;height:40px;border-radius:10px;background:#6366f11a;color:var(--ct-indigo);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ct-host-info{flex:1;min-width:0}.ct-host-name{font-size:14px;font-weight:700;color:var(--ct-text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ct-host-addr{font-size:11.5px;color:var(--ct-text-3);font-family:SF Mono,Fira Code,monospace;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ct-host-stats{display:flex;align-items:center;justify-content:space-around;padding:10px 16px;border-top:1px solid var(--ct-border2);border-bottom:1px solid var(--ct-border2)}.ct-host-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.ct-host-stat-val{font-size:18px;font-weight:800;color:var(--ct-text-1);line-height:1}.ct-stat-running{color:var(--ct-emerald)!important}.ct-host-stat-label{font-size:10px;color:var(--ct-text-3);text-transform:uppercase;letter-spacing:.04em}.ct-host-stat-divider{width:1px;height:28px;background:var(--ct-border)}.ct-host-meta-row{display:flex;flex-wrap:wrap;gap:5px;padding:8px 16px 0}.ct-host-meta-chip{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--ct-text-2);background:var(--ct-surface3);border:1px solid var(--ct-border);padding:2px 8px;border-radius:6px}.ct-host-last-check{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--ct-text-3);padding:6px 16px 0}.ct-host-card-footer{display:flex;align-items:center;gap:6px;padding:12px 16px;border-top:1px solid var(--ct-border2);margin-top:10px}.ct-host-act-right{margin-left:auto;display:flex;gap:4px}.ct-table-card{background:var(--ct-surface);border-radius:var(--ct-radius);border:1px solid var(--ct-border);box-shadow:var(--ct-shadow-sm);overflow:hidden;margin-bottom:20px}.ct-table-head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--ct-border)}.ct-table-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--ct-text-1)}.ct-table-badge{font-size:11.5px;font-weight:600;color:var(--ct-text-3);background:var(--ct-surface2);padding:3px 10px;border-radius:20px;border:1px solid var(--ct-border)}.ct-table-wrap{overflow-x:auto}.ct-table{width:100%;border-collapse:collapse;font-size:13.5px}.ct-table th{background:var(--ct-surface2);color:var(--ct-text-3);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:10px 14px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--ct-border)}.ct-table td{padding:11px 14px;border-bottom:1px solid var(--ct-border2);color:var(--ct-text-1);vertical-align:middle}.ct-table tr:last-child td{border-bottom:none}.ct-table tbody tr{transition:background .12s}.ct-table tbody tr:hover td{background:#6366f108}.ct-table-footer{display:flex;align-items:center;justify-content:flex-end;padding:10px 18px;border-top:1px solid var(--ct-border)}.ct-table-count{font-size:12px;color:var(--ct-text-3)}.ct-td-name{font-size:13.5px;font-weight:600;color:var(--ct-text-1)}.ct-td-sub{font-size:11.5px;color:var(--ct-text-3);font-family:SF Mono,Fira Code,monospace}.ct-td-image{font-size:12px;color:var(--ct-text-2);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ct-td-muted{color:var(--ct-text-3);font-size:12.5px}.ct-td-net{font-size:12px;color:var(--ct-text-2);white-space:nowrap}.ct-td-ports{font-size:11.5px;color:var(--ct-text-3);font-family:SF Mono,Fira Code,monospace;max-width:130px;overflow:hidden;text-overflow:ellipsis}.ct-td-bold{font-weight:600;color:var(--ct-text-1)}.ct-td-date{font-size:12px;color:var(--ct-text-2)}.ct-td-path{font-size:12px;font-family:SF Mono,Fira Code,monospace;color:var(--ct-text-2);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ct-td-metric{display:flex;flex-direction:column;gap:4px;min-width:80px}.ct-pct{font-size:12.5px;font-weight:700;color:var(--ct-text-1)}.ct-pct.warn{color:var(--ct-amber)}.ct-pct.danger{color:var(--ct-red)}.ct-progress-track{height:4px;border-radius:3px;background:var(--ct-border);overflow:hidden}.ct-progress-fill{height:100%;border-radius:3px;transition:width .4s ease}.ct-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;font-size:12px;font-weight:700}.ct-badge-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;animation:ct-bdot 2s ease-in-out infinite}.ct-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font-size:11.5px;font-weight:600;background:var(--ct-surface2);color:var(--ct-text-2);border:1px solid var(--ct-border)}.ct-code{font-family:SF Mono,Fira Code,monospace;font-size:11.5px;background:#6366f114;color:var(--ct-indigo);padding:2px 6px;border-radius:4px}.ct-storage-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;font-size:11.5px;font-weight:600;background:var(--ct-surface2);color:var(--ct-text-2);border:1px solid var(--ct-border)}.ct-enable-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:6px;font-size:11.5px;font-weight:700}.ct-enable-badge.on{background:#10b9811a;color:#059669}.ct-enable-badge.off{background:#94a3b81a;color:#94a3b8}.ct-rec-status{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;font-size:11.5px;font-weight:700}.ct-rec-status.success{background:#10b9811a;color:#059669}.ct-rec-status.running{background:#6366f11a;color:#6366f1}.ct-rec-status.failed{background:#ef44441a;color:#dc2626}.ct-act-group{display:inline-flex;align-items:center;gap:4px}.ct-act-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:none;border:1.5px solid var(--ct-border);color:var(--ct-text-3);cursor:pointer;transition:all .15s}.ct-act-btn:disabled{opacity:.4;cursor:default}.ct-act-del:hover{background:#ef444414;border-color:#ef444459;color:var(--ct-red)}.ct-act-edit:hover{background:#6366f114;border-color:#6366f159;color:var(--ct-indigo)}.ct-act-view:hover{background:#0ea5e914;border-color:#0ea5e959;color:#0ea5e9}.ct-act-play:hover{background:#10b98114;border-color:#10b98159;color:var(--ct-emerald)}.ct-empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 0;color:var(--ct-text-3);font-size:14px}.ct-loading-row{display:flex;align-items:center;gap:8px;justify-content:center;padding:32px;color:var(--ct-text-3);font-size:13px}.ct-empty-row{padding:24px 20px;text-align:center;font-size:13px;color:var(--ct-text-3)}.ct-overlay{position:fixed;inset:0;background:#0000007a;backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;overflow-y:auto}.ct-modal{background:var(--ct-surface);border-radius:20px;width:100%;box-shadow:var(--ct-shadow-lg);border:1px solid var(--ct-border);animation:ct-modal-in .24s cubic-bezier(.34,1.56,.64,1);margin:auto}.ct-modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--ct-border)}.ct-modal-head-left{display:flex;align-items:center;gap:12px}.ct-modal-icon{width:40px;height:40px;border-radius:11px;background:#6366f11a;color:var(--ct-indigo);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ct-modal-title{font-size:16px;font-weight:800;color:var(--ct-text-1);margin-bottom:2px}.ct-modal-sub{font-size:12.5px;color:var(--ct-text-3)}.ct-modal-close{width:30px;height:30px;border-radius:8px;border:1.5px solid var(--ct-border);background:var(--ct-surface2);color:var(--ct-text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.ct-modal-close:hover{border-color:var(--ct-red);color:var(--ct-red)}.ct-modal-body{max-height:60vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ct-border) transparent}.ct-modal-body::-webkit-scrollbar{width:5px}.ct-modal-body::-webkit-scrollbar-thumb{background:var(--ct-border);border-radius:3px}.ct-modal-foot{display:flex;align-items:center;gap:8px;padding:14px 24px;border-top:1px solid var(--ct-border)}.ct-form-sec{padding:16px 24px 8px}.ct-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}@media(max-width:560px){.ct-form-grid{grid-template-columns:1fr}}.ct-field{display:flex;flex-direction:column;gap:5px}.ct-span2{grid-column:span 2}.ct-label{font-size:11.5px;font-weight:600;color:var(--ct-text-2)}.ct-req{color:var(--ct-red)}.ct-input{width:100%;padding:8px 11px;border-radius:9px;border:1.5px solid var(--ct-border);background:var(--ct-surface2);color:var(--ct-text-1);font-size:13.5px;outline:none;transition:border-color .18s,box-shadow .18s;box-sizing:border-box}.ct-input:focus{border-color:var(--ct-indigo);box-shadow:0 0 0 3px #6366f11a;background:var(--ct-surface)}.ct-input::placeholder{color:var(--ct-text-4)}.ct-textarea{resize:vertical;min-height:64px}.ct-toggle-row{display:flex;align-items:center;gap:10px}.ct-toggle{position:relative;display:inline-block;width:36px;height:20px}.ct-toggle input{opacity:0;width:0;height:0;position:absolute}.ct-toggle-track{position:absolute;inset:0;border-radius:20px;background:var(--ct-border);cursor:pointer;transition:background .2s}.ct-toggle-track:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .2s;box-shadow:0 1px 3px #0003}.ct-toggle input:checked+.ct-toggle-track{background:var(--ct-indigo)}.ct-toggle input:checked+.ct-toggle-track:after{transform:translate(16px)}.ct-toggle-label{font-size:13px;color:var(--ct-text-2)}.ct-test-row{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--ct-border)}.ct-test-res{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:8px}.ct-test-res.ok{background:#10b9811a;color:#059669}.ct-test-res.fail{background:#ef44441a;color:#dc2626}.ct-detail-hero{position:relative;padding:16px 20px;overflow:hidden}.ct-detail-hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--ct-color) 10%,transparent),transparent 70%);border-bottom:1px solid color-mix(in srgb,var(--ct-color) 15%,var(--ct-border))}.ct-detail-hero-inner{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.ct-detail-icon{width:44px;height:44px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.ct-detail-info{flex:1;min-width:0}.ct-detail-name{font-size:16px;font-weight:800;color:var(--ct-text-1);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ct-detail-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.ct-detail-chip{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--ct-text-3);background:var(--ct-surface2);border:1px solid var(--ct-border);padding:2px 8px;border-radius:5px}.ct-detail-actions{display:flex;gap:6px;margin-left:auto;flex-shrink:0}.ct-act-hero{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:8px;font-size:12.5px;font-weight:700;cursor:pointer;border:1.5px solid;transition:all .15s}.ct-act-start{background:#10b9811a;border-color:#10b9814d;color:#059669}.ct-act-start:hover{background:#10b98133}.ct-act-stop{background:#ef444414;border-color:#ef44444d;color:#dc2626}.ct-act-stop:hover{background:#ef444426}.ct-act-restart{background:#6366f114;border-color:#6366f14d;color:var(--ct-indigo)}.ct-act-restart:hover{background:#6366f126}.ct-act-hero:disabled{opacity:.5;cursor:not-allowed}.ct-detail-tabs{display:flex;gap:2px;padding:0 20px;border-bottom:1px solid var(--ct-border);background:var(--ct-surface2);overflow-x:auto}.ct-detail-tab{display:inline-flex;align-items:center;gap:5px;padding:10px 14px;font-size:12.5px;font-weight:500;color:var(--ct-text-3);background:transparent;border:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;white-space:nowrap}.ct-detail-tab:hover{color:var(--ct-text-1)}.ct-detail-tab.active{color:var(--ct-indigo);font-weight:700;border-bottom-color:var(--ct-indigo)}.ct-detail-body{padding:16px 20px;min-height:280px;max-height:55vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ct-border) transparent}.ct-detail-body::-webkit-scrollbar{width:5px}.ct-detail-body::-webkit-scrollbar-thumb{background:var(--ct-border);border-radius:3px}.ct-ov-wrap{display:flex;flex-direction:column;gap:14px}.ct-ov-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}@media(max-width:680px){.ct-ov-kpi-row{grid-template-columns:1fr 1fr}}.ct-ov-kpi{background:var(--ct-surface2);border:1px solid var(--ct-border);border-radius:12px;padding:12px;display:flex;align-items:center;gap:10px}.ct-ov-kpi-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ct-ov-kpi-label{font-size:10px;font-weight:700;color:var(--ct-text-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.ct-ov-kpi-value{font-size:16px;font-weight:800;line-height:1.1}.ct-ov-kpi-sub{font-size:11px;color:var(--ct-text-3);margin-top:1px}.ct-ov-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ct-ov-info-item{background:var(--ct-surface2);border:1px solid var(--ct-border);border-radius:8px;padding:9px 11px}.ct-ov-info-label{font-size:10px;font-weight:600;color:var(--ct-text-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}.ct-ov-info-val{font-size:12.5px;font-weight:600;color:var(--ct-text-1);word-break:break-all}.ct-metrics-wrap{display:flex;flex-direction:column;gap:14px}.ct-metric-sec{background:var(--ct-surface2);border:1px solid var(--ct-border);border-radius:12px;padding:12px 14px}.ct-metric-sec-title{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--ct-text-2);text-transform:uppercase;letter-spacing:.04em;margin-bottom:10px}.ct-metric-big{display:flex;flex-direction:column;gap:8px}.ct-metric-big-val{font-size:28px;font-weight:900;line-height:1}.ct-metric-big-unit{font-size:14px;color:var(--ct-text-3);font-weight:600;margin-left:2px}.ct-metric-mem-sub{font-size:12px;color:var(--ct-text-3)}.ct-metric-2col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ct-metric-kv-list{display:flex;flex-direction:column;gap:8px}.ct-metric-kv{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--ct-text-2)}.ct-metric-kv-v{font-weight:700}.ct-logs-wrap{display:flex;flex-direction:column;gap:8px}.ct-logs-toolbar{display:flex;align-items:center;justify-content:space-between}.ct-logs-tip{font-size:12px;color:var(--ct-text-3)}.ct-logs-box{background:#0d1117;border-radius:10px;overflow:auto;max-height:340px;min-height:200px;padding:12px}.ct-logs-pre{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:12px;color:#c9d1d9;white-space:pre-wrap;word-break:break-all;margin:0;line-height:1.6}.ct-logs-loading{color:#94a3b8;font-size:13px;padding:20px;text-align:center}.ct-term-wrap{display:flex;flex-direction:column;gap:8px}.ct-term-tip{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ct-text-3);background:#f59e0b12;border:1px solid rgba(245,158,11,.2);border-radius:8px;padding:8px 12px}.ct-term-box{background:#0d1117;border-radius:10px;min-height:220px;max-height:280px;overflow-y:auto;padding:10px 14px;display:flex;flex-direction:column;gap:2px}.ct-term-line pre{font-family:SF Mono,Fira Code,monospace;font-size:12.5px;margin:0;white-space:pre-wrap;word-break:break-all;line-height:1.5}.ct-tl-sys pre{color:#4a9eff}.ct-tl-input pre{color:#7ee787}.ct-tl-output pre{color:#c9d1d9}.ct-tl-error pre{color:#ff6b6b}.ct-term-input-row{display:flex;align-items:center;gap:8px;background:#0d1117;border-radius:8px;padding:8px 12px;border:1px solid #30363d}.ct-term-prompt{color:#7ee787;font-family:SF Mono,Fira Code,monospace;font-size:13px;font-weight:700;flex-shrink:0}.ct-term-input{flex:1;background:transparent;border:none;outline:none;color:#c9d1d9;font-family:SF Mono,Fira Code,monospace;font-size:12.5px}.ct-term-input::placeholder{color:#484f58}.ct-inspect-wrap{display:flex;flex-direction:column;gap:8px}.ct-backup-wrap{display:flex;flex-direction:column;gap:18px}.ct-backup-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.ct-sec-card{background:var(--ct-surface);border-radius:var(--ct-radius);border:1px solid var(--ct-border);box-shadow:var(--ct-shadow-sm);overflow:hidden}.ct-sec-card-head{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid var(--ct-border)}.ct-sec-card-title{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--ct-text-1)}.ct-sec-badge{font-size:11px;background:var(--ct-surface2);color:var(--ct-text-3);padding:2px 8px;border-radius:10px;border:1px solid var(--ct-border)}.ct-toast{position:fixed;top:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;font-size:13.5px;font-weight:600;z-index:99999;box-shadow:0 8px 28px #00000026;animation:ct-toast-in .2s ease-out;white-space:nowrap}.ct-toast-success{background:#ecfdf5;color:#059669;border:1.5px solid rgba(16,185,129,.3)}.ct-toast-error{background:#fef2f2;color:#dc2626;border:1.5px solid rgba(239,68,68,.3)}body[data-theme=dark] .ct-toast-success{background:#10b98126;color:#34d399}body[data-theme=dark] .ct-toast-error{background:#ef444426;color:#f87171}:root{--am-bg: #f0f4f8;--am-surface: #ffffff;--am-surface2: #f8fafc;--am-surface3: #f1f5f9;--am-border: rgba(148,163,184,.2);--am-border2: rgba(148,163,184,.12);--am-text-1: #0f172a;--am-text-2: #475569;--am-text-3: #94a3b8;--am-text-4: #cbd5e1;--am-indigo: #6366f1;--am-emerald: #10b981;--am-amber: #f59e0b;--am-blue: #0ea5e9;--am-red: #ef4444;--am-shadow-sm: 0 1px 3px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);--am-shadow-md: 0 4px 16px rgba(15,23,42,.08), 0 2px 6px rgba(15,23,42,.04);--am-shadow-lg: 0 12px 40px rgba(15,23,42,.12), 0 4px 12px rgba(15,23,42,.06);--am-radius: 16px;--am-radius-sm: 10px}body[data-theme=dark]{--am-bg: #070d1a;--am-surface: #0f172a;--am-surface2: #1e293b;--am-surface3: #162032;--am-border: rgba(148,163,184,.1);--am-border2: rgba(148,163,184,.07);--am-text-1: #f1f5f9;--am-text-2: #94a3b8;--am-text-3: #475569;--am-text-4: #334155;--am-shadow-sm: 0 1px 3px rgba(0,0,0,.3);--am-shadow-md: 0 4px 16px rgba(0,0,0,.4);--am-shadow-lg: 0 12px 40px rgba(0,0,0,.55)}.am-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap}.am-eyebrow{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--am-indigo);margin-bottom:5px}.am-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--am-indigo);box-shadow:0 0 0 3px #6366f133;animation:am-dot-pulse 2.4s ease-in-out infinite}@keyframes am-dot-pulse{0%,to{box-shadow:0 0 0 3px #6366f133}50%{box-shadow:0 0 0 5px #6366f114}}.am-title{font-size:26px;font-weight:800;color:var(--am-text-1);margin:0 0 4px;letter-spacing:-.025em}.am-subtitle{font-size:13.5px;color:var(--am-text-2);margin:0}.am-subtitle strong{color:var(--am-text-1);font-weight:700}.am-header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0;padding-top:4px}.am-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 15px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;border:1.5px solid transparent;white-space:nowrap}.am-btn-ghost{background:var(--am-surface);border-color:var(--am-border);color:var(--am-text-2);box-shadow:var(--am-shadow-sm)}.am-btn-ghost:hover{border-color:var(--am-indigo);color:var(--am-indigo)}.am-btn-outline{background:transparent;border-color:var(--am-border);color:var(--am-text-2)}.am-btn-outline:hover{border-color:var(--am-emerald);color:var(--am-emerald);background:#10b9810a}.am-btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 2px 12px #6366f159}.am-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #6366f17a}.am-btn-primary:active{transform:translateY(0)}.am-btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.am-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}@media(max-width:900px){.am-kpi-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.am-kpi-row{grid-template-columns:1fr}}.am-kpi{background:var(--am-surface);border-radius:var(--am-radius);border:1px solid var(--am-border);box-shadow:var(--am-shadow-sm);overflow:hidden;transition:box-shadow .2s,transform .2s;position:relative}.am-kpi:hover{box-shadow:var(--am-shadow-md);transform:translateY(-2px)}.am-kpi-wave{position:absolute;bottom:0;left:0;right:0;height:50px;width:100%}.am-kpi-indigo .am-kpi-wave{color:var(--am-indigo)}.am-kpi-emerald .am-kpi-wave{color:var(--am-emerald)}.am-kpi-amber .am-kpi-wave{color:var(--am-amber)}.am-kpi-blue .am-kpi-wave{color:var(--am-blue)}.am-kpi-inner{display:flex;align-items:center;gap:14px;padding:18px 20px 22px;position:relative;z-index:1}.am-kpi-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.am-kpi-indigo .am-kpi-icon{background:#6366f11f;color:var(--am-indigo)}.am-kpi-emerald .am-kpi-icon{background:#10b9811f;color:var(--am-emerald)}.am-kpi-amber .am-kpi-icon{background:#f59e0b1f;color:var(--am-amber)}.am-kpi-blue .am-kpi-icon{background:#0ea5e91f;color:var(--am-blue)}.am-kpi-label{font-size:11px;color:var(--am-text-3);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.am-kpi-value{font-size:26px;font-weight:800;color:var(--am-text-1);line-height:1.1;letter-spacing:-.025em}.am-kpi-sub{font-size:11.5px;color:var(--am-text-3);margin-top:3px}.am-kpi-indigo{border-left:3px solid var(--am-indigo)}.am-kpi-emerald{border-left:3px solid var(--am-emerald)}.am-kpi-amber{border-left:3px solid var(--am-amber)}.am-kpi-blue{border-left:3px solid var(--am-blue)}.am-alert-banner{display:flex;align-items:flex-start;gap:14px;background:linear-gradient(135deg,#f59e0b12,#ef44440d);border:1.5px solid rgba(245,158,11,.28);border-radius:14px;padding:14px 18px;margin-bottom:20px}.am-alert-banner-icon{width:36px;height:36px;border-radius:10px;background:#f59e0b24;color:var(--am-amber);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.am-alert-banner-title{font-size:13px;font-weight:700;color:#92400e;margin-bottom:8px}body[data-theme=dark] .am-alert-banner-title{color:#fde68a}.am-alert-banner-list{display:flex;flex-wrap:wrap;gap:6px}.am-alert-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.am-alert-chip em{font-style:normal;font-size:11px;padding:1px 6px;border-radius:10px}.am-alert-chip.warn{background:#f59e0b1f;color:#b45309}.am-alert-chip.warn em{background:#f59e0b33}.am-alert-chip.danger{background:#ef44441a;color:#b91c1c}.am-alert-chip.danger em{background:#ef444426}.am-alert-chip-more{padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;background:var(--am-surface2);color:var(--am-text-2)}body[data-theme=dark] .am-alert-chip.warn{color:#fcd34d}body[data-theme=dark] .am-alert-chip.danger{color:#fca5a5}.am-tabs{display:flex;gap:3px;background:var(--am-surface);border:1px solid var(--am-border);border-radius:12px;padding:4px;margin-bottom:20px;box-shadow:var(--am-shadow-sm);flex-wrap:wrap}.am-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 15px;border-radius:9px;font-size:13px;font-weight:500;color:var(--am-text-2);background:transparent;border:none;cursor:pointer;transition:all .18s;white-space:nowrap}.am-tab:hover{color:var(--am-text-1);background:var(--am-surface2)}.am-tab.active{background:linear-gradient(135deg,#6366f11f,#6366f10f);color:var(--am-indigo);font-weight:700;box-shadow:0 1px 4px #6366f126}.am-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.am-toolbar-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1}.am-toolbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.am-search-wrap{position:relative;display:flex;align-items:center;min-width:220px;max-width:320px;flex:1}.am-search-icon{position:absolute;left:11px;color:var(--am-text-3);display:flex;align-items:center}.am-search{width:100%;padding:8px 12px 8px 34px;border-radius:9px;border:1.5px solid var(--am-border);background:var(--am-surface);color:var(--am-text-1);font-size:13px;outline:none;transition:border-color .18s,box-shadow .18s}.am-search:focus{border-color:var(--am-indigo);box-shadow:0 0 0 3px #6366f11a}.am-search::placeholder{color:var(--am-text-3)}.am-filter-tabs{display:flex;gap:4px;flex-wrap:wrap}.am-filter-tab{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;font-size:12.5px;font-weight:500;border:1.5px solid var(--am-border);background:var(--am-surface);color:var(--am-text-2);cursor:pointer;transition:all .15s}.am-filter-tab:hover{border-color:var(--am-indigo);color:var(--am-indigo)}.am-filter-tab.active{background:var(--am-indigo);border-color:var(--am-indigo);color:#fff;box-shadow:0 2px 8px #6366f14d}.am-filter-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.am-filter-cnt{font-size:10.5px;padding:1px 5px;border-radius:8px;background:#ffffff40}.am-filter-tab:not(.active) .am-filter-cnt{background:var(--am-surface2);color:var(--am-text-3)}.am-view-toggle{display:flex;border:1.5px solid var(--am-border);border-radius:9px;overflow:hidden;background:var(--am-surface)}.am-view-btn{padding:6px 11px;border:none;cursor:pointer;background:transparent;color:var(--am-text-3);display:flex;align-items:center;justify-content:center;transition:all .15s}.am-view-btn:hover{color:var(--am-text-1);background:var(--am-surface2)}.am-view-btn.active{background:var(--am-indigo);color:#fff}.am-view-btn+.am-view-btn{border-left:1.5px solid var(--am-border)}.am-sel-hint{font-size:12px;font-weight:600;color:var(--am-indigo);padding:4px 10px;border-radius:8px;background:#6366f11a}.am-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.am-skel-card{background:var(--am-surface);border-radius:var(--am-radius);border:1px solid var(--am-border);padding:20px}.am-skel{background:linear-gradient(90deg,var(--am-border) 25%,rgba(148,163,184,.08) 50%,var(--am-border) 75%);background-size:200% 100%;animation:am-shimmer 1.5s infinite;border-radius:6px}@keyframes am-shimmer{to{background-position:-200% 0}}.am-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 0;color:var(--am-text-3);font-size:14px}.am-table-card{background:var(--am-surface);border-radius:var(--am-radius);border:1px solid var(--am-border);box-shadow:var(--am-shadow-sm);overflow:hidden;margin-bottom:16px}.am-table-head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--am-border)}.am-table-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--am-text-1)}.am-table-badge{font-size:11.5px;font-weight:600;color:var(--am-text-3);background:var(--am-surface2);padding:3px 10px;border-radius:20px;border:1px solid var(--am-border)}.am-table-wrap{overflow-x:auto;min-width:0}.am-table{width:100%;border-collapse:collapse;font-size:13.5px;table-layout:auto;white-space:nowrap}.am-table th{background:var(--am-surface2);color:var(--am-text-3);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:10px 14px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--am-border);user-select:none}.am-table th:nth-child(1){width:40px;min-width:40px}.am-table th:nth-child(2){min-width:160px}.am-table th:nth-child(3){min-width:90px}.am-table th:nth-child(4){min-width:70px}.am-table th:nth-child(5){min-width:80px}.am-table th:nth-child(6){min-width:100px}.am-table th:nth-child(7){min-width:55px}.am-table th:nth-child(8){min-width:80px}.am-table th:nth-child(9){min-width:60px}.am-table th:nth-child(10){min-width:80px}.am-table th:nth-child(11){min-width:130px}.am-table th:nth-child(12){min-width:120px}.am-th-sortable{cursor:pointer}.am-th-sortable:hover{color:var(--am-text-1);background:var(--am-surface3)}.am-sort-icon{display:inline-flex;align-items:center;vertical-align:middle;margin-left:4px;color:var(--am-text-4)}.am-sort-icon.asc,.am-sort-icon.desc{color:var(--am-indigo)}.am-table td{padding:11px 14px;border-bottom:1px solid var(--am-border2);color:var(--am-text-1);vertical-align:middle;white-space:nowrap}.am-table tr:last-child td{border-bottom:none}.am-table tbody tr{transition:background .12s}.am-table tbody tr:hover td{background:#6366f108}.am-tr-selected td{background:#6366f10d!important}.am-tbl-name-cell{display:flex;align-items:center;gap:8px}.am-tbl-cat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.am-tbl-name{font-size:13px;font-weight:600;color:var(--am-text-1);white-space:nowrap}.am-tbl-sub{font-size:11px;color:var(--am-text-3);margin-top:1px;white-space:nowrap}.am-tbl-expire{display:flex;align-items:center;gap:5px;flex-wrap:nowrap;white-space:nowrap}.am-td-text{color:var(--am-text-2);white-space:nowrap}.am-td-date{font-size:12.5px;color:var(--am-text-2);white-space:nowrap}.am-td-muted{color:var(--am-text-3);font-size:12.5px}.am-td-amount{font-weight:700;color:var(--am-emerald);white-space:nowrap}.am-tbl-loading{padding:12px 14px;display:flex;flex-direction:column;gap:10px}.am-tbl-skel-row{display:flex;align-items:center;gap:14px;padding:6px 0}.am-tbl-skel-row .am-skel{border-radius:5px;flex-shrink:0}.am-tbl-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-top:1px solid var(--am-border);flex-wrap:wrap;gap:8px}.am-tbl-count{font-size:12px;color:var(--am-text-3)}.am-pagination{display:flex;align-items:center;gap:3px}.am-pg-btn{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 4px;border-radius:7px;border:1.5px solid var(--am-border);background:var(--am-surface);color:var(--am-text-2);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s}.am-pg-btn:hover:not(:disabled){border-color:var(--am-indigo);color:var(--am-indigo);background:#6366f10f}.am-pg-btn:disabled{opacity:.35;cursor:default}.am-pg-btn.am-pg-num{min-width:28px}.am-pg-btn.am-pg-num.active{background:var(--am-indigo);border-color:var(--am-indigo);color:#fff;box-shadow:0 2px 8px #6366f159}.am-pg-ellipsis{display:inline-flex;align-items:center;justify-content:center;width:24px;font-size:13px;color:var(--am-text-3)}.am-pg-info{font-size:11.5px;color:var(--am-text-3);margin-left:6px;white-space:nowrap}.am-checkbox{width:15px;height:15px;border-radius:4px;cursor:pointer;accent-color:var(--am-indigo)}.am-act-group{display:inline-flex;align-items:center;gap:4px}.am-act-del,.am-act-edit,.am-act-view,.am-act-renew{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:none;border:1.5px solid var(--am-border);color:var(--am-text-3);cursor:pointer;transition:all .15s}.am-act-del:hover{background:#ef444414;border-color:#ef444459;color:var(--am-red)}.am-act-edit:hover{background:#6366f114;border-color:#6366f159;color:var(--am-indigo)}.am-act-view:hover{background:#0ea5e914;border-color:#0ea5e959;color:#0ea5e9}.am-act-renew:hover{background:#10b98114;border-color:#10b98159;color:#10b981}.amd-modal{background:var(--am-surface);border-radius:20px;width:100%;max-width:620px;box-shadow:0 32px 80px #00000038,0 2px 8px #00000014;border:1px solid var(--am-border);overflow:hidden;animation:am-modal-in .24s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;height:90vh;max-height:820px}.amd-hero{position:relative;padding:16px 20px 14px;overflow:hidden;flex-shrink:0}.amd-hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--hero-color) 14%,transparent) 0%,transparent 70%);border-bottom:1px solid color-mix(in srgb,var(--hero-color) 18%,var(--am-border))}.amd-hero-content{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.amd-hero-icon{width:44px;height:44px;border-radius:12px;flex-shrink:0;background:color-mix(in srgb,var(--hero-color) 12%,var(--am-surface));border:1.5px solid color-mix(in srgb,var(--hero-color) 28%,transparent);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px color-mix(in srgb,var(--hero-color) 20%,transparent)}.amd-hero-info{flex:1;min-width:0}.amd-hero-name{font-size:16px;font-weight:800;color:var(--am-text-1);line-height:1.25;margin-bottom:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.amd-hero-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.amd-hero-code{font-family:SF Mono,Fira Code,monospace;font-size:11.5px;background:#6366f11a;color:var(--am-indigo);padding:2px 8px;border-radius:5px}.amd-hero-tag{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:500;color:var(--am-text-3);background:var(--am-surface2);border:1px solid var(--am-border);padding:2px 8px;border-radius:5px}.amd-close{position:absolute;top:16px;right:16px;z-index:2;width:30px;height:30px;border-radius:8px;border:1.5px solid var(--am-border);background:var(--am-surface);color:var(--am-text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.amd-close:hover{border-color:var(--am-red);color:var(--am-red);background:#ef44440d}.amd-amount-bar{display:flex;align-items:center;gap:0;padding:10px 20px;background:color-mix(in srgb,var(--hero-color) 6%,var(--am-surface2));border-bottom:1px solid var(--am-border);flex-shrink:0}.amd-amount-left{flex:1;min-width:0}.amd-amount-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--am-text-3);margin-bottom:3px}.amd-amount-val{font-size:20px;font-weight:900;color:var(--am-text-1);line-height:1;display:flex;align-items:baseline;gap:2px}.amd-amount-symbol{font-size:13px;font-weight:600;color:var(--am-text-3)}.amd-amount-divider{width:1px;height:32px;background:var(--am-border);margin:0 16px;flex-shrink:0}.amd-amount-item{text-align:center}.amd-amount-sub{font-size:12.5px;font-weight:600;color:var(--am-text-1)}.amd-body{flex:1;overflow-y:auto;padding:14px 20px;scrollbar-width:thin;scrollbar-color:var(--am-border) transparent;display:flex;flex-direction:column;gap:10px;min-height:0}.amd-body::-webkit-scrollbar{width:5px}.amd-body::-webkit-scrollbar-thumb{background:var(--am-border);border-radius:3px}.amd-section{border:1px solid var(--am-border);border-radius:12px;overflow:hidden}.amd-section-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:color-mix(in srgb,var(--sec-color) 6%,var(--am-surface2));border-bottom:1px solid color-mix(in srgb,var(--sec-color) 12%,var(--am-border))}.amd-section-icon{width:24px;height:24px;border-radius:7px;flex-shrink:0;background:color-mix(in srgb,var(--sec-color) 14%,transparent);color:var(--sec-color);display:flex;align-items:center;justify-content:center}.amd-section-icon svg{width:13px;height:13px}.amd-section-title{font-size:12px;font-weight:700;color:var(--am-text-2);letter-spacing:.03em;text-transform:uppercase}.amd-section-body{padding:10px 12px}.amd-fields-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.amd-field{background:var(--am-surface2);border:1px solid var(--am-border);border-radius:8px;padding:8px 10px;min-width:0}.amd-field-label{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:600;color:var(--am-text-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.amd-field-icon{display:flex;opacity:.7}.amd-field-icon svg{width:11px;height:11px}.amd-field-value{font-size:12.5px;font-weight:600;color:var(--am-text-1);word-break:break-all;line-height:1.4}.amd-accent{color:var(--am-indigo)}.amd-empty{color:var(--am-text-3);font-weight:400}.amd-remark{margin-top:8px;background:var(--am-surface2);border:1px solid var(--am-border);border-radius:8px;padding:10px 12px}.amd-remark-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--am-text-3);margin-bottom:4px}.amd-remark-text{font-size:12.5px;color:var(--am-text-2);line-height:1.6}.amd-timestamps{display:flex;gap:16px;flex-wrap:wrap;padding:8px 12px;background:var(--am-surface2);border:1px solid var(--am-border);border-radius:8px}.amd-ts-item{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--am-text-3)}.amd-ts-item svg{opacity:.6}.amd-foot{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--am-border);background:var(--am-surface);flex-shrink:0}.amd-foot-close{padding:0 16px;height:34px;border-radius:8px;border:1.5px solid var(--am-border);background:var(--am-surface2);color:var(--am-text-2);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.amd-foot-close:hover{border-color:var(--am-text-2);color:var(--am-text-1)}.amd-foot-edit{display:flex;align-items:center;gap:6px;padding:0 18px;height:34px;border-radius:8px;background:color-mix(in srgb,var(--hero-color) 12%,var(--am-surface2));border:1.5px solid color-mix(in srgb,var(--hero-color) 40%,transparent);color:var(--hero-color);font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.amd-foot-edit:hover{background:color-mix(in srgb,var(--hero-color) 20%,var(--am-surface2));box-shadow:0 4px 14px color-mix(in srgb,var(--hero-color) 22%,transparent)}.amd-foot-edit svg{width:13px;height:13px}.amd-foot-renew{display:flex;align-items:center;gap:6px;padding:0 18px;height:34px;border-radius:8px;background:#10b9811a;border:1.5px solid rgba(16,185,129,.4);color:#10b981;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s}.amd-foot-renew:hover{background:#10b9812e;box-shadow:0 4px 14px #10b98133}.amd-foot-renew svg{width:13px;height:13px}.renew-modal-box{background:var(--am-surface);border-radius:18px;width:100%;max-width:480px;box-shadow:0 24px 60px #0003;overflow:hidden}.renew-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--am-border)}.renew-modal-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--am-text-1)}.renew-modal-title svg{color:#10b981}.renew-modal-asset-info{padding:14px 20px;background:var(--am-surface2);border-bottom:1px solid var(--am-border)}.renew-asset-name{font-size:14px;font-weight:700;color:var(--am-text-1);margin-bottom:4px}.renew-asset-meta{display:flex;align-items:center;gap:6px;margin-bottom:6px}.renew-asset-no{font-size:12px;color:var(--am-text-3);font-family:monospace}.renew-current-expire{font-size:12.5px;color:var(--am-text-2);display:flex;align-items:center;gap:5px;flex-wrap:wrap}.renew-modal-form{padding:16px 20px 0}.renew-quick-btns{display:flex;gap:7px;margin-bottom:14px;flex-wrap:wrap}.renew-quick-btn{padding:5px 12px;border-radius:7px;background:var(--am-surface2);border:1.5px solid var(--am-border);color:var(--am-text-2);font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s}.renew-quick-btn:hover{background:#10b9811a;border-color:#10b98166;color:#10b981}.renew-form-row{display:flex;flex-direction:column;gap:5px;margin-bottom:13px}.renew-form-label{font-size:11.5px;font-weight:600;color:var(--am-text-2)}.renew-required{color:var(--am-red);margin-left:2px}.renew-form-input{width:100%;padding:8px 11px;border-radius:9px;border:1.5px solid var(--am-border);background:var(--am-surface2);color:var(--am-text-1);font-size:13.5px;outline:none;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.renew-form-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.renew-form-textarea{width:100%;padding:8px 11px;border-radius:9px;border:1.5px solid var(--am-border);background:var(--am-surface2);color:var(--am-text-1);font-size:13px;outline:none;resize:vertical;box-sizing:border-box;transition:border-color .15s,box-shadow .15s;font-family:inherit}.renew-form-textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.renew-form-textarea::placeholder{color:var(--am-text-4)}.renew-error{padding:8px 12px;border-radius:8px;margin-bottom:10px;background:#ef444414;color:#dc2626;font-size:12.5px;font-weight:500}.renew-modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--am-border);background:var(--am-surface)}.renew-submit-btn{padding:0 22px;height:36px;border-radius:9px;background:#10b981;border:none;color:#fff;font-size:13.5px;font-weight:700;cursor:pointer;transition:all .15s}.renew-submit-btn:hover:not(:disabled){background:#059669;box-shadow:0 4px 14px #10b98159}.renew-submit-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:600px){.amd-fields-grid{grid-template-columns:1fr 1fr}.amd-amount-bar{flex-wrap:wrap;gap:10px}.amd-amount-divider{display:none}.amd-amount-item{text-align:left}}.am-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;font-size:11.5px;font-weight:700}.am-badge-active{background:#10b9811a;color:#059669}.am-badge-idle{background:#f59e0b1a;color:#b45309}.am-badge-retired{background:#ef44441a;color:#dc2626}.am-days-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:6px;font-size:11px;font-weight:700;white-space:nowrap}.am-days-safe,.am-days-ok{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.am-days-warn{background:#f59e0b1f;color:#d97706;border:1px solid rgba(245,158,11,.25)}.am-days-danger{background:#ef44441f;color:#dc2626;border:1px solid rgba(239,68,68,.25)}.am-days-expired{background:#64748b1f;color:#475569;border:1px solid rgba(100,116,139,.2);text-decoration:line-through}.am-td-date-safe{color:#059669!important;font-weight:600;white-space:nowrap}.am-td-date-warn{color:#d97706!important;font-weight:600;white-space:nowrap}.am-td-date-danger{color:#dc2626!important;font-weight:700;white-space:nowrap}.am-td-date-expired{color:#94a3b8!important;text-decoration:line-through;white-space:nowrap}.am-table td:last-child{overflow:visible;white-space:nowrap}.am-cat-tag{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11.5px;font-weight:600;border:1px solid transparent}.am-num-badge{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:22px;padding:0 7px;border-radius:6px;background:#6366f11a;color:var(--am-indigo);font-size:12px;font-weight:700}.am-code{font-family:SF Mono,Fira Code,monospace;font-size:12px;background:#6366f114;color:var(--am-indigo);padding:2px 7px;border-radius:5px}.am-code-muted{background:var(--am-surface2);color:var(--am-text-3)}.am-asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.am-asset-card{background:var(--am-surface);border-radius:var(--am-radius);border:1px solid var(--am-border);box-shadow:var(--am-shadow-sm);overflow:hidden;display:flex;transition:box-shadow .2s,transform .2s}.am-asset-card:hover{box-shadow:var(--am-shadow-md);transform:translateY(-2px)}.am-asset-color-bar{width:4px;flex-shrink:0}.am-asset-main{flex:1;padding:14px;min-width:0}.am-asset-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.am-asset-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.am-asset-name{font-size:14px;font-weight:700;color:var(--am-text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.am-asset-no{font-size:11.5px;color:var(--am-text-3);margin-top:2px}.am-asset-info{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px}.am-info-item{background:var(--am-surface2);border-radius:8px;padding:7px 9px;border:1px solid var(--am-border2)}.am-info-label{font-size:10px;color:var(--am-text-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.am-info-val{font-size:12.5px;color:var(--am-text-1);font-weight:500}.am-info-amount{font-weight:700;color:var(--am-emerald)}.am-card-expire-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.am-card-expire-date{font-size:11.5px;color:var(--am-text-3)}.am-asset-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--am-border2);padding-top:9px;margin-top:2px}.am-card-meta{display:flex;gap:5px;flex-wrap:wrap}.am-meta-chip{font-size:11px;font-weight:500;padding:2px 7px;border-radius:6px;background:var(--am-surface2);color:var(--am-text-3);border:1px solid var(--am-border2)}.am-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:8px}@media(max-width:860px){.am-overview-grid{grid-template-columns:1fr}}.am-overview-card{background:var(--am-surface);border-radius:var(--am-radius);border:1px solid var(--am-border);box-shadow:var(--am-shadow-sm);padding:20px}.am-ov-title{font-size:13px;font-weight:700;color:var(--am-text-1);margin-bottom:18px;display:flex;align-items:center;gap:7px}.am-ov-empty{font-size:13px;color:var(--am-text-3);padding:20px 0;text-align:center}.am-donut-wrap{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.am-donut-legend{display:flex;flex-direction:column;gap:9px;flex:1;min-width:130px}.am-legend-item{display:flex;align-items:center;gap:8px;font-size:13px}.am-legend-dot{width:9px;height:9px;border-radius:3px;flex-shrink:0}.am-legend-name{flex:1;color:var(--am-text-2);font-size:12.5px}.am-legend-bar{width:60px;height:5px;border-radius:3px;background:var(--am-surface2);overflow:hidden;flex-shrink:0}.am-legend-bar div{height:100%;border-radius:3px;transition:width .6s ease}.am-legend-val{font-weight:700;color:var(--am-text-1);min-width:22px;text-align:right;font-size:13px}.am-vendor-list{display:flex;flex-direction:column;gap:12px}.am-vendor-row{display:flex;align-items:center;gap:10px}.am-vendor-rank{width:22px;height:22px;border-radius:6px;font-size:11px;font-weight:800;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.am-vrank-0{background:linear-gradient(135deg,#6366f1,#4f46e5)}.am-vrank-1{background:linear-gradient(135deg,#10b981,#059669)}.am-vrank-2{background:linear-gradient(135deg,#f59e0b,#d97706)}.am-vrank-3,.am-vrank-4{background:var(--am-surface2);color:var(--am-text-3)}.am-vendor-name{width:58px;font-size:13px;color:var(--am-text-1);font-weight:600;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.am-vendor-bar-wrap{flex:1}.am-vendor-amt{font-size:12.5px;font-weight:700;color:var(--am-emerald);min-width:60px;text-align:right;flex-shrink:0}.am-mini-bar-track{height:6px;border-radius:4px;background:var(--am-surface2);overflow:hidden}.am-mini-bar-fill{height:100%;border-radius:4px;transition:width .6s ease}.am-region-list{display:flex;flex-direction:column;gap:11px}.am-region-row{display:flex;align-items:center;gap:10px}.am-region-name{width:40px;font-size:13px;color:var(--am-text-1);font-weight:600;flex-shrink:0}.am-region-bar-track{flex:1;height:7px;border-radius:5px;background:var(--am-surface2);overflow:hidden}.am-region-bar-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,#6366f1,#818cf8);transition:width .6s ease}.am-region-cnt{font-size:12px;color:var(--am-text-2);min-width:34px;text-align:right;flex-shrink:0}.am-region-cnt em{font-style:normal;color:var(--am-text-3);font-size:11px}.am-region-pct{font-size:12px;font-weight:700;color:var(--am-text-3);min-width:32px;text-align:right;flex-shrink:0}.am-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.am-status-item{display:flex;flex-direction:column;align-items:center;background:var(--sbg, var(--am-surface2));border-radius:14px;padding:18px 8px 14px;border:1.5px solid var(--am-border);transition:transform .18s,box-shadow .18s;cursor:default}.am-status-item:hover{transform:translateY(-3px);box-shadow:var(--am-shadow-md)}.am-status-arc{position:relative;display:inline-flex;align-items:center;justify-content:center;margin-bottom:8px}.am-status-arc svg{transform:rotate(-90deg)}.am-status-num{position:absolute;font-size:18px;font-weight:800;color:var(--am-text-1);letter-spacing:-.02em}.am-status-lbl{font-size:13px;color:var(--am-text-1);font-weight:700;margin-bottom:3px}.am-status-pct{font-size:12px;color:var(--am-text-3);font-weight:600}.am-overlay{position:fixed;inset:0;background:#00000073;backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding:28px 16px;overflow-y:auto}.am-modal{background:var(--am-surface);border-radius:20px;width:100%;max-width:600px;box-shadow:var(--am-shadow-lg);border:1px solid var(--am-border);animation:am-modal-in .24s cubic-bezier(.34,1.56,.64,1)}.am-modal-wide{max-width:680px}@keyframes am-modal-in{0%{opacity:0;transform:translateY(-20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.am-modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--am-border)}.am-modal-head-left{display:flex;align-items:center;gap:12px}.am-modal-icon-wrap{width:40px;height:40px;border-radius:11px;background:#6366f11a;color:var(--am-indigo);display:flex;align-items:center;justify-content:center;flex-shrink:0}.am-modal-title{font-size:16px;font-weight:800;color:var(--am-text-1);margin-bottom:2px}.am-modal-sub{font-size:12.5px;color:var(--am-text-3);margin:0}.am-modal-close{width:30px;height:30px;border-radius:8px;border:1.5px solid var(--am-border);background:var(--am-surface2);color:var(--am-text-2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0}.am-modal-close:hover{border-color:var(--am-red);color:var(--am-red)}.am-steps{display:flex;align-items:center;padding:16px 24px;border-bottom:1px solid var(--am-border);background:var(--am-surface2);gap:0}.am-step{display:flex;align-items:center;gap:8px;flex:1;cursor:default;position:relative}.am-step.done{cursor:pointer}.am-step-num{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--am-surface3);color:var(--am-text-3);border:2px solid var(--am-border);flex-shrink:0;transition:all .2s}.am-step.active .am-step-num{background:var(--am-indigo);color:#fff;border-color:var(--am-indigo);box-shadow:0 0 0 4px #6366f126}.am-step.done .am-step-num{background:#10b9811a;color:var(--am-emerald);border-color:#10b9814d}.am-step-label{font-size:12.5px;font-weight:600;color:var(--am-text-3);transition:color .2s;white-space:nowrap}.am-step.active .am-step-label{color:var(--am-indigo)}.am-step.done .am-step-label{color:var(--am-emerald)}.am-step-line{flex:1;height:2px;background:var(--am-border);margin:0 10px;border-radius:2px}.am-modal-body{max-height:56vh;overflow-y:auto;padding:4px 0 8px;scrollbar-width:thin;scrollbar-color:var(--am-border) transparent}.am-modal-body::-webkit-scrollbar{width:5px}.am-modal-body::-webkit-scrollbar-thumb{background:var(--am-border);border-radius:3px}.am-modal-foot{display:flex;align-items:center;gap:8px;padding:14px 24px;border-top:1px solid var(--am-border)}.am-form-section{padding:16px 24px 8px}.am-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.am-form-grid-3{grid-template-columns:repeat(3,1fr)}@media(max-width:580px){.am-form-grid,.am-form-grid-3{grid-template-columns:1fr}}.am-field{display:flex;flex-direction:column;gap:5px}.am-field-span2{grid-column:span 2}.am-field-span3{grid-column:span 3}.am-label{font-size:11.5px;font-weight:600;color:var(--am-text-2)}.am-required{color:var(--am-red)}.am-input{width:100%;padding:8px 11px;border-radius:9px;border:1.5px solid var(--am-border);background:var(--am-surface2);color:var(--am-text-1);font-size:13.5px;outline:none;transition:border-color .18s,box-shadow .18s;box-sizing:border-box}.am-input:focus{border-color:var(--am-indigo);box-shadow:0 0 0 3px #6366f11a;background:var(--am-surface)}.am-input::placeholder{color:var(--am-text-4)}.am-input:disabled{opacity:.55;cursor:not-allowed}.am-textarea{resize:vertical;min-height:72px}.am-input-prefix-wrap{position:relative;display:flex;align-items:center}.am-input-prefix{position:absolute;left:11px;font-size:14px;font-weight:700;color:var(--am-text-3);pointer-events:none}.am-input-prefixed{padding-left:24px!important}.am-form-msg{padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500}.am-form-msg-ok{background:#10b9811a;color:#059669}.am-form-msg-err{background:#ef44441a;color:#dc2626}.am-form-summary{margin-top:16px;border-radius:12px;border:1.5px solid rgba(99,102,241,.2);background:#6366f10a;padding:14px 16px}.am-form-summary-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--am-indigo);margin-bottom:12px}.am-form-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.am-summary-item{display:flex;flex-direction:column;gap:2px;padding:7px 9px;border-radius:8px;background:var(--am-surface2);border:1px solid var(--am-border2)}.am-summary-key{font-size:10.5px;color:var(--am-text-3)}.am-summary-val{font-size:13px;color:var(--am-text-1);font-weight:600}.sidebar-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:12px;flex-shrink:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-icon svg{width:100%;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 0 0 transparent)}.sidebar-link:hover .sidebar-icon svg{transform:scale(1.15);filter:drop-shadow(0 0 8px currentColor)}.sidebar-link.active .sidebar-icon svg{transform:scale(1.1);filter:drop-shadow(0 0 6px currentColor)}@keyframes pulse-glow{0%,to{opacity:1;filter:drop-shadow(0 0 4px currentColor)}50%{opacity:.6;filter:drop-shadow(0 0 12px currentColor)}}.sidebar-icon.pulse svg{animation:pulse-glow 2s ease-in-out infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar-icon.rotate svg{animation:rotate 2s linear infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}60%{transform:translateY(-2px)}}.sidebar-icon.bounce svg{animation:bounce 2s ease-in-out infinite}.sidebar-link:hover .sidebar-icon{color:var(--primary-500)}.sidebar-link.active .sidebar-icon{color:var(--primary-600)}.sidebar-section-title .sidebar-icon{width:18px;height:18px;margin-right:10px}@media(max-width:768px){.sidebar-icon{width:18px;height:18px;margin-right:10px}}.sidebar-link[href*=pings] .sidebar-icon svg .ping-radar-line{transform-origin:12px 12px;animation:ping-radar-scan 3s linear infinite}@keyframes ping-radar-scan{0%{transform:rotate(0);opacity:.8}50%{opacity:1}to{transform:rotate(360deg);opacity:.8}}.sidebar-link[href*=pings] .sidebar-icon svg .ping-wave-1{animation:ping-wave-pulse 2s ease-out infinite}.sidebar-link[href*=pings] .sidebar-icon svg .ping-wave-2{animation:ping-wave-pulse 2s ease-out infinite 1s}.sidebar-link[href*=pings] .sidebar-icon svg .ping-wave-3{animation:ping-wave-pulse 2s ease-out infinite .5s}.sidebar-link[href*=pings] .sidebar-icon svg .ping-wave-4{animation:ping-wave-pulse 2s ease-out infinite 1.5s}@keyframes ping-wave-pulse{0%{opacity:0;stroke-width:3}20%{opacity:.8}60%{opacity:.4;stroke-width:1.5}to{opacity:0;stroke-width:.5}}.sidebar-link[href*=pings] .sidebar-icon svg .ping-dot-1{animation:ping-dot-blink 2s ease-in-out infinite}.sidebar-link[href*=pings] .sidebar-icon svg .ping-dot-2{animation:ping-dot-blink 2s ease-in-out infinite .8s}@keyframes ping-dot-blink{0%,to{opacity:.2;r:1.5px}50%{opacity:1;r:2px}}.sidebar-link[href*=pings]:hover .sidebar-icon svg .ping-radar-line{animation-duration:1.5s;stroke-width:2}.sidebar-link[href*=pings]:hover .sidebar-icon svg path[class^=ping-wave]{animation-duration:1s}.sidebar-link[href*=pings].active .sidebar-icon svg .ping-radar-line{animation-duration:2s;opacity:1}.sidebar-link[href*=pings].active .sidebar-icon svg circle:first-child{filter:drop-shadow(0 0 6px currentColor);animation:ping-core-pulse 1.5s ease-in-out infinite}@keyframes ping-core-pulse{0%,to{r:2px;opacity:1}50%{r:2.5px;opacity:.8}}[data-theme=dark] .sidebar-link[href*=pings] .sidebar-icon svg circle:first-child{filter:drop-shadow(0 0 4px currentColor)}[data-theme=dark] .sidebar-link[href*=pings]:hover .sidebar-icon svg circle:first-child{filter:drop-shadow(0 0 10px currentColor)}.sidebar-link[href*=host-groups] .sidebar-icon svg line{animation:host-blink 2s ease-in-out infinite}@keyframes host-blink{0%,to{opacity:.5}50%{opacity:1}}.sidebar-link[href*=host-groups]:hover .sidebar-icon svg rect{stroke-width:2.5}.sidebar-link[href*=port-groups] .sidebar-icon svg line{animation:port-pulse 1.5s ease-in-out infinite}@keyframes port-pulse{0%,to{stroke-width:1.5;opacity:.6}50%{stroke-width:2;opacity:1}}.sidebar-link[href*=port-groups]:hover .sidebar-icon svg circle:first-child{fill:currentColor;opacity:.4}.sidebar-link[href*=domain-groups] .sidebar-icon svg circle{animation:domain-expand 2s ease-in-out infinite}@keyframes domain-expand{0%,to{r:attr(r)}50%{r:calc(attr(r)*1.1)}}.sidebar-link[href*=domain-groups]:hover .sidebar-icon svg line{stroke-width:2;opacity:1}.sidebar-link[href*=cert-groups] .sidebar-icon svg circle{animation:cert-glow 2s ease-in-out infinite}@keyframes cert-glow{0%,to{opacity:.6;r:.8px}50%{opacity:1;r:1.2px}}.sidebar-link[href*=cert-groups]:hover .sidebar-icon svg path{stroke-width:2}.sidebar-link[href*=probe-groups] .sidebar-icon svg .probe-scan-line{transform-origin:12px 12px;animation:probe-scan 3s linear infinite}@keyframes probe-scan{0%{transform:rotate(0);opacity:.2}50%{opacity:.6}to{transform:rotate(360deg);opacity:.2}}.sidebar-link[href*=probe-groups] .sidebar-icon svg circle:not(:first-child){animation:probe-ping 2s ease-in-out infinite}@keyframes probe-ping{0%,to{opacity:.4;r:1.5px}50%{opacity:1;r:2px}}.sidebar-link[href*=proxy-groups] .sidebar-icon svg rect{animation:proxy-flow 2s ease-in-out infinite}.sidebar-link[href*=proxy-groups] .sidebar-icon svg rect:nth-child(2){animation-delay:.3s}.sidebar-link[href*=proxy-groups] .sidebar-icon svg rect:nth-child(3){animation-delay:.6s}@keyframes proxy-flow{0%,to{opacity:.7;stroke-width:2}50%{opacity:1;stroke-width:2.5}}.sidebar-link[href*=proxy-groups]:hover .sidebar-icon svg circle{animation:proxy-dot-pulse .8s ease-in-out infinite}@keyframes proxy-dot-pulse{0%,to{opacity:.6;r:1px}50%{opacity:1;r:1.5px}}.sidebar-link[href*=vendor-groups] .sidebar-icon svg line{animation:vendor-light 2s ease-in-out infinite}.sidebar-link[href*=vendor-groups] .sidebar-icon svg line:nth-child(4){animation-delay:.3s}.sidebar-link[href*=vendor-groups] .sidebar-icon svg line:nth-child(5){animation-delay:.6s}@keyframes vendor-light{0%,to{opacity:.5;stroke-width:1.5}50%{opacity:1;stroke-width:2}}.sidebar-link[href*=vendor-groups]:hover .sidebar-icon svg circle:last-child{animation:vendor-beacon 1s ease-in-out infinite}@keyframes vendor-beacon{0%,to{opacity:1;r:1.5px}50%{opacity:.3;r:3px}}.sidebar-link[href*=alert] .sidebar-icon svg{transform-origin:50% 0%}.sidebar-link[href*=alert]:hover .sidebar-icon svg{animation:ring .5s ease-in-out}@keyframes ring{0%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(-10deg)}20%,40%,60%,80%{transform:rotate(10deg)}}.sidebar-link[href*=domain] .sidebar-icon svg path:last-child{transform-origin:center;transition:transform 1s ease-in-out}.sidebar-link[href*=domain]:hover .sidebar-icon svg path:last-child{transform:rotateY(180deg)}.sidebar-link[href*=cert] .sidebar-icon svg circle{transition:all .3s ease}.sidebar-link[href*=cert]:hover .sidebar-icon svg circle{fill:currentColor;opacity:.2}.sidebar-link[href*=assets] .sidebar-icon svg{transform-style:preserve-3d}.sidebar-link[href*=assets]:hover .sidebar-icon svg{transform:rotateY(15deg) rotateX(10deg)}.sidebar-link[href*=add] .sidebar-icon svg line{transition:all .3s ease}.sidebar-link[href*=add]:hover .sidebar-icon svg line{stroke-width:3;opacity:.8}[data-theme=dark] .sidebar-icon svg{filter:drop-shadow(0 0 2px rgba(255,255,255,.1))}[data-theme=dark] .sidebar-link:hover .sidebar-icon svg{filter:drop-shadow(0 0 10px currentColor)}[data-theme=dark] .sidebar-link.active .sidebar-icon svg{filter:drop-shadow(0 0 8px currentColor)}.sidebar-icon,.sidebar-icon svg{will-change:transform,filter;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}:root{--ms-bg: #f0f4f8;--ms-surface: #ffffff;--ms-surface2: #f8fafc;--ms-surface3: #f1f5f9;--ms-border: rgba(148,163,184,.2);--ms-border2: rgba(148,163,184,.12);--ms-text-1: #0f172a;--ms-text-2: #475569;--ms-text-3: #94a3b8;--ms-text-4: #cbd5e1;--ms-indigo: #6366f1;--ms-emerald: #10b981;--ms-amber: #f59e0b;--ms-blue: #0ea5e9;--ms-violet: #8b5cf6;--ms-red: #ef4444;--ms-shadow-sm: 0 1px 3px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);--ms-shadow-md: 0 4px 16px rgba(15,23,42,.08), 0 2px 6px rgba(15,23,42,.04);--ms-shadow-lg: 0 12px 40px rgba(15,23,42,.12), 0 4px 12px rgba(15,23,42,.06);--ms-radius: 16px;--ms-radius-sm: 10px}body[data-theme=dark]{--ms-bg: #070d1a;--ms-surface: #0f172a;--ms-surface2: #1e293b;--ms-surface3: #162032;--ms-border: rgba(148,163,184,.1);--ms-border2: rgba(148,163,184,.07);--ms-text-1: #f1f5f9;--ms-text-2: #94a3b8;--ms-text-3: #475569;--ms-text-4: #334155;--ms-shadow-sm: 0 1px 3px rgba(0,0,0,.3);--ms-shadow-md: 0 4px 16px rgba(0,0,0,.4);--ms-shadow-lg: 0 12px 40px rgba(0,0,0,.55)}.ms-page{display:flex;height:100vh;background:var(--ms-bg);overflow:hidden}.ms-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;margin-left:256px}.ms-scroll{flex:1;overflow-y:auto;padding:14px 12px 24px}.ms-inner{width:100%}.ms-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap;background:var(--ms-surface);border-radius:var(--ms-radius);border:1px solid var(--ms-border);box-shadow:var(--ms-shadow-sm);padding:10px 16px}.ms-header-left{display:flex;align-items:center;gap:12px}.ms-header-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #6366f159;flex-shrink:0}.ms-header-eyebrow{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ms-indigo);margin-bottom:2px}.ms-header-eyebrow-dot{width:5px;height:5px;border-radius:50%;background:var(--ms-indigo);box-shadow:0 0 0 3px #6366f133;animation:ms-dot-pulse 2.4s ease-in-out infinite}@keyframes ms-dot-pulse{0%,to{box-shadow:0 0 0 3px #6366f133}50%{box-shadow:0 0 0 5px #6366f112}}@keyframes ms-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ms-header-title{font-size:16px;font-weight:800;color:var(--ms-text-1);margin:0;letter-spacing:-.02em;line-height:1.2}.ms-header-subtitle{font-size:12px;color:var(--ms-text-3);margin:0;line-height:1.3}.ms-header-subtitle strong{color:var(--ms-text-2);font-weight:600}.ms-header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.ms-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 15px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;border:1.5px solid transparent;white-space:nowrap}.ms-btn-ghost{background:var(--ms-surface);border-color:var(--ms-border);color:var(--ms-text-2);box-shadow:var(--ms-shadow-sm)}.ms-btn-ghost:hover{border-color:var(--ms-indigo);color:var(--ms-indigo)}.ms-btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 2px 12px #6366f159}.ms-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #6366f17a}.ms-btn-primary:active{transform:translateY(0)}.ms-btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.ms-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}@media(max-width:900px){.ms-kpi-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.ms-kpi-row{grid-template-columns:1fr}}.ms-kpi{background:var(--ms-surface);border-radius:var(--ms-radius);border:1px solid var(--ms-border);box-shadow:var(--ms-shadow-sm);overflow:hidden;transition:box-shadow .2s,transform .2s;position:relative}.ms-kpi:hover{box-shadow:var(--ms-shadow-md);transform:translateY(-2px)}.ms-kpi-wave{position:absolute;bottom:0;left:0;right:0;height:50px;width:100%}.ms-kpi-indigo .ms-kpi-wave{color:var(--ms-indigo)}.ms-kpi-emerald .ms-kpi-wave{color:var(--ms-emerald)}.ms-kpi-amber .ms-kpi-wave{color:var(--ms-amber)}.ms-kpi-blue .ms-kpi-wave{color:var(--ms-blue)}.ms-kpi-inner{display:flex;align-items:center;gap:12px;padding:14px 16px 18px;position:relative;z-index:1}.ms-kpi-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ms-kpi-indigo .ms-kpi-icon{background:#6366f11f;color:var(--ms-indigo)}.ms-kpi-emerald .ms-kpi-icon{background:#10b9811f;color:var(--ms-emerald)}.ms-kpi-amber .ms-kpi-icon{background:#f59e0b1f;color:var(--ms-amber)}.ms-kpi-blue .ms-kpi-icon{background:#0ea5e91f;color:var(--ms-blue)}.ms-kpi-label{font-size:10px;color:var(--ms-text-3);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.ms-kpi-value{font-size:22px;font-weight:800;color:var(--ms-text-1);line-height:1.1;letter-spacing:-.02em}.ms-kpi-sub{font-size:11px;color:var(--ms-text-3);margin-top:2px}.ms-kpi-indigo{border-left:3px solid var(--ms-indigo)}.ms-kpi-emerald{border-left:3px solid var(--ms-emerald)}.ms-kpi-amber{border-left:3px solid var(--ms-amber)}.ms-kpi-blue{border-left:3px solid var(--ms-blue)}.ms-tabs{display:flex;gap:3px;background:var(--ms-surface);border:1px solid var(--ms-border);border-radius:11px;padding:3px;margin-bottom:10px;box-shadow:var(--ms-shadow-sm);flex-wrap:wrap}.ms-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 15px;border-radius:9px;font-size:13px;font-weight:500;color:var(--ms-text-2);background:transparent;border:none;cursor:pointer;transition:all .18s;white-space:nowrap}.ms-tab:hover{color:var(--ms-text-1);background:var(--ms-surface2)}.ms-tab.active{background:linear-gradient(135deg,#6366f11f,#6366f10f);color:var(--ms-indigo);font-weight:700;box-shadow:0 1px 4px #6366f126}.ms-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}.ms-toolbar-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1}.ms-toolbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.ms-search-wrap{position:relative;display:flex;align-items:center;min-width:220px;max-width:300px;flex:1}.ms-search-icon{position:absolute;left:11px;color:var(--ms-text-3);display:flex;align-items:center}.ms-search{width:100%;padding:8px 12px 8px 34px;border-radius:9px;border:1.5px solid var(--ms-border);background:var(--ms-surface);color:var(--ms-text-1);font-size:13px;outline:none;transition:border-color .18s,box-shadow .18s}.ms-search:focus{border-color:var(--ms-indigo);box-shadow:0 0 0 3px #6366f11a}.ms-search::placeholder{color:var(--ms-text-3)}.ms-filter-tabs{display:flex;gap:4px;flex-wrap:wrap}.ms-filter-tab{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:8px;font-size:12px;font-weight:500;border:1.5px solid var(--ms-border);background:var(--ms-surface);color:var(--ms-text-2);cursor:pointer;transition:all .15s}.ms-filter-tab:hover{border-color:var(--ms-indigo);color:var(--ms-indigo)}.ms-filter-tab.active{background:var(--ms-indigo);border-color:var(--ms-indigo);color:#fff;box-shadow:0 2px 8px #6366f14d}.ms-filter-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.ms-filter-cnt{font-size:10px;padding:1px 5px;border-radius:8px;background:#ffffff40}.ms-filter-tab:not(.active) .ms-filter-cnt{background:var(--ms-surface2);color:var(--ms-text-3)}.ms-divider{width:1px;height:22px;background:var(--ms-border);flex-shrink:0}.ms-view-toggle{display:flex;border:1.5px solid var(--ms-border);border-radius:9px;overflow:hidden;background:var(--ms-surface)}.ms-view-btn{padding:6px 10px;border:none;cursor:pointer;background:transparent;color:var(--ms-text-3);display:flex;align-items:center;justify-content:center;transition:all .15s}.ms-view-btn:hover{color:var(--ms-text-1);background:var(--ms-surface2)}.ms-view-btn.active{background:var(--ms-indigo);color:#fff}.ms-view-btn+.ms-view-btn{border-left:1.5px solid var(--ms-border)}.ms-count-hint{font-size:12px;color:var(--ms-text-3);white-space:nowrap}.ms-table-card{background:var(--ms-surface);border-radius:var(--ms-radius);border:1px solid var(--ms-border);box-shadow:var(--ms-shadow-sm);overflow:hidden;margin-bottom:16px}.ms-table-head{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--ms-border)}.ms-table-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--ms-text-1)}.ms-table-badge{font-size:11.5px;font-weight:600;color:var(--ms-text-3);background:var(--ms-surface2);padding:3px 10px;border-radius:20px;border:1px solid var(--ms-border)}.ms-table-wrap{overflow-x:auto}.ms-table{width:100%;border-collapse:collapse;font-size:13px}.ms-table th{background:var(--ms-surface2);color:var(--ms-text-3);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:10px 14px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--ms-border)}.ms-table td{padding:10px 14px;border-bottom:1px solid var(--ms-border2);color:var(--ms-text-1);vertical-align:middle}.ms-table tr:last-child td{border-bottom:none}.ms-table tbody tr{transition:background .12s}.ms-table tbody tr:hover td{background:#6366f108}.ms-tbl-footer{display:flex;align-items:center;justify-content:flex-end;padding:10px 18px;border-top:1px solid var(--ms-border)}.ms-tbl-count{font-size:12px;color:var(--ms-text-3)}.ms-tbl-name-cell{display:flex;align-items:center;gap:8px}.ms-tbl-bar{width:3px;height:22px;border-radius:2px;flex-shrink:0}.ms-tbl-name{font-size:13px;font-weight:600;color:var(--ms-text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ms-tbl-sub{font-size:11px;color:var(--ms-text-3);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ms-td-muted{color:var(--ms-text-3);font-size:12px}.ms-td-text{color:var(--ms-text-2);font-size:12.5px}.ms-num-badge{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:20px;padding:0 6px;border-radius:6px;background:#0ea5e91a;color:var(--ms-blue);font-size:12px;font-weight:700}.ms-mod-tag{display:inline-block;padding:2px 7px;border-radius:5px;font-size:10.5px;font-weight:700;border:1px solid transparent;white-space:nowrap}.ms-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:700;border:1px solid transparent;cursor:pointer;transition:all .15s}.ms-badge-active{background:#10b9811a;color:#059669;border-color:#10b98140}.ms-badge-active:hover{background:#10b9812e}.ms-badge-inactive{background:#64748b1a;color:#64748b;border-color:#64748b33}.ms-badge-inactive:hover{background:#64748b29}.ms-act-edit,.ms-act-del{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:7px;font-size:11.5px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.ms-act-edit{background:transparent;border:1.5px solid var(--ms-border);color:var(--ms-text-2)}.ms-act-edit:hover{border-color:var(--ms-indigo);color:var(--ms-indigo);background:#6366f10d}.ms-act-del{background:transparent;border:1.5px solid rgba(244,63,94,.25);color:#f43f5e}.ms-act-del:hover{background:#f43f5e14;border-color:#f43f5e73}.ms-scope-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}.ms-scope-card{background:var(--ms-surface);border-radius:var(--ms-radius);border:1px solid var(--ms-border);box-shadow:var(--ms-shadow-sm);overflow:hidden;display:flex;transition:box-shadow .2s,transform .2s}.ms-scope-card:hover{box-shadow:var(--ms-shadow-md);transform:translateY(-2px)}.ms-scope-color-bar{width:4px;flex-shrink:0}.ms-scope-main{flex:1;padding:14px;min-width:0;display:flex;flex-direction:column;gap:10px}.ms-scope-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.ms-scope-name{font-size:13.5px;font-weight:700;color:var(--ms-text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ms-scope-desc{font-size:11.5px;color:var(--ms-text-3);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ms-scope-tags{display:flex;flex-wrap:wrap;gap:4px}.ms-scope-foot{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid var(--ms-border2)}.ms-scope-meta{display:flex;align-items:center;gap:5px}.ms-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:60px 0;color:var(--ms-text-3);font-size:14px}.ms-empty-icon{width:60px;height:60px;border-radius:16px;background:var(--ms-surface2);border:1px solid var(--ms-border);display:flex;align-items:center;justify-content:center}.ms-empty-title{font-size:15px;font-weight:600;color:var(--ms-text-2);margin-bottom:4px}.ms-empty-sub{font-size:13px;color:var(--ms-text-3);text-align:center}.ms-skel{background:linear-gradient(90deg,var(--ms-border) 25%,rgba(148,163,184,.07) 50%,var(--ms-border) 75%);background-size:200% 100%;animation:ms-shimmer 1.5s infinite;border-radius:6px}@keyframes ms-shimmer{to{background-position:-200% 0}}.ms-loading{display:flex;align-items:center;justify-content:center;height:180px;color:var(--ms-text-3);font-size:13px;gap:8px}.ms-dist-card{background:var(--ms-surface);border-radius:var(--ms-radius);border:1px solid var(--ms-border);box-shadow:var(--ms-shadow-sm);padding:16px 18px;margin-bottom:20px}.ms-dist-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ms-text-1);margin-bottom:14px}.ms-dist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:700px){.ms-dist-grid{grid-template-columns:repeat(2,1fr)}}.ms-dist-item{display:flex;flex-direction:column;gap:5px}.ms-dist-row{display:flex;align-items:center;gap:6px}.ms-dist-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.ms-dist-label{font-size:12px;font-weight:600;color:var(--ms-text-2);flex:1}.ms-dist-val{font-size:12px;font-weight:700;color:var(--ms-text-1)}.ms-dist-track{height:4px;border-radius:2px;background:var(--ms-surface3);overflow:hidden}.ms-dist-fill{height:100%;border-radius:2px;transition:width .5s ease}.ms-overlay{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000}.ms-modal{width:560px;background:var(--ms-surface);border-radius:18px;overflow:hidden;box-shadow:0 32px 80px #00000080}.ms-modal-head{padding:18px 22px;background:linear-gradient(135deg,#6366f11a,#8b5cf60d);border-bottom:1px solid var(--ms-border);display:flex;align-items:center;gap:12px}.ms-modal-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #6366f166;flex-shrink:0}.ms-modal-title{font-size:15px;font-weight:700;color:var(--ms-text-1)}.ms-modal-sub{font-size:11.5px;color:var(--ms-text-3);margin-top:2px}.ms-modal-close{margin-left:auto;background:transparent;border:none;cursor:pointer;color:var(--ms-text-3);padding:4px;border-radius:7px;transition:all .15s;display:flex;align-items:center}.ms-modal-close:hover{background:var(--ms-surface2);color:var(--ms-text-1)}.ms-modal-body{padding:22px}.ms-modal-foot{display:flex;gap:10px;justify-content:flex-end;padding:14px 22px;border-top:1px solid var(--ms-border)}.ms-form-row{display:flex;gap:14px;margin-bottom:16px}.ms-field{display:flex;flex-direction:column;flex:1}.ms-label{font-size:12px;font-weight:600;color:var(--ms-text-2);margin-bottom:6px}.ms-required{color:#f43f5e}.ms-input{padding:9px 12px;border-radius:9px;font-size:13px;background:var(--ms-surface2);border:1.5px solid var(--ms-border);color:var(--ms-text-1);outline:none;transition:border-color .18s,box-shadow .18s;font-family:inherit}.ms-input:focus{border-color:var(--ms-indigo);box-shadow:0 0 0 3px #6366f11a}.ms-input::placeholder{color:var(--ms-text-3)}.ms-textarea{resize:none}.ms-status-toggle{display:flex;gap:6px;height:38px}.ms-status-btn{flex:1;border-radius:9px;cursor:pointer;font-weight:700;font-size:12.5px;transition:all .15s}.ms-mod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ms-mod-btn{padding:10px 12px;border-radius:9px;cursor:pointer;text-align:left;display:flex;align-items:center;gap:8px;transition:all .15s}.ms-mod-btn-icon{width:28px;height:28px;border-radius:7px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.ms-mod-btn-check{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ms-confirm-modal{width:380px;background:var(--ms-surface);border-radius:16px;padding:24px 26px;box-shadow:0 32px 80px #00000080}.ms-confirm-icon{width:42px;height:42px;border-radius:11px;background:#f43f5e1a;border:1px solid rgba(244,63,94,.22);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ms-confirm-warn{font-size:13px;color:var(--ms-text-2);line-height:1.7;padding:10px 14px;background:#f43f5e0d;border-radius:9px;border:1px solid rgba(244,63,94,.14);margin:14px 0 22px}:root{--tc-bg: #f0f4f8;--tc-surface: #ffffff;--tc-surface2: #f8fafc;--tc-surface3: #f1f5f9;--tc-border: rgba(148,163,184,.2);--tc-border2: rgba(148,163,184,.12);--tc-text-1: #0f172a;--tc-text-2: #475569;--tc-text-3: #94a3b8;--tc-amber: #f59e0b;--tc-orange: #f97316;--tc-red: #f43f5e;--tc-green: #10b981;--tc-blue: #0ea5e9;--tc-indigo: #6366f1;--tc-shadow-sm: 0 1px 3px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);--tc-shadow-md: 0 4px 16px rgba(15,23,42,.08), 0 2px 6px rgba(15,23,42,.04);--tc-shadow-lg: 0 12px 40px rgba(15,23,42,.12), 0 4px 12px rgba(15,23,42,.06);--tc-radius: 14px;--tc-radius-sm: 9px}body[data-theme=dark]{--tc-bg: #070d1a;--tc-surface: #0f172a;--tc-surface2: #1e293b;--tc-surface3: #162032;--tc-border: rgba(148,163,184,.1);--tc-border2: rgba(148,163,184,.07);--tc-text-1: #f1f5f9;--tc-text-2: #94a3b8;--tc-text-3: #475569;--tc-shadow-sm: 0 1px 3px rgba(0,0,0,.3);--tc-shadow-md: 0 4px 16px rgba(0,0,0,.4);--tc-shadow-lg: 0 12px 40px rgba(0,0,0,.55)}.tc-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px;flex-wrap:wrap}.tc-eyebrow{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--tc-amber);margin-bottom:5px}.tc-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--tc-amber);box-shadow:0 0 0 3px #f59e0b33;animation:tc-dot-pulse 2.4s ease-in-out infinite}@keyframes tc-dot-pulse{0%,to{box-shadow:0 0 0 3px #f59e0b33}50%{box-shadow:0 0 0 6px #f59e0b0f}}@keyframes tc-fadein{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tc-title{font-size:24px;font-weight:800;color:var(--tc-text-1);margin:0 0 4px;letter-spacing:-.025em}.tc-subtitle{font-size:13px;color:var(--tc-text-2);margin:0;display:flex;align-items:center;gap:10px}.tc-subtitle strong{color:var(--tc-text-1);font-weight:700}.tc-header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0;padding-top:4px}.tc-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 15px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;border:1.5px solid transparent;white-space:nowrap}.tc-btn-ghost{background:var(--tc-surface);border-color:var(--tc-border);color:var(--tc-text-2);box-shadow:var(--tc-shadow-sm)}.tc-btn-ghost:hover{border-color:var(--tc-amber);color:var(--tc-amber)}.tc-btn-primary{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;box-shadow:0 2px 12px #f59e0b61}.tc-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #f59e0b80}.tc-btn-danger{background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;box-shadow:0 2px 10px #f43f5e59}.tc-btn-danger:hover{transform:translateY(-1px)}.tc-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.tc-kpi{position:relative;overflow:hidden;border-radius:var(--tc-radius-sm);padding:14px 16px;background:var(--tc-surface);border:1px solid var(--tc-border);box-shadow:var(--tc-shadow-sm);transition:box-shadow .2s,transform .2s;cursor:default}.tc-kpi:hover{box-shadow:var(--tc-shadow-md);transform:translateY(-2px)}.tc-kpi-wave{position:absolute;bottom:0;left:0;right:0;height:50%;pointer-events:none}.tc-kpi-indigo{color:#6366f1}.tc-kpi-green{color:#10b981}.tc-kpi-blue{color:#0ea5e9}.tc-kpi-red{color:#f43f5e}.tc-kpi-orange{color:#f97316}.tc-kpi-slate{color:#64748b}.tc-kpi-inner{position:relative;display:flex;align-items:center;gap:11px}.tc-kpi-icon{width:36px;height:36px;border-radius:9px;background:currentColor;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:1}.tc-kpi-icon>*{opacity:1;color:#fff}.tc-kpi-icon-wrap{width:36px;height:36px;border-radius:9px;background:rgba(currentColor,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tc-kpi-label{font-size:10px;font-weight:600;color:var(--tc-text-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px;white-space:nowrap}.tc-kpi-value{font-size:22px;font-weight:800;color:var(--tc-text-1);line-height:1;letter-spacing:-.04em;margin-bottom:3px}.tc-kpi-sub{font-size:10px;color:var(--tc-text-3);white-space:nowrap}.tc-kpi-accent-bar{position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:9px 0 0 9px;background:currentColor}.tc-chart-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:16px}.tc-chart-card{background:var(--tc-surface);border:1px solid var(--tc-border);border-radius:var(--tc-radius-sm);padding:14px 16px;box-shadow:var(--tc-shadow-sm)}.tc-chart-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--tc-text-2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.tc-stack-bar{display:flex;height:8px;border-radius:6px;overflow:hidden;gap:1px;margin-bottom:10px;background:var(--tc-surface3)}.tc-stack-seg{flex-shrink:0;transition:flex .5s ease;min-width:4px}.tc-level-legend{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.tc-legend-item{display:flex;align-items:center;gap:6px}.tc-legend-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.tc-legend-name{font-size:11px;color:var(--tc-text-2);flex:1}.tc-legend-val{font-size:12px;font-weight:700}.tc-mod-row{margin-bottom:8px}.tc-mod-row:last-child{margin-bottom:0}.tc-mod-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;gap:8px}.tc-mod-name{font-size:11px;color:var(--tc-text-2);font-weight:500}.tc-mod-count{font-size:11px;color:var(--tc-text-3);font-weight:600}.tc-mod-bar-track{height:5px;border-radius:3px;background:var(--tc-surface3);overflow:hidden}.tc-mod-bar-fill{height:100%;border-radius:3px;transition:width .5s ease}.tc-activity-list{display:flex;flex-direction:column;gap:8px}.tc-activity-item{display:flex;align-items:center;gap:8px}.tc-activity-name{font-size:11px;color:var(--tc-text-2);width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.tc-activity-bar-track{flex:1;height:6px;border-radius:4px;background:var(--tc-surface3);overflow:hidden}.tc-activity-bar-fill{height:100%;border-radius:4px;transition:width .5s ease}.tc-activity-cnt{font-size:11px;font-weight:700;width:24px;text-align:right;flex-shrink:0}.tc-toolbar{background:var(--tc-surface);border:1px solid var(--tc-border);border-radius:var(--tc-radius-sm);padding:10px 14px;margin-bottom:12px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--tc-shadow-sm)}.tc-toolbar-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tc-divider-v{width:1px;height:18px;background:var(--tc-border);flex-shrink:0}.tc-divider-h{height:1px;background:var(--tc-border)}.tc-search-wrap{display:flex;align-items:center;gap:7px;padding:6px 11px;background:var(--tc-surface2);border:1px solid var(--tc-border);border-radius:8px;min-width:200px}.tc-search-icon{color:var(--tc-text-3);flex-shrink:0}.tc-search{border:none;outline:none;background:transparent;font-size:12.5px;color:var(--tc-text-1);width:150px}.tc-search::placeholder{color:var(--tc-text-3)}.tc-filter-btn{padding:5px 12px;border-radius:7px;font-size:11.5px;font-weight:600;cursor:pointer;border:1px solid var(--tc-border);background:transparent;color:var(--tc-text-2);transition:all .15s;white-space:nowrap}.tc-filter-btn:hover{border-color:var(--tc-amber);color:var(--tc-amber)}.tc-filter-btn.active-indigo{border-color:#6366f1;background:#6366f11a;color:#6366f1}.tc-filter-section-label{font-size:10px;font-weight:700;color:var(--tc-text-3);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;flex-shrink:0}.tc-table-card{background:var(--tc-surface);border:1px solid var(--tc-border);border-radius:var(--tc-radius);overflow:hidden;box-shadow:var(--tc-shadow-sm)}.tc-table-head{display:flex;align-items:center;padding:13px 18px;border-bottom:1px solid var(--tc-border);gap:10px;background:var(--tc-surface2)}.tc-table-title{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--tc-text-2);text-transform:uppercase;letter-spacing:.05em}.tc-table-badge{font-size:10.5px;font-weight:700;padding:2px 9px;border-radius:20px;background:#6366f11a;color:#6366f1;border:1px solid rgba(99,102,241,.2)}.tc-table-wrap{overflow-x:auto}.tc-table{width:100%;border-collapse:collapse;font-size:12.5px}.tc-table thead tr{background:var(--tc-surface2)}.tc-table th{padding:10px 14px;text-align:left;font-size:10.5px;font-weight:700;color:var(--tc-text-3);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--tc-border);white-space:nowrap;position:sticky;top:0;background:var(--tc-surface2);z-index:2}.tc-table th.center{text-align:center}.tc-table td{padding:10px 14px;border-bottom:1px solid var(--tc-border2);vertical-align:middle}.tc-table tbody tr{transition:background .12s}.tc-table tbody tr:hover{background:#f59e0b0a}.tc-table tbody tr:last-child td{border-bottom:none}.tc-tbl-name-cell{display:flex;align-items:center;gap:8px}.tc-tbl-level-bar{width:3px;height:30px;border-radius:2px;flex-shrink:0}.tc-tbl-name{font-size:12.5px;font-weight:600;color:var(--tc-text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.tc-tbl-desc{font-size:10px;color:var(--tc-text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.tc-tbl-muted{font-size:11px;color:var(--tc-text-3)}.tc-tbl-mono{font-family:SF Mono,Fira Code,monospace;font-size:11px;padding:3px 8px;border-radius:6px;background:#f59e0b12;border:1px solid rgba(245,158,11,.2);white-space:nowrap}.tc-tbl-mono .op{color:#f59e0b;font-weight:800}.tc-tbl-mono .val{color:#f97316;font-weight:800}.tc-tbl-mono .field{color:var(--tc-text-2)}.tc-tbl-num{font-size:14px;font-weight:800}.tc-tbl-num.hot{color:#f97316}.tc-tbl-num.zero{color:var(--tc-text-3)}.tc-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:20px;font-size:10.5px;font-weight:700;white-space:nowrap;border:1px solid transparent}.tc-badge-active{background:#10b9811a;color:#10b981;border-color:#10b98140}.tc-badge-inactive{background:#64748b14;color:#64748b;border-color:#64748b33}.tc-badge-critical{background:#f43f5e1a;color:#f43f5e;border-color:#f43f5e40}.tc-badge-high{background:#f973161a;color:#f97316;border-color:#f9731640}.tc-badge-medium{background:#f59e0b1a;color:#f59e0b;border-color:#f59e0b40}.tc-badge-low{background:#10b9811a;color:#10b981;border-color:#10b98140}.tc-act-btn{padding:4px 11px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;border:1px solid var(--tc-border);background:transparent;color:var(--tc-text-2)}.tc-act-btn:hover{border-color:var(--tc-amber);color:var(--tc-amber)}.tc-act-btn.del{border-color:#f43f5e4d;color:#f43f5e}.tc-act-btn.del:hover{background:#f43f5e14}.tc-act-toggle{padding:3px 10px;border-radius:20px;font-size:10.5px;font-weight:700;cursor:pointer;border:1px solid;background:transparent;transition:all .15s}.tc-tbl-footer{padding:10px 18px;border-top:1px solid var(--tc-border2);display:flex;align-items:center;justify-content:space-between;background:var(--tc-surface2)}.tc-tbl-count{font-size:11.5px;color:var(--tc-text-3)}.tc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:14px;color:var(--tc-text-3)}.tc-empty-icon{width:64px;height:64px;border-radius:16px;background:var(--tc-surface3);border:1px solid var(--tc-border);display:flex;align-items:center;justify-content:center;opacity:.6}.tc-empty-title{font-size:14px;font-weight:600;color:var(--tc-text-2)}.tc-empty-sub{font-size:12px;color:var(--tc-text-3)}.tc-overlay{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000}.tc-modal{width:620px;max-width:96vw;background:var(--tc-surface);border-radius:18px;overflow:hidden;box-shadow:var(--tc-shadow-lg);border:1px solid var(--tc-border)}.tc-modal-head{display:flex;align-items:center;gap:14px;padding:20px 24px;background:linear-gradient(135deg,#f59e0b1f,#f973160f);border-bottom:1px solid var(--tc-border)}.tc-modal-head-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.tc-modal-icon-wrap{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,#f59e0b,#f97316);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #f59e0b73;flex-shrink:0;color:#fff}.tc-modal-title{font-size:16px;font-weight:800;color:var(--tc-text-1)}.tc-modal-sub{font-size:11.5px;color:var(--tc-text-3);margin-top:2px}.tc-modal-close{width:30px;height:30px;border-radius:8px;background:transparent;border:1px solid var(--tc-border);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--tc-text-3);flex-shrink:0;transition:all .15s}.tc-modal-close:hover{background:#f43f5e1a;border-color:#f43f5e4d;color:#f43f5e}.tc-steps{display:flex;background:var(--tc-surface2);border-bottom:1px solid var(--tc-border)}.tc-step{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 0;cursor:pointer;border:none;background:transparent;font-size:12.5px;font-weight:600;color:var(--tc-text-3);border-bottom:2px solid transparent;transition:all .15s}.tc-step.active{color:var(--tc-amber);border-bottom-color:var(--tc-amber)}.tc-step.done{color:var(--tc-green)}.tc-step-num{width:20px;height:20px;border-radius:50%;background:var(--tc-border);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:var(--tc-text-3);transition:all .15s}.tc-step.active .tc-step-num{background:var(--tc-amber);color:#fff}.tc-step.done .tc-step-num{background:var(--tc-green);color:#fff}.tc-modal-body{padding:20px 24px;max-height:55vh;overflow-y:auto}.tc-modal-body::-webkit-scrollbar{width:5px}.tc-modal-body::-webkit-scrollbar-thumb{background:var(--tc-border);border-radius:3px}.tc-modal-foot{padding:14px 24px;border-top:1px solid var(--tc-border);display:flex;justify-content:space-between;align-items:center;background:var(--tc-surface2)}.tc-modal-foot-right{display:flex;gap:8px}.tc-field{margin-bottom:14px}.tc-field:last-child{margin-bottom:0}.tc-label{display:block;font-size:12px;font-weight:700;color:var(--tc-text-2);margin-bottom:6px}.tc-required{color:#f43f5e}.tc-input{width:100%;padding:9px 12px;border-radius:9px;font-size:13px;background:var(--tc-surface2);border:1px solid var(--tc-border);color:var(--tc-text-1);outline:none;box-sizing:border-box;transition:border-color .15s;font-family:inherit}.tc-input:focus{border-color:var(--tc-amber);box-shadow:0 0 0 3px #f59e0b1a}.tc-input select,select.tc-input{cursor:pointer}.tc-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tc-module-btn{padding:10px 12px;border-radius:10px;cursor:pointer;border:1px solid var(--tc-border);background:transparent;display:flex;align-items:center;gap:8px;transition:all .15s;text-align:left}.tc-module-btn:hover{border-color:var(--tc-amber)}.tc-module-btn.selected{border-width:1.5px;box-shadow:0 0 0 3px rgba(currentColor,.1)}.tc-module-icon{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tc-module-label{font-size:12px;font-weight:600;flex:1}.tc-metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.tc-metric-btn{padding:9px 12px;border-radius:8px;cursor:pointer;border:1px solid var(--tc-border);background:transparent;display:flex;align-items:center;justify-content:space-between;transition:all .15s}.tc-metric-btn.selected{border-width:1.5px}.tc-metric-name{font-size:12px;font-weight:600}.tc-metric-unit{font-size:10.5px;color:var(--tc-text-3)}.tc-level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tc-level-btn{padding:12px 8px;border-radius:9px;cursor:pointer;border:1px solid var(--tc-border);background:transparent;display:flex;flex-direction:column;align-items:center;gap:6px;transition:all .15s}.tc-level-dot{width:12px;height:12px;border-radius:50%;transition:box-shadow .15s}.tc-level-label{font-size:12px;font-weight:700}.tc-expr-preview{margin-top:10px;padding:10px 14px;border-radius:8px;background:#f59e0b12;border:1px solid rgba(245,158,11,.22);font-size:12.5px;line-height:1.6}.tc-summary{padding:14px 16px;border-radius:10px;background:#f59e0b0d;border:1px solid rgba(245,158,11,.18)}.tc-summary-title{font-size:11px;font-weight:700;color:var(--tc-amber);margin-bottom:12px;text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:6px}.tc-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.tc-summary-item{display:flex;gap:8px;align-items:flex-start}.tc-summary-key{font-size:11px;color:var(--tc-text-3);min-width:60px;flex-shrink:0}.tc-summary-val{font-size:11.5px;color:var(--tc-text-1);font-weight:600}.tc-confirm-modal{width:400px;max-width:96vw;background:var(--tc-surface);border-radius:16px;padding:26px;box-shadow:var(--tc-shadow-lg);border:1px solid var(--tc-border)}.tc-duration-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.tc-chip{padding:5px 10px;border-radius:7px;font-size:11px;font-weight:700;cursor:pointer;border:1px solid var(--tc-border);background:transparent;color:var(--tc-text-2);transition:all .15s}.tc-chip.active{border-color:var(--tc-amber);background:#f59e0b1a;color:var(--tc-amber)}.tc-chip:hover{border-color:var(--tc-amber);color:var(--tc-amber)}.tc-kpi-wave-svg{position:absolute;bottom:0;left:0;right:0;height:45%;pointer-events:none}.tc-mod-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.tc-duration-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.tc-duration-input{width:80px;padding:8px 12px;border-radius:8px;font-size:13px;background:var(--tc-surface2);border:1px solid var(--tc-border);color:var(--tc-text-1);outline:none;box-sizing:border-box}.tc-duration-input:focus{border-color:var(--tc-amber)}.tc-duration-unit{font-size:12px;color:var(--tc-text-3)}.tc-status-btns{display:flex;gap:10px}.tc-status-opt{flex:1;padding:11px;border-radius:9px;cursor:pointer;font-weight:700;font-size:13px;border:1px solid var(--tc-border);background:transparent;color:var(--tc-text-2);text-align:center;transition:all .15s}.tc-expr-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tc-expr-field{padding:9px 12px;border-radius:8px;font-size:12px;font-weight:700;white-space:nowrap}.tc-expr-op{padding:9px 10px;border-radius:8px;font-size:14px;font-weight:800;background:var(--tc-surface2);border:1px solid var(--tc-border);color:var(--tc-text-1);outline:none;cursor:pointer;min-width:68px}.tc-expr-val{flex:1;min-width:100px;padding:9px 12px;border-radius:8px;font-size:13px;background:var(--tc-surface2);border:1px solid var(--tc-border);color:var(--tc-text-1);outline:none}.tc-expr-val:focus{border-color:var(--tc-amber)}.tc-expr-unit{padding:9px 12px;border-radius:8px;background:var(--tc-surface2);border:1px solid var(--tc-border);font-size:12px;color:var(--tc-text-3);white-space:nowrap}@media(max-width:1200px){.tc-kpi-row{grid-template-columns:repeat(3,1fr)}.tc-chart-row{grid-template-columns:1fr 1fr}}@media(max-width:900px){.tc-kpi-row{grid-template-columns:repeat(2,1fr)}.tc-chart-row{grid-template-columns:1fr}.tc-module-grid{grid-template-columns:repeat(2,1fr)}}.db-content{--db-bg: #f0f9ff;--db-bg1: #f8fafc;--db-bg2: #ffffff;--db-bg3: #f1f5f9;--db-surface: #ffffff;--db-border: rgba(14, 165, 233, .2);--db-border2: rgba(148, 163, 184, .15);--db-text: #0f172a;--db-text2: #475569;--db-text3: #94a3b8;--db-accent: #0ea5e9;--db-accent2: #6366f1;--db-green: #10b981;--db-yellow: #f59e0b;--db-red: #ef4444;--db-radius: 10px;--db-radius-lg:14px;--db-shadow: 0 1px 3px rgba(15,23,42,.06), 0 4px 12px rgba(15,23,42,.04);--db-shadow-md:0 4px 16px rgba(15,23,42,.08), 0 1px 4px rgba(15,23,42,.04);--db-glass: rgba(255,255,255,.88);--db-glass-border: rgba(56,189,248,.22);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;background:linear-gradient(135deg,#f0f9ff,#fff,#f0f9ff);color:var(--db-text);width:100%!important;height:100vh!important;min-height:100vh;padding:0!important;display:flex;flex-direction:column;position:relative;overflow:hidden;box-sizing:border-box}.db-content:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--page-grid, rgba(14,165,233,.05)) 1px,transparent 1px),linear-gradient(90deg,var(--page-grid, rgba(14,165,233,.05)) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0}.db-topbar{position:relative;z-index:100;display:flex;align-items:center;padding:0 20px;height:54px;min-height:54px;flex-shrink:0;background:#ffffffeb;backdrop-filter:blur(16px);border-bottom:1px solid var(--db-border2);box-shadow:0 1px #0ea5e914;gap:0}.db-topbar-brand{display:flex;align-items:center;gap:9px;flex-shrink:0}.db-brand-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:linear-gradient(135deg,#6366f11a,#0ea5e914);border:1px solid rgba(99,102,241,.15)}.db-brand-name{font-size:14px;font-weight:700;letter-spacing:-.3px;background:linear-gradient(135deg,#0ea5e9,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.db-brand-sub{font-size:9px;color:var(--db-text3);letter-spacing:.3px}.db-topbar-nav{display:flex;align-items:center;gap:2px;flex:1;padding:0 16px}.db-nav-btn{padding:5px 14px;border-radius:7px;background:transparent;border:none;color:var(--db-text2);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;position:relative;white-space:nowrap}.db-nav-btn:hover{color:var(--db-text);background:#0ea5e912}.db-nav-btn.active{color:var(--db-accent);background:#0ea5e91a}.db-nav-btn.active:after{content:"";position:absolute;bottom:-1px;left:14px;right:14px;height:2px;background:var(--db-accent);border-radius:2px}.db-topbar-right{display:flex;align-items:center;gap:7px;margin-left:auto;flex-shrink:0}.db-topbar-divider{width:1px;height:20px;background:var(--db-border2);margin:0 2px}.db-refresh-btn,.db-theme-btn,.db-logout-btn{display:flex;align-items:center;justify-content:center;padding:5px 11px;border-radius:7px;background:transparent;border:1px solid var(--db-border2);color:var(--db-text2);font-size:12px;cursor:pointer;transition:all .15s;font-family:inherit}.db-refresh-btn:hover,.db-theme-btn:hover{border-color:var(--db-accent);color:var(--db-accent);background:#0ea5e90f}.db-logout-btn:hover{border-color:var(--db-red);color:var(--db-red);background:#ef44440d}.db-refresh-btn.spinning svg{animation:db-spin .7s linear infinite}.db-clock{text-align:right}.db-clock-time{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600;color:var(--db-text);letter-spacing:.5px;line-height:1}.db-clock-colon{opacity:.4}.db-clock-ss{font-size:10px;color:var(--db-text3)}.db-clock-date{font-size:9px;color:var(--db-text3);margin-top:1px}.db-error-bar{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:8px 20px;flex-shrink:0;background:#ef44440f;border-bottom:1px solid rgba(239,68,68,.18);color:#dc2626;font-size:12px}.db-error-bar button{background:transparent;border:none;color:#dc2626;cursor:pointer}.db-main{position:relative;z-index:1;flex:1;padding:14px 18px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(14,165,233,.2) transparent}.db-main::-webkit-scrollbar{width:4px}.db-main::-webkit-scrollbar-thumb{background:#0ea5e933;border-radius:4px}.db-kpi-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;flex-shrink:0}.db-kpi-item{background:var(--db-surface);border:1px solid var(--db-border2);border-radius:var(--db-radius);padding:12px 14px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .18s;position:relative;overflow:hidden;box-shadow:var(--db-shadow)}.db-kpi-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--kc, #0ea5e9);border-radius:2px 0 0 2px}.db-kpi-item:hover{border-color:#0ea5e94d;box-shadow:0 4px 20px #0ea5e91f,0 1px 4px #0f172a0f;transform:translateY(-2px)}.db-kpi-icon{font-size:20px;flex-shrink:0}.db-kpi-body{flex:1;min-width:0}.db-kpi-val{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;color:var(--db-text);line-height:1;display:flex;align-items:baseline;gap:2px}.db-kpi-unit{font-size:11px;color:var(--db-text3)}.db-kpi-label{font-size:10px;color:var(--db-text2);margin-top:2px;font-weight:500}.db-kpi-meta{display:flex;flex-direction:column;gap:3px;align-items:flex-end;flex-shrink:0}.db-kpi-badge{font-size:9px;padding:2px 7px;border-radius:20px;font-weight:600;white-space:nowrap}.db-kpi-badge.green{background:#10b9811a;color:#059669}.db-kpi-badge.yellow{background:#f59e0b1a;color:#d97706}.db-kpi-badge.red{background:#ef44441a;color:#dc2626;animation:db-pulse 2s ease-in-out infinite}.db-main-grid{display:grid;grid-template-columns:1fr 1.1fr .9fr;gap:12px;flex:1;min-height:0}.db-left-col,.db-mid-col,.db-right-col{display:flex;flex-direction:column;gap:12px;min-height:0}.db-card{background:var(--db-surface);border:1px solid var(--db-border2);border-radius:var(--db-radius-lg);padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--db-shadow);position:relative;overflow:hidden}.db-card-header{display:flex;align-items:center;gap:9px;flex-shrink:0}.db-card-icon{font-size:15px;flex-shrink:0}.db-card-title{font-size:13px;font-weight:700;color:var(--db-text);line-height:1}.db-card-sub{font-size:10px;color:var(--db-text3);margin-top:2px}.db-card-action{margin-left:auto;padding:4px 11px;border-radius:6px;background:transparent;border:1px solid var(--db-border2);color:var(--db-accent);font-size:10px;font-family:inherit;cursor:pointer;transition:all .15s;flex-shrink:0;white-space:nowrap}.db-card-action:hover{background:#0ea5e912;border-color:var(--db-accent)}.db-health-card{background:var(--db-surface);border:1px solid var(--db-border2);border-radius:var(--db-radius-lg);padding:16px 18px;display:flex;align-items:center;gap:16px;box-shadow:var(--db-shadow);position:relative;overflow:hidden;flex-shrink:0}.db-health-card-bg{position:absolute;inset:0;background:radial-gradient(circle at 15% 50%,rgba(14,165,233,.05) 0%,transparent 60%);pointer-events:none}.db-health-left{position:relative;z-index:1;flex-shrink:0}.db-health-right{position:relative;z-index:1;flex:1}.db-health-label{font-size:10px;color:var(--db-text3);text-transform:uppercase;letter-spacing:.5px}.db-health-score{font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:1;margin:4px 0}.db-health-score span{font-size:13px;color:var(--db-text3);font-weight:400}.db-health-status{font-size:11px;color:var(--db-text2);margin-bottom:8px}.db-health-stats{display:flex;gap:10px;flex-wrap:wrap}.db-hs-item{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--db-text2)}.db-hs-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.db-module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.db-module-card{background:var(--db-bg1);border:1px solid var(--db-border2);border-radius:var(--db-radius);padding:10px;cursor:pointer;transition:all .18s;display:flex;flex-direction:column;gap:6px}.db-module-card:hover{border-color:#0ea5e94d;box-shadow:0 4px 16px #0ea5e91a,0 1px 4px #0f172a0d;transform:translateY(-1px);background:#fff}.db-mc-top{display:flex;align-items:center;gap:7px}.db-mc-icon{font-size:15px;flex-shrink:0}.db-mc-info{flex:1;min-width:0}.db-mc-name{font-size:11px;font-weight:600;color:var(--db-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-mc-count{font-size:9px;color:var(--db-text3);margin-top:1px}.db-mc-bar{height:3px;border-radius:2px;background:var(--db-bg3);overflow:hidden;display:flex;flex-shrink:0}.db-mc-bar>div{height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.db-mc-pills{display:flex;gap:4px;flex-wrap:wrap}.db-pill{font-size:9px;padding:2px 7px;border-radius:20px;font-weight:500}.db-pill.green{background:#10b9811a;color:#059669}.db-pill.yellow{background:#f59e0b1a;color:#d97706}.db-pill.red{background:#ef44441a;color:#dc2626;animation:db-pulse 2s ease-in-out infinite}.db-pill.gray{background:#94a3b81f;color:var(--db-text3)}.db-alert-card{flex-shrink:0}.db-alert-list{display:flex;flex-direction:column;gap:5px}.db-alert-item{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:8px;background:var(--db-bg1);border:1px solid var(--db-border2);cursor:pointer;transition:all .15s}.db-alert-item:hover{border-color:#0ea5e940;background:#fff;transform:translate(2px)}.db-alert-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.db-alert-critical .db-alert-dot{background:var(--db-red);box-shadow:0 0 6px #ef444466;animation:db-pulse 1.5s ease-in-out infinite}.db-alert-warning .db-alert-dot{background:var(--db-yellow)}.db-alert-ok .db-alert-dot{background:var(--db-green)}.db-alert-body{flex:1;min-width:0}.db-alert-msg{font-size:11px;color:var(--db-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-alert-time{font-size:9px;color:var(--db-text3);margin-top:1px}.db-gauges-row{display:flex;gap:8px;justify-content:space-around;flex-shrink:0}.db-gauge-block{display:flex;flex-direction:column;align-items:center;gap:4px}.db-gauge-label{font-size:9px;color:var(--db-text3);text-align:center}.db-gauge-val{font-variant-numeric:tabular-nums;font-size:11px;font-weight:600;color:var(--db-text)}.db-latency-area{display:flex;flex-direction:column;gap:4px;padding-top:8px;border-top:1px solid var(--db-border2)}.db-latency-hdr{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--db-text2)}.db-sparkline{display:block;overflow:visible}.db-radial{display:block}.db-no-data{font-size:11px;color:var(--db-text3);text-align:center;padding:10px}.db-qnav-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.db-qnav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 5px;border-radius:9px;background:var(--db-bg1);border:1px solid var(--db-border2);cursor:pointer;transition:all .18s;font-family:inherit;position:relative;overflow:hidden;box-shadow:var(--db-shadow)}.db-qnav-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--qc, var(--db-accent));transform:scaleX(0);transition:transform .2s;transform-origin:left}.db-qnav-item:hover{border-color:#0ea5e94d;background:#fff;box-shadow:0 4px 16px #0ea5e91a,0 1px 4px #0f172a0d;transform:translateY(-2px)}.db-qnav-item:hover:after{transform:scaleX(1)}.db-qnav-icon{font-size:16px}.db-qnav-label{font-size:9px;font-weight:600;color:var(--db-text);text-align:center}.db-qnav-desc{font-size:8px;color:var(--db-text3)}.db-cert-row-wrap{display:flex;align-items:center;gap:12px}.db-cert-legend{display:flex;flex-direction:column;gap:5px}.db-leg-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--db-text2)}.db-leg-item span{width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.db-status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--dot-color, #94a3b8);vertical-align:middle}.db-table-wrap{border:1px solid var(--db-border2);border-radius:var(--db-radius);overflow:hidden}.db-table{width:100%;border-collapse:collapse;font-size:11px}.db-table thead tr{background:var(--db-bg3);border-bottom:1px solid var(--db-border2)}.db-table th{padding:8px 11px;text-align:left;font-size:9px;font-weight:600;color:var(--db-text3);letter-spacing:.5px;text-transform:uppercase}.db-table td{padding:7px 11px;border-bottom:1px solid var(--db-border2);color:var(--db-text2);vertical-align:middle}.db-table tbody tr:last-child td{border-bottom:none}.db-table tbody tr:hover{background:#0ea5e90a}.db-td-status{font-size:10px;color:var(--db-text2);vertical-align:middle;margin-left:4px}.db-td-name{font-weight:600;color:var(--db-text);font-size:11px}.db-td-mono{font-variant-numeric:tabular-nums;font-size:10px}.db-td-remark{color:var(--db-text3);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-td-btn{padding:3px 9px;border-radius:5px;background:#0ea5e912;border:1px solid rgba(14,165,233,.18);color:var(--db-accent);font-size:10px;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap}.db-td-btn:hover{background:#0ea5e924}.db-inline-bar{display:flex;align-items:center;gap:5px}.db-ib-track{width:48px;height:3px;background:var(--db-bg3);border-radius:2px;position:relative;overflow:hidden}.db-ib-fill{position:absolute;top:0;left:0;bottom:0;border-radius:2px;transition:width .8s cubic-bezier(.4,0,.2,1)}.db-inline-bar span{font-variant-numeric:tabular-nums;font-size:9px;color:var(--db-text2)}.db-footer{display:flex;justify-content:space-between;padding:8px 0 2px;font-size:9px;color:var(--db-text3);border-top:1px solid var(--db-border2);flex-shrink:0}.db-loading-inner{display:flex;flex-direction:column;align-items:center;gap:14px}.db-loading-text{font-size:12px;color:var(--db-text3)}@keyframes db-spin{to{transform:rotate(360deg)}}@keyframes db-pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:1400px){.db-kpi-strip{grid-template-columns:repeat(3,1fr)}.db-main-grid{grid-template-columns:1fr 1fr}.db-right-col{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:12px}}@media(max-width:1100px){.db-main-grid{grid-template-columns:1fr}.db-right-col{grid-column:unset;display:flex;flex-direction:column}.db-kpi-strip{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.db-kpi-strip{grid-template-columns:repeat(2,1fr)}.db-topbar-nav{display:none}.db-main{padding:10px 12px}}.pc-page{display:flex;flex-direction:column;gap:20px;min-height:100%;padding:0 2px}.pc-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.pc-header-left{display:flex;align-items:center;gap:16px}.pc-header-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#0ea5e926,#38bdf81a);border:1px solid rgba(14,165,233,.25);display:flex;align-items:center;justify-content:center;color:#0ea5e9;flex-shrink:0;box-shadow:0 4px 16px #0ea5e91f}.pc-header-icon svg{width:26px;height:26px}.pc-title{font-size:22px;font-weight:800;margin:0;background:linear-gradient(135deg,#0369a1,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.3px}.pc-page[data-theme=dark] .pc-title{background:linear-gradient(135deg,#38bdf8,#7dd3fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pc-subtitle{font-size:13px;color:#64748b;margin:3px 0 0;font-weight:400}.pc-page[data-theme=dark] .pc-subtitle{color:#8e8e93}.pc-btn-create{display:flex;align-items:center;gap:8px;padding:10px 22px;border-radius:12px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:0 4px 16px #0ea5e966;font-family:inherit}.pc-btn-create:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0ea5e98c;background:linear-gradient(135deg,#38bdf8,#0ea5e9)}.pc-btn-create svg{width:18px;height:18px}.pc-alert-error{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#dc2626;font-size:13.5px;font-weight:500}[data-theme=dark] .pc-alert-error{background:#ef44441f;border-color:#ef444440;color:#fca5a5}.pc-stats-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.pc-stat-card{background:#fff;border:1px solid rgba(14,165,233,.12);border-radius:16px;padding:18px 20px;display:flex;align-items:center;gap:16px;transition:all .2s;box-shadow:0 2px 12px #0f172a0f;position:relative;overflow:hidden}.pc-stat-card:before{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(135deg,var(--card-accent, #0ea5e9),transparent 60%);transition:opacity .2s;pointer-events:none}.pc-stat-card:hover{border-color:#0ea5e940;transform:translateY(-3px);box-shadow:0 12px 30px #0f172a1f}.pc-stat-card:hover:before{opacity:.04}.pc-page[data-theme=dark] .pc-stat-card{background:#1c1e28e6;border-color:#ffffff12;box-shadow:0 2px 12px #00000040}.pc-page[data-theme=dark] .pc-stat-card:hover{border-color:#ffffff24;box-shadow:0 12px 30px #0006}.pc-stat-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;position:relative;flex-shrink:0}.pc-stat-pulse{position:absolute;top:-2px;right:-2px;width:10px;height:10px;border-radius:50%;animation:pc-pulse 1.5s ease-out infinite}@keyframes pc-pulse{0%{transform:scale(1);opacity:1}70%{transform:scale(2.4);opacity:0}to{transform:scale(1);opacity:0}}.pc-stat-value{font-size:26px;font-weight:800;line-height:1;letter-spacing:-.5px}.pc-stat-label{font-size:12px;color:#64748b;margin-top:5px;font-weight:500}.pc-page[data-theme=dark] .pc-stat-label{color:#8e8e93}.pc-main{display:grid;grid-template-columns:300px 1fr;gap:16px;min-height:620px}.pc-task-list{background:#fff;border:1px solid rgba(14,165,233,.12);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 2px 12px #0f172a0f}.pc-page[data-theme=dark] .pc-task-list{background:#1c1e28e6;border-color:#ffffff12;box-shadow:0 2px 12px #00000040}.pc-task-list-header{padding:14px 18px;font-size:13px;font-weight:700;color:#334155;border-bottom:1px solid rgba(14,165,233,.08);display:flex;align-items:center;justify-content:space-between;background:#f0f9ff99}.pc-page[data-theme=dark] .pc-task-list-header{color:#e2e8f0;border-color:#ffffff0f;background:#ffffff05}.pc-task-count{background:#0ea5e91f;color:#0284c7;font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px}.pc-page[data-theme=dark] .pc-task-count{background:#0ea5e92e;color:#38bdf8}.pc-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#94a3b8;font-size:13px}.pc-spinner{width:28px;height:28px;border:3px solid rgba(14,165,233,.12);border-top-color:#0ea5e9;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pc-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px 20px;color:#94a3b8}.pc-empty-icon{font-size:44px;opacity:.5}.pc-empty p{font-size:13px;margin:0;color:#94a3b8}.pc-task-items{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.pc-task-items::-webkit-scrollbar{width:4px}.pc-task-items::-webkit-scrollbar-track{background:transparent}.pc-task-items::-webkit-scrollbar-thumb{background:#0ea5e926;border-radius:4px}.pc-page[data-theme=dark] .pc-task-items::-webkit-scrollbar-thumb{background:#ffffff1a}.pc-task-item{background:#f8fafccc;border:1px solid rgba(14,165,233,.1);border-radius:12px;padding:12px 13px;cursor:pointer;transition:all .2s}.pc-task-item:hover{background:#f0f9ffe6;border-color:#0ea5e940;transform:translate(2px)}.pc-task-item.active{background:#0ea5e914;border-color:#0ea5e966;box-shadow:0 0 0 3px #0ea5e914}.pc-page[data-theme=dark] .pc-task-item{background:#2c2e3a99;border-color:#ffffff0f}.pc-page[data-theme=dark] .pc-task-item:hover{background:#383a48cc;border-color:#ffffff1f;transform:translate(2px)}.pc-page[data-theme=dark] .pc-task-item.active{background:#0ea5e91f;border-color:#0ea5e966}.pc-task-item-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;gap:6px}.pc-task-name{font-size:13px;font-weight:700;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}.pc-page[data-theme=dark] .pc-task-name{color:#e2e8f0}.pc-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;white-space:nowrap}.pc-badge.lg{font-size:13px;padding:5px 14px}.pc-dot-anim{width:6px;height:6px;border-radius:50%;animation:pc-pulse 1.2s ease-out infinite;flex-shrink:0}.pc-task-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px}.pc-task-target{font-size:11px;color:#94a3b8;flex:1;font-family:monospace}.pc-task-type{font-size:10px;background:#0ea5e91a;color:#0284c7;padding:2px 7px;border-radius:6px;text-transform:uppercase;font-weight:700;letter-spacing:.3px}.pc-page[data-theme=dark] .pc-task-type{background:#0ea5e926;color:#38bdf8}.pc-progress-wrap{display:flex;align-items:center;gap:8px;margin-bottom:6px}.pc-progress-wrap span{font-size:11px;color:#0284c7;white-space:nowrap;font-weight:700}.pc-progress-bar{flex:1;height:4px;background:#0ea5e91f;border-radius:4px;overflow:hidden;position:relative}.pc-progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0ea5e9,#38bdf8);border-radius:4px;width:var(--progress, 0%);transition:width .5s ease}.pc-task-result{display:flex;gap:10px;font-size:11px;color:#64748b;margin-bottom:4px}.pc-page[data-theme=dark] .pc-task-result{color:#8e8e93}.pc-task-actions{display:flex;gap:6px;margin-top:8px}.pc-act-btn{font-size:11px;padding:5px 12px;border-radius:8px;border:none;cursor:pointer;font-weight:700;transition:all .15s;font-family:inherit}.pc-act-start{background:#0ea5e91f;color:#0284c7;border:1px solid rgba(14,165,233,.2)}.pc-act-start:hover{background:#0ea5e938;border-color:#0ea5e966}.pc-page[data-theme=dark] .pc-act-start{background:#0ea5e926;color:#38bdf8;border-color:#0ea5e940}.pc-act-edit{background:#8b5cf61a;color:#8b5cf6;border:1px solid rgba(139,92,246,.2)}.pc-act-edit:hover{background:#8b5cf633;border-color:#8b5cf659}.pc-page[data-theme=dark] .pc-act-edit{background:#8b5cf626;color:#a78bfa;border-color:#8b5cf647}.pc-act-del{background:#ef444414;color:#ef4444;border:1px solid rgba(239,68,68,.15)}.pc-act-del:hover{background:#ef44442e;border-color:#ef44444d}.pc-act-stop{background:#ff95001a;color:#ff9500;border:1px solid rgba(255,149,0,.25)}.pc-act-stop:hover{background:#ff950033;border-color:#ff950066}.pc-table-row-clickable{cursor:pointer}.pc-table-row-clickable:hover td{background:#0a84ff0d!important}.pc-method-tag{display:inline-block;padding:2px 6px;border-radius:4px;font-size:11px;font-weight:700;background:#10b9811f;color:#10b981;margin-right:4px}.pc-status-tag{display:inline-block;padding:2px 5px;border-radius:4px;font-size:11px;font-weight:600}.pc-status-200{background:#10b9811a;color:#10b981}.pc-status-300{background:#f59e0b1a;color:#f59e0b}.pc-status-400{background:#ef44441a;color:#ef4444}.pc-status-500{background:#ef444426;color:#dc2626}.pc-status-0{background:#64748b1a;color:#64748b}.pc-url-cell{font-size:12px;font-family:SF Mono,monospace}.pc-flow-note{color:#0a84ff;font-size:11px;font-weight:600}.pc-flow-error{color:#ef4444;font-size:12px}.pc-detail-hint{color:#0a84ff;font-size:11px;opacity:.7;margin-left:4px}.pc-browser-overlay{position:fixed;inset:0;z-index:1100;background:#000000b8;display:flex;align-items:stretch;justify-content:stretch;backdrop-filter:blur(4px)}.pc-browser-panel{flex:1;display:flex;flex-direction:column;margin:20px;border-radius:14px;overflow:hidden;background:#1a1b23;box-shadow:0 32px 80px #0009;border:1px solid rgba(255,255,255,.08)}.pc-browser-toolbar{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#111218;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.pc-browser-toolbar-left{display:flex;align-items:center;gap:10px;min-width:180px}.pc-browser-capture-dot{width:10px;height:10px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 3px #ef444440;animation:pc-dot-pulse 1.4s ease-in-out infinite}@keyframes pc-dot-pulse{0%,to{box-shadow:0 0 0 3px #ef444440}50%{box-shadow:0 0 0 6px #ef444414}}.pc-browser-title{font-size:13px;font-weight:700;color:#e2e8f0}.pc-browser-task-name{font-size:11px;color:#64748b;background:#ffffff0f;padding:2px 8px;border-radius:5px;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-browser-addr-bar{flex:1;display:flex;align-items:center;gap:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:0 10px;height:34px}.pc-browser-lock{font-size:13px;opacity:.6}.pc-browser-addr-input{flex:1;background:transparent;border:none;outline:none;font-size:13px;font-family:SF Mono,monospace;color:#e2e8f0}.pc-browser-addr-input::placeholder{color:#4b5563}.pc-browser-go{padding:3px 10px;background:#0a84ff26;color:#0a84ff;border:1px solid rgba(10,132,255,.25);border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;transition:all .15s}.pc-browser-go:hover{background:#0a84ff4d}.pc-browser-toolbar-right{display:flex;align-items:center;gap:10px;min-width:130px;justify-content:flex-end}.pc-browser-visit-count{font-size:12px;color:#10b981;font-weight:600}.pc-browser-close-btn{width:28px;height:28px;border-radius:50%;cursor:pointer;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2);font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .15s}.pc-browser-close-btn:hover{background:#ef444440}.pc-browser-body{flex:1;display:flex;min-height:0}.pc-browser-iframe-wrap{flex:1;position:relative;background:#fff}.pc-browser-iframe{width:100%;height:100%;border:none;display:block}.pc-browser-history-panel{width:300px;flex-shrink:0;display:flex;flex-direction:column;background:#111218;border-left:1px solid rgba(255,255,255,.07)}.pc-browser-history-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 8px;font-size:13px;font-weight:700;color:#e2e8f0;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.pc-browser-history-badge{background:#0a84ff26;color:#0a84ff;padding:1px 7px;border-radius:10px;font-size:11px;font-weight:700}.pc-browser-history-add{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}.pc-browser-history-add-input{width:100%;padding:6px 10px;border-radius:7px;font-size:12px;outline:none;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#e2e8f0;box-sizing:border-box}.pc-browser-history-add-input::placeholder{color:#4b5563}.pc-browser-history-add-input:focus{border-color:#0a84ff66}.pc-browser-history-list{flex:1;overflow-y:auto;padding:6px 0}.pc-browser-history-item{padding:7px 12px;cursor:pointer;transition:background .1s;border-bottom:1px solid rgba(255,255,255,.04)}.pc-browser-history-item:hover{background:#0a84ff0f}.pc-browser-history-item-top{display:flex;align-items:center;gap:5px;margin-bottom:3px}.pc-browser-history-seq{width:16px;height:16px;border-radius:50%;flex-shrink:0;background:#0a84ff1f;color:#0a84ff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.pc-browser-history-note{font-size:10px;color:#10b981;background:#10b98114;padding:1px 5px;border-radius:4px;font-weight:500}.pc-browser-history-time{font-size:10px;color:#4b5563;margin-left:auto}.pc-browser-history-del{width:16px;height:16px;border-radius:50%;cursor:pointer;flex-shrink:0;background:transparent;color:#4b5563;border:none;font-size:10px;display:flex;align-items:center;justify-content:center;transition:all .1s}.pc-browser-history-del:hover{background:#ef444426;color:#ef4444}.pc-browser-history-url{font-size:11px;font-family:SF Mono,monospace;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-browser-history-footer{padding:10px 12px;border-top:1px solid rgba(255,255,255,.07);flex-shrink:0;display:flex;flex-direction:column;gap:8px}.pc-browser-capture-status{display:flex;align-items:center;gap:6px;font-size:11px;color:#64748b}.pc-browser-dot-anim{width:7px;height:7px;border-radius:50%;background:#ef4444;animation:pc-dot-pulse 1.4s ease-in-out infinite;flex-shrink:0}.pc-browser-finish-btn{width:100%;padding:10px;border-radius:9px;cursor:pointer;background:linear-gradient(135deg,#0a84ff,#0056cc);color:#fff;font-size:13px;font-weight:700;border:none;transition:all .15s;text-align:center;box-shadow:0 4px 14px #0a84ff4d}.pc-browser-finish-btn:hover:not(:disabled){background:linear-gradient(135deg,#2196ff,#0a84ff);box-shadow:0 6px 18px #0a84ff66}.pc-browser-finish-btn:disabled{opacity:.5;cursor:not-allowed}.pc-flow-modal{max-width:820px;max-height:88vh;display:flex;flex-direction:column}.pc-flow-modal-header{position:relative;padding:18px 20px 14px;border-bottom:1px solid rgba(0,0,0,.07)}.pc-flow-modal-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-right:36px}.pc-flow-modal-url{font-size:13px;font-family:SF Mono,monospace;color:#0a84ff;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-flow-elapsed{font-size:12px;color:#f59e0b;background:#f59e0b1a;padding:2px 7px;border-radius:5px}.pc-flow-modal-note{font-size:12px;color:#0a84ff;margin-top:5px}.pc-flow-modal-meta{font-size:12px;color:#6b7280;margin-top:3px}.pc-flow-modal-err{font-size:12px;color:#ef4444;margin-top:5px;padding:5px 10px;background:#ef44440f;border-radius:6px}.pc-flow-modal-tabs{display:flex;gap:2px;padding:10px 16px 0;border-bottom:1px solid rgba(0,0,0,.07)}.pc-flow-tab{padding:7px 16px;border-radius:8px 8px 0 0;font-size:13px;cursor:pointer;background:transparent;color:#6b7280;border:none;border-bottom:2px solid transparent;transition:all .15s}.pc-flow-tab.active{color:#0a84ff;border-bottom-color:#0a84ff;font-weight:600}.pc-flow-tab:hover:not(.active){color:#374151;background:#0000000a}.pc-flow-modal-content{flex:1;overflow-y:auto;padding:12px 0}.pc-headers-panel{display:flex;flex-direction:column;gap:2px;padding:0 16px}.pc-header-row{display:flex;gap:12px;padding:5px 8px;border-radius:6px;font-size:12px;font-family:SF Mono,monospace}.pc-header-row:nth-child(odd){background:#00000006}.pc-header-key{color:#8b5cf6;min-width:160px;flex-shrink:0;font-weight:600}.pc-header-val{color:#374151;word-break:break-all}.pc-flow-body-section{margin-top:12px;padding:10px;background:#00000008;border-radius:8px}.pc-flow-body-label{font-size:11px;color:#6b7280;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.pc-flow-body-panel{padding:0 16px}.pc-flow-ct{font-size:12px;color:#6b7280;margin-bottom:8px}.pc-flow-ct strong{color:#374151}.pc-flow-pre{font-family:SF Mono,Fira Code,monospace;font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-all;background:#00000008;padding:12px;border-radius:8px;max-height:400px;overflow-y:auto}.pc-flow-empty{font-size:13px;color:#94a3b8;text-align:center;padding:30px 0}.pc-page[data-theme=dark] .pc-flow-modal-header,.pc-page[data-theme=dark] .pc-flow-modal-tabs{border-color:#ffffff12}.pc-page[data-theme=dark] .pc-flow-tab:hover:not(.active){color:#e2e8f0;background:#ffffff0d}.pc-page[data-theme=dark] .pc-header-row:nth-child(odd){background:#ffffff0a}.pc-page[data-theme=dark] .pc-header-val,.pc-page[data-theme=dark] .pc-flow-ct strong{color:#e2e8f0}.pc-page[data-theme=dark] .pc-flow-pre{background:#ffffff0a;color:#e2e8f0}.pc-page[data-theme=dark] .pc-flow-body-section{background:#ffffff0a}.pc-proxy-guide{display:flex;flex-direction:column;gap:14px;padding:16px}.pc-proxy-guide-header{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#30d1580f;border:1px solid rgba(48,209,88,.2);border-radius:10px}.pc-proxy-status-dot{width:8px;height:8px;border-radius:50%;background:#30d158;animation:pulse 1.4s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.pc-proxy-status-text{font-size:13px;color:#30d158;font-weight:500;flex:1}.pc-proxy-pkt{font-size:12px;color:#6b7280;white-space:nowrap}.pc-proxy-pkt strong{color:#0a84ff}.pc-proxy-config-card{background:#0a84ff0d;border:1px solid rgba(10,132,255,.18);border-radius:10px;padding:12px 14px}.pc-proxy-config-title{font-size:12px;font-weight:600;color:#0a84ff;margin-bottom:10px}.pc-proxy-config-rows{display:flex;flex-direction:column;gap:6px}.pc-proxy-config-row{display:flex;align-items:center;gap:10px;font-size:13px}.pc-proxy-config-label{color:#6b7280;width:80px;flex-shrink:0}.pc-proxy-config-value{font-weight:500;font-family:SF Mono,monospace;flex:1}.pc-proxy-port{color:#0a84ff;font-size:18px;font-weight:700}.pc-proxy-copy-btn{font-size:11px;padding:2px 8px;border-radius:5px;cursor:pointer;background:#0a84ff1a;color:#0a84ff;border:1px solid rgba(10,132,255,.2);transition:all .15s}.pc-proxy-copy-btn:hover{background:#0a84ff33}.pc-proxy-steps{display:flex;flex-direction:column;gap:8px}.pc-proxy-step{display:flex;align-items:flex-start;gap:10px}.pc-proxy-step-num{width:20px;height:20px;border-radius:50%;background:#0a84ff;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.pc-proxy-step-content{display:flex;flex-direction:column;gap:2px}.pc-proxy-step-content strong{font-size:13px}.pc-proxy-step-content span{font-size:12px;color:#6b7280;line-height:1.5}.pc-proxy-step-content code{font-family:SF Mono,monospace;font-size:11px;background:#0000000f;padding:1px 4px;border-radius:3px}.pc-proxy-opnote{background:#ffd60a14;border:1px solid rgba(255,214,10,.25);border-radius:8px;padding:10px 12px}.pc-proxy-opnote-title{font-size:12px;font-weight:600;color:#b8860b;margin-bottom:6px}.pc-proxy-opnote-text{font-size:12px;color:#6b7280;white-space:pre-wrap;line-height:1.6}.pc-proxy-actions{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 0}.pc-proxy-stop-btn{padding:9px 28px;border-radius:10px;font-size:14px;font-weight:600;background:#ff95001f;color:#ff9500;border:1.5px solid rgba(255,149,0,.35);cursor:pointer;transition:all .18s}.pc-proxy-stop-btn:hover{background:#ff950038;border-color:#ff95008c;transform:scale(1.02)}.pc-page[data-theme=dark] .pc-proxy-config-card{background:#0a84ff14;border-color:#0a84ff38}.pc-page[data-theme=dark] .pc-proxy-config-value{color:#e2e8f0}.pc-page[data-theme=dark] .pc-proxy-step-content strong{color:#f1f5f9}.pc-page[data-theme=dark] .pc-proxy-step-content span{color:#94a3b8}.pc-page[data-theme=dark] .pc-proxy-step-content code{background:#ffffff14;color:#e2e8f0}.pc-page[data-theme=dark] .pc-proxy-opnote{border-color:#ffd60a33}.pc-page[data-theme=dark] .pc-proxy-opnote-text{color:#94a3b8}.pc-detail{background:#fff;border:1px solid rgba(14,165,233,.12);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 2px 12px #0f172a0f}.pc-page[data-theme=dark] .pc-detail{background:#1c1e28e6;border-color:#ffffff12;box-shadow:0 2px 12px #00000040}.pc-detail-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#94a3b8;padding:80px 40px;text-align:center}.pc-detail-empty-icon{width:80px;height:80px;border-radius:24px;background:linear-gradient(135deg,#0ea5e91a,#38bdf80f);border:1px solid rgba(14,165,233,.15);display:flex;align-items:center;justify-content:center;font-size:36px}.pc-detail-empty h3{font-size:17px;color:#334155;margin:0;font-weight:700}.pc-page[data-theme=dark] .pc-detail-empty h3{color:#cbd5e1}.pc-detail-empty p{font-size:13px;margin:0;color:#94a3b8}.pc-detail-header{padding:20px 24px;border-bottom:1px solid rgba(14,165,233,.08);background:#f0f9ff80}.pc-page[data-theme=dark] .pc-detail-header{background:#ffffff05;border-color:#ffffff0f}.pc-detail-title-row{display:flex;align-items:center;gap:14px;margin-bottom:14px}.pc-detail-title{font-size:18px;font-weight:800;color:#1e293b;margin:0;letter-spacing:-.3px}.pc-page[data-theme=dark] .pc-detail-title{color:#e2e8f0}.pc-detail-meta-row{display:flex;flex-wrap:wrap;gap:20px}.pc-detail-meta-item{display:flex;flex-direction:column;gap:3px}.pc-detail-meta-key{font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.7px;font-weight:600}.pc-detail-meta-val{font-size:13px;color:#334155;font-weight:600}.pc-page[data-theme=dark] .pc-detail-meta-val{color:#cbd5e1}.pc-detail-progress{margin-top:14px}.pc-detail-progress-label{display:flex;justify-content:space-between;font-size:12px;color:#64748b;margin-bottom:7px;font-weight:500}.pc-detail-progress-track{height:7px;background:#0ea5e91a;border-radius:6px;overflow:hidden}.pc-detail-progress-fill{height:100%;background:linear-gradient(90deg,#0ea5e9,#38bdf8);border-radius:6px;transition:width .5s ease;position:relative}.pc-detail-progress-fill:after{content:"";position:absolute;right:0;top:0;bottom:0;width:20px;background:#fff6;animation:shimmer 1.2s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:0}50%{opacity:1}}.pc-summary-row{display:flex;gap:12px;margin-top:16px}.pc-summary-card{flex:1;background:#f8fafce6;border:1px solid;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;transition:transform .2s}.pc-summary-card:hover{transform:translateY(-1px)}.pc-page[data-theme=dark] .pc-summary-card{background:#2c2e3a80}.pc-summary-icon{font-size:20px}.pc-summary-val{font-size:18px;font-weight:800;line-height:1.2;letter-spacing:-.3px}.pc-summary-lbl{font-size:11px;color:#64748b;margin-top:2px;font-weight:500}.pc-page[data-theme=dark] .pc-summary-lbl{color:#8e8e93}.pc-error-banner{margin-top:12px;padding:12px 16px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#ef4444;font-size:13px}.pc-tabs{display:flex;gap:2px;padding:0 20px;border-bottom:1px solid rgba(14,165,233,.1);background:#f8fafc99}.pc-page[data-theme=dark] .pc-tabs{background:#ffffff05;border-color:#ffffff0f}.pc-tab{padding:12px 18px;font-size:13px;font-weight:600;color:#64748b;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s;border-radius:0;margin-bottom:-1px;font-family:inherit;white-space:nowrap}.pc-tab:hover{color:#0284c7}.pc-page[data-theme=dark] .pc-tab:hover{color:#38bdf8}.pc-tab.active{color:#0284c7;border-bottom-color:#0ea5e9;background:#0ea5e90d}.pc-page[data-theme=dark] .pc-tab.active{color:#38bdf8;border-bottom-color:#38bdf8}.pc-packets-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.pc-filter-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid rgba(14,165,233,.07);flex-wrap:wrap;background:#f8fafc80}.pc-page[data-theme=dark] .pc-filter-bar{background:#ffffff04;border-color:#ffffff0d}.pc-proto-filters{display:flex;gap:6px;flex-wrap:wrap}.pc-proto-btn{padding:4px 11px;border-radius:8px;border:1px solid rgba(14,165,233,.15);background:#f8fafce6;color:#64748b;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s;font-family:monospace;letter-spacing:.3px}.pc-proto-btn:hover{border-color:#0ea5e959;color:#0284c7;background:#f0f9ffe6}.pc-proto-btn.active{background:#0ea5e91f;border-color:#0ea5e973;color:#0284c7}.pc-page[data-theme=dark] .pc-proto-btn{background:#2c2e3a99;border-color:#ffffff14;color:#94a3b8}.pc-page[data-theme=dark] .pc-proto-btn:hover{border-color:#38bdf859;color:#38bdf8}.pc-page[data-theme=dark] .pc-proto-btn.active{background:#0ea5e92e;border-color:#38bdf873;color:#38bdf8}.pc-search-input{flex:1;min-width:200px;padding:8px 14px;border-radius:10px;background:#f8fafce6;border:1px solid rgba(14,165,233,.15);color:#1e293b;font-size:13px;outline:none;transition:all .2s;font-family:inherit}.pc-search-input:focus{border-color:#0ea5e973;background:#fff;box-shadow:0 0 0 3px #0ea5e914}.pc-search-input::placeholder{color:#94a3b8}.pc-page[data-theme=dark] .pc-search-input{background:#2c2e3acc;border-color:#ffffff14;color:#e2e8f0}.pc-page[data-theme=dark] .pc-search-input:focus{border-color:#38bdf866;background:#2c2e3af2;box-shadow:0 0 0 3px #38bdf814}.pc-table-wrap{flex:1;overflow:auto;min-height:0}.pc-table-wrap::-webkit-scrollbar{width:5px;height:5px}.pc-table-wrap::-webkit-scrollbar-track{background:transparent}.pc-table-wrap::-webkit-scrollbar-thumb{background:#0ea5e933;border-radius:4px}.pc-page[data-theme=dark] .pc-table-wrap::-webkit-scrollbar-thumb{background:#ffffff1a}.pc-table{width:100%;border-collapse:collapse;font-size:12px}.pc-table thead th{padding:10px 14px;text-align:left;font-size:10px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.7px;background:#f0f9ffcc;position:sticky;top:0;z-index:1;border-bottom:1px solid rgba(14,165,233,.1);white-space:nowrap}.pc-page[data-theme=dark] .pc-table thead th{background:#1c1e28f2;border-color:#ffffff0f;color:#64748b}.pc-table-row{border-bottom:1px solid rgba(14,165,233,.05);transition:background .1s}.pc-table-row:hover{background:#f0f9ffb3}.pc-page[data-theme=dark] .pc-table-row{border-color:#ffffff0a}.pc-page[data-theme=dark] .pc-table-row:hover{background:#2c2e3a80}.pc-table td{padding:7px 14px;color:#334155;max-width:200px}.pc-page[data-theme=dark] .pc-table td{color:#cbd5e1}.pc-table-empty{text-align:center!important;padding:40px!important;color:#94a3b8!important}.pc-td-no{color:#94a3b8!important;width:48px}.pc-td-time{color:#64748b!important;white-space:nowrap;font-family:monospace;font-size:11px}.pc-td-addr{font-family:monospace;font-size:11px;white-space:nowrap;color:#475569!important}.pc-td-len{text-align:right;color:#64748b!important;white-space:nowrap;font-family:monospace;font-size:11px}.pc-td-info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:11px}.pc-page[data-theme=dark] .pc-td-no{color:#475569!important}.pc-page[data-theme=dark] .pc-td-time{color:#64748b!important}.pc-page[data-theme=dark] .pc-td-addr{color:#94a3b8!important}.pc-proto-tag{display:inline-block;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:800;white-space:nowrap;font-family:monospace;letter-spacing:.3px}.pc-pagination{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid rgba(14,165,233,.08);background:#f8fafc99}.pc-page[data-theme=dark] .pc-pagination{background:#ffffff05;border-color:#ffffff0d}.pc-page-info{font-size:12px;color:#94a3b8;font-weight:500}.pc-page-btns{display:flex;gap:4px}.pc-page-btns button{width:30px;height:30px;border-radius:8px;border:1px solid rgba(14,165,233,.15);background:#f8fafce6;color:#64748b;font-size:13px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;font-family:inherit}.pc-page-btns button:hover:not(:disabled){border-color:#0ea5e966;color:#0284c7;background:#f0f9ffe6}.pc-page-btns button.active{background:#0ea5e91f;border-color:#0ea5e973;color:#0284c7;font-weight:700}.pc-page-btns button:disabled{opacity:.35;cursor:not-allowed}.pc-page[data-theme=dark] .pc-page-btns button{background:#2c2e3a99;border-color:#ffffff14;color:#64748b}.pc-page[data-theme=dark] .pc-page-btns button:hover:not(:disabled){border-color:#38bdf859;color:#38bdf8}.pc-page[data-theme=dark] .pc-page-btns button.active{background:#0ea5e92e;border-color:#38bdf873;color:#38bdf8}.pc-chart-panel{flex:1;overflow-y:auto;padding:20px}.pc-chart-panel::-webkit-scrollbar{width:5px}.pc-chart-panel::-webkit-scrollbar-track{background:transparent}.pc-chart-panel::-webkit-scrollbar-thumb{background:#0ea5e933;border-radius:4px}.pc-page[data-theme=dark] .pc-chart-panel::-webkit-scrollbar-thumb{background:#ffffff1a}.pc-charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pc-chart-card{background:#f8fafccc;border:1px solid rgba(14,165,233,.1);border-radius:14px;padding:18px 20px;transition:box-shadow .2s}.pc-chart-card:hover{box-shadow:0 6px 24px #0ea5e91a}.pc-page[data-theme=dark] .pc-chart-card{background:#242632cc;border-color:#ffffff12}.pc-chart-card.wide{grid-column:1 / -1}.pc-chart-title{font-size:13px;font-weight:700;color:#334155;margin-bottom:16px;display:flex;align-items:center;gap:8px}.pc-chart-title:before{content:"";display:inline-block;width:3px;height:14px;background:linear-gradient(180deg,#0ea5e9,#38bdf8);border-radius:2px}.pc-page[data-theme=dark] .pc-chart-title{color:#cbd5e1}.pc-no-data{height:200px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:13px}.pc-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px}.pc-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#64748b}.pc-page[data-theme=dark] .pc-legend-item{color:#94a3b8}.pc-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pc-legend-val{font-weight:700;color:#334155;margin-left:2px}.pc-page[data-theme=dark] .pc-legend-val{color:#cbd5e1}.pc-top-list{display:flex;flex-direction:column;gap:9px}.pc-top-item{display:flex;align-items:center;gap:10px;font-size:12px}.pc-top-rank{color:#94a3b8;width:24px;flex-shrink:0;font-weight:700;font-size:11px}.pc-top-label{color:#475569;font-family:monospace;min-width:90px;font-size:11px}.pc-page[data-theme=dark] .pc-top-label{color:#94a3b8}.pc-top-bar-wrap{flex:1;height:6px;background:#0ea5e91a;border-radius:6px;overflow:hidden}.pc-top-bar-fill{height:100%;background:linear-gradient(90deg,#0ea5e9,#38bdf8);border-radius:6px;transition:width .8s cubic-bezier(.4,0,.2,1)}.pc-top-count{color:#64748b;width:36px;text-align:right;flex-shrink:0;font-weight:700;font-size:11px}.pc-page[data-theme=dark] .pc-top-count{color:#8e8e93}.pc-raw-panel{flex:1;display:flex;flex-direction:column;padding:16px;overflow:hidden}.pc-raw-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pc-raw-tip{font-size:12px;color:#94a3b8;font-weight:500}.pc-raw-pre{flex:1;overflow:auto;background:#0f172a;border:1px solid rgba(14,165,233,.2);border-radius:12px;padding:18px;font-family:Menlo,Monaco,Courier New,monospace;font-size:12px;color:#38bdf8;line-height:1.7;white-space:pre-wrap;word-break:break-all;box-shadow:inset 0 2px 12px #0000004d}.pc-raw-pre::-webkit-scrollbar{width:5px}.pc-raw-pre::-webkit-scrollbar-track{background:transparent}.pc-raw-pre::-webkit-scrollbar-thumb{background:#38bdf840;border-radius:4px}.pc-waiting{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 40px;color:#64748b;text-align:center}.pc-waiting-icon{font-size:52px;filter:drop-shadow(0 4px 16px rgba(14,165,233,.2))}.pc-waiting p{font-size:15px;margin:0;color:#64748b}.pc-waiting strong{color:#0284c7}.pc-page[data-theme=dark] .pc-waiting strong{color:#38bdf8}.pc-running{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:60px 40px;text-align:center}.pc-running p{font-size:14px;color:#64748b;margin:0}.pc-running strong{color:#0284c7}.pc-running-sub{font-size:13px;color:#94a3b8}.pc-page[data-theme=dark] .pc-running strong{color:#38bdf8}.pc-running-waves{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.pc-wave{position:absolute;width:80px;height:80px;border:2px solid #0ea5e9;border-radius:50%;animation:pc-wave-anim 2s ease-out infinite;opacity:0}@keyframes pc-wave-anim{0%{transform:scale(.1);opacity:1}to{transform:scale(1.6);opacity:0}}.pc-btn-sm{padding:7px 16px;border-radius:9px;border:1px solid rgba(14,165,233,.3);background:#0ea5e914;color:#0284c7;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit}.pc-btn-sm:hover{background:#0ea5e929;border-color:#0ea5e980;transform:translateY(-1px)}.pc-page[data-theme=dark] .pc-btn-sm{background:#0ea5e91f;color:#38bdf8;border-color:#38bdf84d}.pc-modal-overlay{position:fixed;inset:0;background:#0f172a80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.pc-modal{background:#fff;border:1px solid rgba(14,165,233,.2);border-radius:22px;width:720px;max-width:95vw;max-height:90vh;overflow-y:auto;box-shadow:0 30px 80px #0f172a40,0 0 0 1px #0ea5e914}.pc-modal::-webkit-scrollbar{width:5px}.pc-modal::-webkit-scrollbar-track{background:transparent}.pc-modal::-webkit-scrollbar-thumb{background:#0ea5e933;border-radius:4px}.pc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 20px;border-bottom:1px solid rgba(14,165,233,.1);background:linear-gradient(135deg,#f0f9ffcc,#ffffff80)}.pc-modal-header h3{font-size:18px;font-weight:800;color:#1e293b;margin:0;letter-spacing:-.3px;background:linear-gradient(135deg,#0369a1,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pc-modal-close{width:34px;height:34px;border-radius:10px;border:1px solid rgba(14,165,233,.15);background:#f0f9ffcc;color:#64748b;font-size:15px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;font-family:inherit}.pc-modal-close:hover{background:#ef444414;border-color:#ef444433;color:#ef4444}.pc-modal-form{padding:22px 28px;display:flex;flex-direction:column;gap:20px}.pc-form-row.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pc-form-group{display:flex;flex-direction:column;gap:8px}.pc-form-group label{font-size:13px;font-weight:700;color:#334155;display:flex;align-items:center;gap:6px}.pc-form-group input{padding:11px 15px;border-radius:11px;border:1.5px solid rgba(14,165,233,.18);background:#f8fafce6;color:#1e293b;font-size:14px;outline:none;transition:all .2s;font-family:inherit}.pc-form-group input:focus{border-color:#0ea5e98c;background:#fff;box-shadow:0 0 0 3px #0ea5e91a}.pc-form-group input::placeholder{color:#94a3b8}.pc-required{color:#ef4444;font-weight:700}.pc-optional{color:#94a3b8;font-size:11px;font-weight:400}.pc-form-hint{font-size:11px;color:#94a3b8;line-height:1.5}.pc-app-extra{background:#30d1580f;border:1.5px solid rgba(48,209,88,.18);border-radius:14px;padding:14px 16px 12px;margin-bottom:2px}.pc-app-extra-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#16a34a;margin-bottom:12px}.pc-page[data-theme=dark] .pc-app-extra{background:#30d15812;border-color:#30d15838}.pc-page[data-theme=dark] .pc-app-extra-header{color:#4ade80}.pc-app-extra-icon{font-size:16px;line-height:1}.pc-apk-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:20px 16px;background:#30d1580d;border:2px dashed rgba(48,209,88,.3);border-radius:12px;cursor:pointer;transition:all .2s;text-align:center;width:100%;box-sizing:border-box}.pc-apk-drop:hover{background:#30d1581a;border-color:#30d1588c}.pc-apk-drop.parsing{background:#0ea5e912;border-color:#0ea5e94d;cursor:wait}.pc-apk-drop.done{background:#30d1581a;border-color:#30d15880}.pc-page[data-theme=dark] .pc-apk-drop{background:#30d15812;border-color:#30d15840}.pc-page[data-theme=dark] .pc-apk-drop:hover{background:#30d15821}.pc-apk-drop-icon{font-size:26px;line-height:1;color:#16a34a}.pc-page[data-theme=dark] .pc-apk-drop-icon{color:#4ade80}.spinning{display:inline-block;animation:pc-spin .8s linear infinite;color:#0284c7}@keyframes pc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pc-apk-drop-text{font-size:13px;font-weight:600;color:#16a34a}.pc-page[data-theme=dark] .pc-apk-drop-text{color:#4ade80}.pc-apk-drop.parsing .pc-apk-drop-text{color:#0284c7}.pc-page[data-theme=dark] .pc-apk-drop.parsing .pc-apk-drop-text{color:#38bdf8}.pc-apk-drop-sub{font-size:11px;color:#94a3b8}.pc-apk-err{margin-top:6px;padding:6px 10px;background:#ef444414;border-radius:8px;font-size:12px;color:#ef4444}.pc-apk-result{margin-top:8px;padding:10px 14px;background:#30d1581a;border:1px solid rgba(48,209,88,.25);border-radius:10px}.pc-page[data-theme=dark] .pc-apk-result{background:#30d1581a;border-color:#30d15838}.pc-apk-result-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pc-apk-result-tag{font-size:11px;font-weight:700;padding:2px 8px;background:#30d15826;border-radius:20px;color:#16a34a;white-space:nowrap}.pc-page[data-theme=dark] .pc-apk-result-tag{color:#4ade80;background:#30d15833}.pc-apk-result-pkg{font-size:13px;font-weight:700;color:#0f172a;font-family:SF Mono,Fira Code,monospace;word-break:break-all}.pc-page[data-theme=dark] .pc-apk-result-pkg{color:#e2e8f0}.pc-apk-result-ver{font-size:11px;color:#64748b;white-space:nowrap}.pc-apk-result-name{margin-top:5px;font-size:12px;color:#64748b}.pc-page[data-theme=dark] .pc-apk-result-name{color:#94a3b8}.pc-cert-upload-btn{display:flex;align-items:center;gap:8px;width:100%;padding:9px 14px;background:#30d15814;border:1.5px dashed rgba(48,209,88,.35);border-radius:10px;color:#16a34a;font-size:12.5px;font-weight:500;cursor:pointer;transition:all .2s;box-sizing:border-box}.pc-cert-upload-btn:hover{background:#30d15824;border-color:#30d1588c}.pc-page[data-theme=dark] .pc-cert-upload-btn{background:#30d1581a;border-color:#30d15847;color:#4ade80}.pc-cert-upload-icon{font-size:14px;flex-shrink:0}.pc-cert-info{display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding:5px 10px;background:#30d15814;border-radius:8px;font-size:12px;color:#16a34a}.pc-page[data-theme=dark] .pc-cert-info{background:#30d1581a;color:#4ade80}.pc-cert-clear{background:none;border:none;color:#ef4444;cursor:pointer;font-size:12px;padding:0 2px;line-height:1;opacity:.7;transition:opacity .15s}.pc-cert-clear:hover{opacity:1}.pc-flow-guide{background:#0a84ff0f;border:1px solid rgba(10,132,255,.2);border-radius:10px;padding:14px 16px;margin-bottom:14px}.pc-flow-guide-title{font-size:13px;font-weight:600;color:#0a84ff;margin-bottom:12px}.pc-flow-steps{display:flex;flex-direction:column;gap:8px}.pc-flow-step{display:flex;align-items:flex-start;gap:10px}.pc-flow-num{width:22px;height:22px;border-radius:50%;background:#0a84ff;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.pc-flow-content{display:flex;flex-direction:column;gap:2px}.pc-flow-content strong{font-size:13px;color:var(--pc-text, #1c1c1e)}.pc-flow-content span{font-size:12px;color:var(--pc-sub, #6b7280)}.pc-textarea{width:100%;box-sizing:border-box;padding:9px 12px;border:1px solid rgba(0,0,0,.12);border-radius:8px;font-size:13px;font-family:inherit;color:var(--pc-text, #1c1c1e);background:var(--pc-input-bg, #fff);resize:vertical;line-height:1.6;outline:none;transition:border-color .2s}.pc-textarea:focus{border-color:#0a84ff;box-shadow:0 0 0 3px #0a84ff1f}.pc-page[data-theme=dark] .pc-flow-guide{background:#0a84ff14;border-color:#0a84ff40}.pc-page[data-theme=dark] .pc-flow-content strong{color:#f1f5f9}.pc-page[data-theme=dark] .pc-flow-content span{color:#94a3b8}.pc-page[data-theme=dark] .pc-textarea{background:#ffffff0d;border-color:#ffffff1f;color:#f1f5f9}.pc-page[data-theme=dark] .pc-textarea:focus{border-color:#0a84ff}.pc-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pc-type-card{background:#f8fafce6;border:1.5px solid rgba(14,165,233,.12);border-radius:14px;padding:14px 10px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center}.pc-type-card:hover{border-color:#0ea5e94d;background:#f0f9ffe6;transform:translateY(-2px);box-shadow:0 6px 16px #0ea5e91a}.pc-type-icon{font-size:24px}.pc-type-label{font-size:12px;font-weight:700;color:#334155}.pc-type-desc{font-size:10px;color:#94a3b8;line-height:1.4}.pc-tool-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pc-tool-card{background:#f8fafce6;border:1.5px solid rgba(14,165,233,.12);border-radius:14px;padding:15px;cursor:pointer;transition:all .2s}.pc-tool-card:hover{border-color:#0ea5e94d;background:#f0f9ffe6;transform:translateY(-2px);box-shadow:0 6px 16px #0ea5e91a}.pc-tool-top{display:flex;align-items:center;gap:9px;margin-bottom:7px}.pc-tool-icon{font-size:18px}.pc-tool-name{font-size:14px;font-weight:800;color:#334155;transition:color .2s}.pc-tool-desc{font-size:11px;color:#64748b;margin:0 0 11px;line-height:1.5}.pc-tool-bars{display:flex;flex-direction:column;gap:7px}.pc-tool-bar-item{display:flex;align-items:center;gap:8px;font-size:11px;color:#94a3b8;font-weight:600}.pc-tool-bar-item>span{width:28px}.pc-mini-bars{display:flex;gap:3px}.pc-mini-bar{width:18px;height:5px;border-radius:3px;transition:background .2s}.pc-form-err{padding:11px 16px;background:#ef44440f;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#dc2626;font-size:13px;font-weight:500}.pc-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.pc-btn-cancel{padding:11px 22px;border-radius:11px;border:1.5px solid rgba(14,165,233,.15);background:#f8fafce6;color:#64748b;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit}.pc-btn-cancel:hover{border-color:#0ea5e94d;color:#334155;background:#f0f9ffe6}.pc-btn-submit{padding:11px 26px;border-radius:11px;border:none;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;font-size:14px;font-weight:800;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #0ea5e966;font-family:inherit}.pc-btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #0ea5e98c;background:linear-gradient(135deg,#38bdf8,#0ea5e9)}.pc-btn-submit:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1200px){.pc-stats-row{grid-template-columns:repeat(3,1fr)}.pc-main{grid-template-columns:270px 1fr}}@media(max-width:900px){.pc-main{grid-template-columns:1fr;grid-template-rows:auto 1fr}.pc-task-list{max-height:300px}.pc-stats-row{grid-template-columns:repeat(2,1fr)}.pc-charts-grid{grid-template-columns:1fr}.pc-chart-card.wide{grid-column:1}.pc-type-grid{grid-template-columns:repeat(2,1fr)}.pc-tool-list{grid-template-columns:1fr}}