@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg: #0a0a0a;--fg: #e0e0e0;--accent: #ff6600;--accent-dim: #cc5200;--green: #00cc66;--yellow: #ffcc00;--red: #ff3333;--gray: #666666;--orange: #ff8c00;--border: #333333;--surface: #141414;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg);color:var(--fg);font-family:var(--font-mono);font-size:14px;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-mono);cursor:pointer}.app{max-width:1200px;margin:0 auto;padding:0 20px}.nav{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border);margin-bottom:24px}.nav-links{display:flex;gap:24px}.nav-links a{color:var(--gray);text-decoration:none;font-size:14px}.nav-links a.active{color:var(--accent);font-weight:700}.nav-right{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--gray)}.nav-right button{background:none;border:1px solid var(--border);color:var(--fg);padding:4px 12px;border-radius:6px;cursor:pointer;font-size:12px}.loading,.unauthorized{display:flex;align-items:center;justify-content:center;min-height:50vh;color:var(--gray)}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:24px}.stat-card{background:var(--surface);border-radius:8px;padding:16px;text-align:center}.stat-card .value{font-size:28px;font-weight:700}.stat-card .label{font-size:12px;color:var(--gray);margin-top:4px}.data-table{width:100%;border:1px solid var(--border);border-radius:8px;border-collapse:separate;border-spacing:0;overflow:hidden;font-size:13px}.data-table th{background:var(--surface);text-align:left;padding:10px 14px;font-size:11px;text-transform:uppercase;color:var(--gray);letter-spacing:.5px;font-weight:700}.data-table td{padding:10px 14px;border-top:1px solid var(--border)}.data-table tr:hover td{background:var(--surface)}.data-table tr.clickable{cursor:pointer}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.status-dot.active{background:var(--green)}.status-dot.error{background:var(--red)}.status-dot.unused{background:var(--gray)}.status-dot.suspended{background:var(--orange)}.status-dot.warning{background:var(--yellow)}.search-filters{display:flex;gap:12px;margin-bottom:16px;align-items:center}.search-filters input{flex:1;padding:8px 12px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--fg);font-size:13px}.search-filters select{padding:8px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--fg);font-size:13px}.pagination{text-align:center;padding:12px;color:var(--gray);font-size:13px}.pagination button{background:none;border:1px solid var(--border);color:var(--fg);padding:4px 12px;border-radius:6px;cursor:pointer;margin:0 4px}.pagination button:disabled{opacity:.5;cursor:default}.info-banner{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:12px 16px;margin-bottom:20px;font-size:13px}.section-header{font-size:14px;font-weight:700;margin-bottom:12px}.connection-header{background:var(--surface);border-radius:8px;padding:16px;margin-bottom:20px}.connection-header .title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.connection-header .meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;font-size:13px}.connection-header .meta-label{font-size:11px;text-transform:uppercase;color:var(--gray);margin-bottom:2px}.status-badge{padding:2px 8px;border-radius:12px;font-size:11px;display:inline-block}.status-badge.active{background:#4caf5026;color:var(--green)}.status-badge.error{background:#f4433626;color:var(--red)}.status-badge.unused{background:#9e9e9e26;color:var(--gray)}.status-badge.suspended{background:#ff980026;color:var(--orange)}.back-link{font-size:13px;color:var(--accent);cursor:pointer;margin-bottom:16px;display:inline-block;text-decoration:none}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{background:var(--surface);border-radius:8px;padding:16px}.panel h3{font-size:14px;margin-bottom:12px}.error-item{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border);font-size:12px}.error-item:last-child{border-bottom:none}.bar-row{margin-bottom:10px}.bar-row .bar-label{display:flex;justify-content:space-between;margin-bottom:4px;font-size:13px}.bar-track{background:var(--border);border-radius:4px;height:8px}.bar-fill{border-radius:4px;height:8px}.confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.confirm-modal{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:24px;max-width:400px;width:90%}.confirm-modal h3{margin-bottom:12px}.confirm-modal p{margin-bottom:16px;color:var(--gray);font-size:13px}.confirm-modal .actions{display:flex;gap:12px;justify-content:flex-end}.confirm-modal button{padding:6px 16px;border-radius:6px;font-size:13px}.confirm-modal .btn-cancel{background:none;border:1px solid var(--border);color:var(--fg)}.confirm-modal .btn-confirm{background:var(--red);border:none;color:#fff}