@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500&display=swap";:root{--accent: #0d6e54;--accent-soft: #d6efe5;--bg: #f7f8f7;--bg-elev: #ffffff;--ink: #0d1f1a;--ink-2: #2d4039;--mute: #6b7a73;--line: #e3e8e4;--success: #0d6e54;--warn: #b45309;--danger: #b42318;--radius: 12px;--font: "Geist", system-ui, sans-serif;--mono: "Geist Mono", monospace}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--ink)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app-shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:var(--ink);color:#ecf2ef;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:2rem}.sidebar .brand{font-weight:700;font-size:1.1rem;letter-spacing:-.02em}.sidebar nav{display:flex;flex-direction:column;gap:.25rem}.sidebar a{color:#c8d4ce;padding:.6rem .75rem;border-radius:8px;text-decoration:none;font-size:.9rem}.sidebar a.active,.sidebar a:hover{background:#ffffff14;color:#fff;text-decoration:none}.main{padding:1.5rem 2rem;max-width:1200px}.page-title{margin:0 0 1.25rem;font-size:1.5rem;font-weight:600}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem}.card .label{font-size:.75rem;color:var(--mute);text-transform:uppercase;letter-spacing:.04em}.card .value{font-size:1.35rem;font-weight:600;margin-top:.35rem}.panel{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.filters{display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem;border-bottom:1px solid var(--line);align-items:flex-end}.filters label{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:var(--mute)}.filters input,.filters select{font:inherit;padding:.45rem .6rem;border:1px solid var(--line);border-radius:8px;min-width:120px}table.data{width:100%;border-collapse:collapse;font-size:.875rem}table.data th,table.data td{padding:.65rem 1rem;text-align:left;border-bottom:1px solid var(--line)}table.data th{font-weight:500;color:var(--mute);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}table.data tr:hover td{background:#fafbfa}.badge{display:inline-block;padding:.2rem .5rem;border-radius:6px;font-size:.72rem;font-weight:500}.badge.success{background:var(--accent-soft);color:var(--success)}.badge.active{background:#dbeafe;color:#1e40af}.badge.warn{background:#fef3c7;color:var(--warn)}.badge.danger{background:#fee4e2;color:var(--danger)}.badge.muted{background:#eef2ee;color:var(--mute)}.btn{font:inherit;padding:.5rem 1rem;border-radius:8px;border:1px solid var(--line);background:var(--bg-elev);cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.pagination{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-top:1px solid var(--line);font-size:.875rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:1rem}.detail-grid dt{font-size:.72rem;color:var(--mute);text-transform:uppercase}.detail-grid dd{margin:.2rem 0 0;font-weight:500;word-break:break-all}.mono{font-family:var(--mono);font-size:.85em}.alert{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.alert.error{background:#fee4e2;color:var(--danger)}.alert.info{background:var(--accent-soft);color:var(--success)}.spinner{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:2rem auto}@keyframes spin{to{transform:rotate(360deg)}}.center{display:flex;align-items:center;justify-content:center;min-height:200px}.health-bar{font-size:.8rem;color:var(--mute);margin-top:auto;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 768px){.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;flex-wrap:wrap;align-items:center}.sidebar nav{flex-direction:row;flex-wrap:wrap}}