:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8edf7;background:#0b1020;font-family:Inter,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#3160c929,#0000 24%),linear-gradient(#0b1020 0%,#12182a 100%);margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.screen-center{color:#cfd7ea;place-items:center;min-height:100vh;display:grid}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:#090d1ad6;border:1px solid #ffffff1a;border-radius:8px;width:min(420px,100%);padding:26px;box-shadow:0 22px 54px #00000052}.login-brand{margin-bottom:24px}.login-field{color:#9aa6bd;gap:8px;margin-bottom:16px;font-size:13px;display:grid}.app-shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090d1ab8;border-right:1px solid #ffffff14;padding:28px 24px}.brand{align-items:center;gap:14px;margin-bottom:28px;display:flex}.brand-mark{background:linear-gradient(135deg,#4f8cff,#2fd1a7);border-radius:8px;place-items:center;width:44px;height:44px;font-weight:700;display:grid}.brand h1,.panel h3,.topbar h2{margin:0}.brand p,.panel p,.topbar p{color:#98a3bb;margin:4px 0 0}.control-group{gap:8px;margin-bottom:18px;display:grid}.control-group label{text-transform:uppercase;color:#7f8aa4;letter-spacing:.08em;font-size:12px}.control-group input,.control-group select,.login-field input{color:#edf2fb;background-color:#121a2d;border:1px solid #ffffff1f;border-radius:8px;padding:10px 12px}.control-group select option{color:#edf2fb;background-color:#121a2d}.control-group input:focus,.control-group select:focus,.login-field input:focus{border-color:#4f8cff;outline:none;box-shadow:0 0 0 3px #4f8cff2e}.primary-button{color:#fff;background:#4f8cff;border:0;border-radius:8px;width:100%;padding:11px 14px;font-weight:700}.primary-button:hover:not(:disabled){background:#6da0ff}.filter-button{margin-top:6px}.content{padding:28px}.topbar{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.status-chip{color:#8ef0d1;background:#2fd1a71f;border-radius:999px;padding:8px 12px;font-size:13px}.error-banner{color:#ffb8c3;background:#c53f5429;border-radius:8px;margin-bottom:18px;padding:12px 14px}.metric-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.metric-card,.panel{background:#0e1424c7;border:1px solid #ffffff14;border-radius:8px;box-shadow:0 18px 40px #00000038}.metric-card{gap:8px;padding:16px;display:grid}.metric-card span{color:#94a0b8;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.metric-card strong{font-size:24px}.panel-grid{grid-template-columns:1.25fr 1fr;gap:16px;margin-bottom:16px;display:grid}.panel-grid.single{grid-template-columns:1fr}.panel{overflow:hidden}.panel-header{padding:18px 18px 12px}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{text-align:left;border-top:1px solid #ffffff0f;padding:12px 18px;font-size:14px}.data-table th{color:#97a0b6;font-weight:600}.path-cell{word-break:break-all;max-width:340px}.empty-cell{text-align:center;color:#7f8aa4;padding:28px 18px}@media (width<=1280px){.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=960px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #ffffff14;border-right:0}.panel-grid,.metric-grid{grid-template-columns:1fr}}