@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{color-scheme:light;--bg-surface: #ffffff;--border-subtle: rgba(15, 23, 42, .1);--border-strong: rgba(15, 23, 42, .2);--text-main: #020617;--text-muted: #334155;--accent: #2563eb;--accent-hover: #1d4ed8;--success: #059669;--danger: #dc2626;--shadow-sm: 0 4px 12px -2px rgba(15, 23, 42, .06)}body{margin:0;padding:2rem;background:radial-gradient(circle at top left,#e0e7ff,#f8fafc 35%,#f1f5f9);background-attachment:fixed;color:var(--text-main);font-family:Inter,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}.container{max-width:880px;margin:0 auto}h1,h2,h3{font-weight:700;letter-spacing:-.03em;margin:0;color:var(--text-main)}h1{font-size:1.9rem}.subtitle{margin:.25rem 0 1.5rem;color:var(--text-muted);font-size:.95rem;font-weight:500}.status{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--text-main);margin-bottom:1.5rem;padding:.4rem .8rem;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:9999px;box-shadow:var(--shadow-sm)}.dot{width:6px;height:6px;border-radius:50%;background-color:var(--success);display:inline-block;box-shadow:0 0 6px #05966966}.summary{display:flex;gap:3rem;margin-bottom:2rem}.summary .label{display:block;font-size:.75rem;text-transform:uppercase;font-weight:700;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.35rem}.summary .value{font-size:2rem;font-weight:700;color:var(--text-main);letter-spacing:-.02em}table{width:100%;border-collapse:separate;border-spacing:0;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;margin-top:1rem;box-shadow:var(--shadow-sm)}th,td{text-align:left;padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle);font-size:.9rem;font-weight:500}th{background-color:#f1f5f9;font-weight:700;color:var(--text-muted);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}tr:last-child td{border-bottom:none}.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.85rem;color:var(--text-muted)}.muted{color:var(--text-muted)}.error{color:var(--danger);font-weight:600}.ok{color:var(--success);font-weight:600}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-strong)}.banner{background-color:#fef2f2;color:#b91c1c;padding:.85rem 1.25rem;border-radius:8px;border:1px solid #fecaca;margin-bottom:1.5rem;font-size:.9rem;font-weight:600}.tabs{display:flex;gap:.25rem;margin:1.5rem 0;background-color:#0f172a0f;padding:.4rem;border-radius:10px;width:fit-content}.tabs button{background:transparent;border:none;padding:.5rem 1.2rem;color:var(--text-muted);font-weight:600;font-size:.9rem;border-radius:6px;transition:all .2s ease;box-shadow:none}.tabs button:hover{color:var(--text-main);background:#0f172a0a}.tabs button.active{background-color:var(--bg-surface);color:var(--text-main);box-shadow:0 2px 4px #0f172a14}.cards{display:flex;flex-wrap:wrap;gap:1.2rem}.card,.panel{display:flex;flex-direction:column;padding:1.75rem;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:var(--shadow-sm);transition:transform .2s ease}.card:hover,.panel:hover{transform:translateY(-2px);box-shadow:0 8px 16px -4px #0f172a14}.card{min-width:180px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.stack{display:flex;flex-direction:column;gap:1.25rem}.panel h3{margin:0 0 1.25rem;font-size:1.15rem;color:var(--text-main)}input{display:block;width:100%;margin:.5rem 0;padding:.8rem 1rem;background-color:#f8fafc;border:1px solid var(--border-strong);border-radius:8px;color:var(--text-main);font-family:inherit;font-size:.9rem;font-weight:500;transition:all .2s ease;box-sizing:border-box}input:focus{outline:none;background-color:var(--bg-surface);border-color:var(--accent);box-shadow:0 0 0 3px #2563eb26}.row{display:flex;gap:.75rem;align-items:center}button{cursor:pointer;padding:.7rem 1.4rem;border-radius:8px;border:1px solid transparent;background-color:#0f172a;color:#fff;font-family:inherit;font-weight:600;font-size:.9rem;transition:all .15s ease;box-shadow:var(--shadow-sm)}button:hover{background-color:#1e293b}button:active{transform:scale(.97)}.topbar button{background-color:var(--bg-surface);border:1px solid var(--border-strong);color:var(--text-main)}.topbar button:hover{background-color:#f1f5f9}.panel button{width:100%;margin-top:.5rem;background-color:var(--accent);color:#fff}.panel button:hover{background-color:var(--accent-hover)}.status-box{margin-top:1.25rem;font-size:.9rem;font-weight:500;display:flex;flex-direction:column;gap:.5rem;padding:1rem;background-color:#f8fafc;border:1px solid var(--border-subtle);border-radius:8px}.app-footer{margin-top:4rem;padding-top:2.5rem;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:flex-end;gap:2rem}.footer-brand h4{margin:0 0 .5rem;font-size:1.15rem;color:var(--text-main);letter-spacing:-.02em}.footer-brand p{margin:0;font-size:.9rem;color:var(--text-muted);max-width:420px;line-height:1.5}.footer-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;font-size:.8rem}@media (max-width: 640px){body{padding:1rem}.topbar{flex-direction:column;align-items:flex-start;gap:1rem}.grid2{grid-template-columns:1fr}.tabs{flex-wrap:wrap}.app-footer{flex-direction:column;align-items:flex-start}.footer-meta{align-items:flex-start}}