body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:radial-gradient(circle at top,#020617,#000);color:#e5e7eb}.app-root{padding:24px}.app-header{margin-bottom:24px}.app-header h1{font-size:26px;font-weight:700}.muted{color:#9ca3af;font-size:13px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.svc-card{background:#020617;border:1px solid #1f2937;padding:14px;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;min-height:150px}.svc-card h3{margin:0;font-size:16px}.svc-card .subtitle{color:#9ca3af;margin-top:6px;margin-bottom:8px;font-size:13px}.svc-card-actions{display:flex;gap:8px;margin-top:12px;align-items:center}button,.btn{padding:8px 12px;border-radius:6px;border:1px solid #1f2937;background:#111827;color:#e5e7eb;cursor:pointer}button:hover,.btn:hover{background:#1f2937}.btn.outline{background:transparent;border:1px solid #374151}.btn.tiny{padding:6px 8px;font-size:12px}.svc-status{margin-top:10px;font-size:13px;padding:8px;border-radius:6px}.svc-status.ok{background:#052e16;color:#86efac}.svc-status.warn{background:#fef3c7;color:#92400e}.svc-status.fail{background:#450a0a;color:#fecaca}.favorites .fav-inputs{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.fav-inputs input{flex:1 1 150px}.fav-list{list-style:none;padding:0;margin-top:10px;max-height:260px;overflow:auto}.fav-list li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed #1f2937}.fav-list li a{color:#60a5fa;text-decoration:none}input,textarea,select{padding:8px;border-radius:6px;border:1px solid #1f2937;background:#020617;color:#e5e7eb}.opd-strip{display:flex;gap:10px;margin-top:8px;font-size:12px;align-items:center}.badge{padding:3px 8px;border-radius:999px;font-weight:600;letter-spacing:.3px}.badge.active{background:#052e1c;color:#4ade80}.badge.dormant{background:#1e293b;color:#facc15}.badge.archived{background:#111827;color:#9ca3af}.opd-age{color:#9ca3af}.badge{display:inline-block;padding:4px 8px;font-size:11px;border-radius:999px;border:1px solid transparent}.badge.green{background:#052e16;color:#4ade80;border-color:#166534}.badge.yellow{background:#3a2e05;color:#facc15;border-color:#854d0e}.badge.red{background:#3b0a0a;color:#f87171;border-color:#7f1d1d}.badge.gray{background:#1f2937;color:#9ca3af;border-color:#374151}.chip{padding:6px 12px;border-radius:999px;font-size:13px;background:#020617;border:1px solid #1f2937;color:#9ca3af;cursor:pointer}.chip.active{color:#e5e7eb;border-color:#334155;background:#020617}.opd-summary .svc-card{background:linear-gradient(180deg,#020617,#020617);border:1px solid rgba(255,255,255,.08)}.opd-summary .svc-card div:first-child{color:#9ca3af;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.opd-summary .svc-card div:last-child{color:#f9fafb;font-size:28px;font-weight:700}.opd-legend{font-size:.85rem;color:#9ca3af}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-weight:600;font-size:.7rem;margin-right:4px}.badge.ok{background:#064e3b;color:#34d399}.badge.warn{background:#3f2f00;color:#fbbf24}.badge.danger{background:#3f1d1d;color:#f87171}