:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#eef2f7}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% -10%,#2563eb24,#0000 32%),linear-gradient(#f8fbff 0%,#eef2f7 100%);min-width:1200px;margin:0}button{font:inherit}.login-page{place-items:center;min-height:100vh;padding:32px;display:grid}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid #ffffffdb;border-radius:28px;width:430px;padding:34px;box-shadow:0 28px 90px #0f172a1f}.brand-badge{color:#fff;background:linear-gradient(135deg,#2563eb,#10b981);border-radius:18px;place-items:center;width:52px;height:52px;margin-bottom:24px;font-size:24px;font-weight:900;display:grid;box-shadow:0 16px 32px #2563eb3d}.login-form{margin-top:28px}.shell{background:0 0;min-height:100vh}.sider{color:#fff;background:#0f172a!important}.sider .n-layout-sider-scroll-container{padding:18px 12px}.sider .n-menu-item-content{color:#aab7ca;border-radius:14px;margin:4px 0}.sider .n-menu-item-content--selected{color:#fff;background:#ffffff1f;font-weight:800}.brand{align-items:center;gap:12px;padding:4px 10px 28px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#4f8cff,#6ee7b7);border-radius:15px;place-items:center;width:42px;height:42px;font-weight:900;display:grid;box-shadow:0 14px 28px #4f8cff52}.brand strong{font-size:16px;display:block}.brand span{color:#94a3b8;margin-top:2px;font-size:12px;display:block}.main-layout{background:0 0}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb8;justify-content:space-between;align-items:center;height:86px;padding:18px 28px;display:flex}.topbar .n-h2{letter-spacing:-.04em;margin:0 0 4px}.content{padding:26px 30px 42px}.page-stack{gap:18px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric-card{background:linear-gradient(#fffffffa,#f8fbffeb);box-shadow:0 16px 40px #0f172a0f}.metric-card strong{letter-spacing:-.06em;color:#0f172a;margin:8px 0 2px;font-size:34px;display:block}.metric-card span{color:#64748b}.subline{color:#64748b;margin-top:3px;display:block}.service-donut{height:330px}.service-hero-card{color:#fff;overflow:hidden;box-shadow:0 28px 80px #0f172a2e;background:radial-gradient(circle at 18% 0,#60a5fa94,#0000 32%),linear-gradient(135deg,#0f172a 0%,#1e3a5f 58%,#0f766e 100%)!important}.service-hero-card .n-card__content{padding:28px}.hero-content{justify-content:space-between;align-items:flex-end;gap:28px;display:flex}.eyebrow{color:#79f2c0;letter-spacing:.16em;margin-bottom:12px;font-size:11px;font-weight:900;display:inline-flex}.service-hero-card .n-h1{color:#fff;letter-spacing:-.05em;margin:0 0 8px}.service-hero-card .n-text{color:#cbd5e1}.hero-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff24;border-radius:18px;min-width:112px;padding:14px}.hero-stat span{color:#b6c7dc;margin-bottom:6px;font-size:12px;display:block}.hero-stat strong{color:#fff;font-size:22px;display:block}.toolbar{width:100%}.search-input{max-width:720px}.service-name-cell{color:#1d4ed8;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-weight:800}.service-name-cell:hover{text-decoration:underline}.detail-panel{gap:16px;display:grid}.detail-panel .n-h3{word-break:break-all;margin:0}.result-log{border-radius:14px;max-height:240px}.n-card{box-shadow:0 16px 42px #0f172a0f}.n-data-table{--n-border-radius:14px}@media (width<=1280px){body{min-width:980px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-content{display:grid}}