@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--primary: 220 91% 56%;--primary-light: 220 91% 66%;--primary-dark: 220 91% 46%;--primary-fg: 0 0% 100%;--sidebar-width: 240px;--sidebar-bg: 222 47% 11%;--sidebar-hover: 222 40% 17%;--sidebar-active: 220 91% 56%;--sidebar-text: 215 20% 65%;--sidebar-text-active: 0 0% 100%;--sidebar-border: 222 40% 17%;--bg: 220 14% 96%;--card: 0 0% 100%;--card-hover: 220 14% 98%;--border: 220 13% 91%;--border-subtle: 220 13% 95%;--fg: 222 47% 11%;--fg-secondary: 215 16% 47%;--fg-muted: 215 16% 65%;--success: 142 70% 45%;--warning: 38 92% 50%;--danger: 0 72% 51%;--info: 200 80% 50%;--accent-blue: 220 91% 56%;--accent-purple: 262 80% 58%;--accent-teal: 173 80% 40%;--accent-amber: 38 92% 50%;--accent-rose: 350 80% 56%;--header-height: 60px;--radius: 10px;--radius-sm: 6px;--radius-lg: 14px;--shadow-sm: 0 1px 3px hsl(222 47% 11% / 8%), 0 1px 2px hsl(222 47% 11% / 5%);--shadow: 0 4px 12px hsl(222 47% 11% / 8%), 0 2px 6px hsl(222 47% 11% / 5%);--shadow-md: 0 8px 24px hsl(222 47% 11% / 10%), 0 4px 12px hsl(222 47% 11% / 6%);--shadow-lg: 0 16px 40px hsl(222 47% 11% / 12%), 0 8px 20px hsl(222 47% 11% / 8%);--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;color:hsl(var(--fg));background:hsl(var(--bg));font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{display:grid;gap:20px;animation:pageIn .3s ease forwards}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.toolbar h1{margin:0;font-size:20px;font-weight:700;color:hsl(var(--fg));letter-spacing:-.3px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm);transition:var(--transition);position:relative;overflow:hidden}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:hsl(var(--primary) / 20%)}.metric-card:before{content:"";position:absolute;top:0;right:0;width:80px;height:80px;border-radius:50%;background:var(--card-accent, hsl(var(--primary) / 8%));transform:translate(20px,-20px);pointer-events:none}.metric-icon{width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:14px;flex-shrink:0}.metric-label{font-size:13px;font-weight:500;color:hsl(var(--fg-secondary));margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:28px;font-weight:700;color:hsl(var(--fg));line-height:1;letter-spacing:-.5px}.metric-sub{margin-top:8px;font-size:12px;color:hsl(var(--fg-muted))}.progress-bar{height:4px;border-radius:999px;background:hsl(var(--border));overflow:hidden;margin-top:10px}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--primary-light)));transition:width .6s cubic-bezier(.4,0,.2,1)}.muted{color:hsl(var(--fg-muted));font-size:13px}.code-font{font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace}.code-editor{width:100%;min-height:360px;padding:14px;border:1px solid hsl(var(--border));border-radius:var(--radius-sm);font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.6;resize:vertical;background:#080c16;color:#d1d9e0;transition:var(--transition-fast);outline:none}.code-editor:focus{border-color:hsl(var(--primary) / 60%);box-shadow:0 0 0 3px hsl(var(--primary) / 12%)}.log-box{height:calc(100vh - 180px);overflow:auto;padding:16px;border-radius:var(--radius-sm);background:#080c16;color:#c2ccd6;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.7;white-space:pre-wrap;word-break:break-all}.log-box::-webkit-scrollbar{width:6px}.log-box::-webkit-scrollbar-thumb{background:#47566b;border-radius:3px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;vertical-align:middle}.status-dot.active{background:hsl(var(--success));box-shadow:0 0 0 2px hsl(var(--success) / 25%)}.status-dot.inactive{background:hsl(var(--danger))}@keyframes skeleton{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:skeleton 1.4s ease infinite;border-radius:var(--radius-sm)}.ant-card{border-radius:var(--radius)!important;border-color:hsl(var(--border))!important;box-shadow:var(--shadow-sm)!important}.ant-card-head{border-bottom-color:hsl(var(--border-subtle))!important;font-weight:600!important}.ant-table-wrapper .ant-table{border-radius:var(--radius-sm)!important}.ant-table-wrapper .ant-table-thead>tr>th{background:#f6f7f8!important;font-weight:600!important;font-size:13px!important;color:hsl(var(--fg-secondary))!important;border-bottom-color:hsl(var(--border))!important}.ant-table-wrapper .ant-table-tbody>tr>td{border-bottom-color:hsl(var(--border-subtle))!important;transition:background .15s!important}.ant-table-wrapper .ant-table-tbody>tr:hover>td{background:hsl(var(--primary) / 4%)!important}.ant-btn{border-radius:var(--radius-sm)!important;font-weight:500!important;transition:var(--transition)!important}.ant-btn-primary{background:hsl(var(--primary))!important;border-color:hsl(var(--primary))!important}.ant-btn-primary:hover{background:hsl(var(--primary-light))!important;border-color:hsl(var(--primary-light))!important}.ant-input,.ant-input-affix-wrapper,.ant-select-selector{border-radius:var(--radius-sm)!important;border-color:hsl(var(--border))!important;transition:var(--transition)!important}.ant-input:focus,.ant-input-affix-wrapper-focused,.ant-select-focused .ant-select-selector{border-color:hsl(var(--primary))!important;box-shadow:0 0 0 3px hsl(var(--primary) / 12%)!important}.ant-tag{border-radius:6px!important;font-weight:500!important;font-size:12px!important;padding:1px 8px!important}.ant-drawer-header{border-bottom-color:hsl(var(--border))!important}.ant-tabs-tab{font-weight:500!important}.ant-segmented,.ant-alert{border-radius:var(--radius-sm)!important}@media (max-width: 960px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.metric-grid{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:flex-start}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:3px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--fg-muted))}