*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background:var(--background, #0b0f19);color:var(--foreground, #f1f5f9);min-height:100vh;transition:background-color .3s ease,color .3s ease}a{color:var(--primary, #3b82f6);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading, var(--font-body, system-ui));line-height:1.2}code,pre,.font-mono{font-family:var(--font-mono, "SF Mono", "Monaco", "Inconsolata", "Fira Code", monospace)}::selection{background:var(--primary, #3b82f6);color:#fff}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--primary, #3b82f6);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background-elevated, var(--background, #1e293b))}::-webkit-scrollbar-thumb{background:var(--border, rgba(255, 255, 255, .15));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-text, #94a3b8)}.monitor-container .tab-panel{display:flex;flex-direction:column;gap:20px}.monitor-container .card{background:var(--background-elevated, #1e293b);border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:var(--border-radius-lg, 12px);padding:24px}.monitor-container .card h2{font-size:1.25rem;font-weight:700;font-family:var(--font-heading, var(--font-body, system-ui));margin:0 0 8px;color:var(--foreground, #f8fafc)}.monitor-container .card-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.monitor-container .card-header-row h2{margin:0}.monitor-container .card-desc{color:var(--secondary-text, #94a3b8);font-size:.9rem;line-height:1.6;margin:0 0 16px}.monitor-container .form-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:12px}.monitor-container .field-wide{grid-column:1/-1}.monitor-container .field{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--secondary-text, #cbd5e1);flex:1;min-width:200px}.monitor-container .input{background:var(--background, #0f172a);border:1px solid var(--border, rgba(255, 255, 255, .1));border-radius:var(--border-radius-sm, 6px);padding:8px 12px;color:var(--foreground, #f1f5f9);font-family:inherit;font-size:.9rem}.monitor-container .input-sm{padding:5px 8px;font-size:.8rem}.monitor-container .button-row{display:flex;gap:10px;flex-wrap:wrap}.monitor-container .btn-primary,.monitor-container .btn-secondary,.monitor-container .btn-danger,.monitor-container .btn-refresh{padding:8px 18px;border-radius:var(--border-radius-sm, 6px);font-weight:600;font-size:.9rem;cursor:pointer;border:none;font-family:inherit}.monitor-container .btn-primary{background:var(--primary, #3b82f6);color:#fff}.monitor-container .btn-secondary{background:transparent;border:1px solid var(--border, rgba(255, 255, 255, .15));color:var(--secondary-text, #cbd5e1)}.monitor-container .btn-danger{background:var(--danger, #ef4444);color:#fff}.monitor-container .btn-refresh{background:transparent;border:1px solid var(--border, rgba(255, 255, 255, .15));color:var(--secondary-text, #94a3b8);padding:4px 12px;font-size:.8rem}.monitor-container .btn-sm{padding:4px 10px;font-size:.8rem}.monitor-container .status-text,.monitor-container .empty-text{color:var(--secondary-text, #94a3b8);font-size:.9rem;padding:8px 0}.monitor-container .error-text{color:var(--danger, #f87171);font-size:.9rem;padding:8px 0}.monitor-container .pill{display:inline-block;padding:3px 12px;border-radius:9999px;font-size:.8rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.monitor-container .pill-sm{padding:2px 8px;font-size:.72rem}.monitor-container .pill-good{background:color-mix(in srgb,var(--success, #22c55e) 18%,transparent);color:var(--success, #4ade80)}.monitor-container .pill-warn{background:color-mix(in srgb,var(--warning, #f59e0b) 18%,transparent);color:var(--warning, #fbbf24)}.monitor-container .pill-danger{background:color-mix(in srgb,var(--danger, #ef4444) 18%,transparent);color:var(--danger, #f87171)}.monitor-container .evaluation-result{margin-top:16px}.monitor-container .evaluation-reason{color:var(--secondary-text, #cbd5e1);font-size:.9rem;margin:8px 0}.monitor-container .meta-line{color:var(--secondary-text, #64748b);font-size:.82rem;margin:4px 0 0}.monitor-container .score-value,.monitor-container .numeric-cell{font-variant-numeric:tabular-nums;font-size:.85rem;color:var(--foreground, #f1f5f9)}.monitor-container .table-scroll{overflow-x:auto}.monitor-container .data-table{width:100%;border-collapse:collapse;font-size:.85rem}.monitor-container .data-table th{text-align:left;color:var(--secondary-text, #94a3b8);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--border, rgba(255, 255, 255, .1));white-space:nowrap}.monitor-container .data-table td{padding:8px 10px;border-bottom:1px solid var(--border, rgba(255, 255, 255, .05));color:var(--foreground, #f1f5f9);vertical-align:middle}.monitor-container .truncate-cell{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-container .audit-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.monitor-container .audit-row{display:flex;align-items:center;gap:12px;padding:8px 10px;background:var(--background, #0f172a);border-radius:var(--border-radius-sm, 6px);flex-wrap:wrap}.monitor-container .audit-actor{flex:1;font-size:.85rem;color:var(--foreground, #f1f5f9);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-container .audit-time{font-variant-numeric:tabular-nums;font-size:.78rem;color:var(--secondary-text, #64748b);white-space:nowrap}@media(max-width:768px){.monitor-container .monitor-container{padding:20px 16px}.monitor-container h1{font-size:1.75rem}.monitor-container .form-grid,.monitor-container .score-grid{grid-template-columns:1fr}.monitor-container .stat-grid{grid-template-columns:repeat(2,1fr)}}