:root{--bg: #e8ecf3;--surface: #ffffff;--surface-2: #f8fafc;--text: #0f172a;--text-muted: #64748b;--border: #e2e8f0;--border-focus: #94a3b8;--accent: #dc2626;--accent-hover: #b91c1c;--accent-soft: rgba(220, 38, 38, .1);--success: #059669;--error: #dc2626;--radius: 14px;--radius-sm: 10px;--shadow: 0 4px 24px rgba(15, 23, 42, .08), 0 1px 3px rgba(15, 23, 42, .06);--font: "DM Sans", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(220,38,38,.12),transparent),linear-gradient(180deg,var(--bg) 0%,#dfe6f0 100%);font-family:var(--font);font-size:15px;color:var(--text);-webkit-font-smoothing:antialiased}.page{max-width:1280px;margin:0 auto;padding:1.25rem 1.25rem 2rem}.toolbar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:1.25rem}.toolbar__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.35rem;background:linear-gradient(135deg,#1e293b,#0f172a);border-bottom:3px solid var(--accent)}.toolbar__brand{display:flex;align-items:center;gap:.85rem;min-width:0}.toolbar__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:12px;background:var(--accent-soft);color:#fca5a5;border:1px solid rgba(252,165,165,.25)}.toolbar__title{margin:0;font-size:1.2rem;font-weight:700;letter-spacing:-.02em;color:#f8fafc;line-height:1.2}.toolbar__subtitle{margin:.15rem 0 0;font-size:.8rem;font-weight:400;color:#94a3b8}.btn-refresh{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;flex-shrink:0;padding:.65rem 1.25rem;border:none;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s,transform .1s,box-shadow .15s;box-shadow:0 2px 8px #dc262659}.btn-refresh:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 14px #dc262666}.btn-refresh:active:not(:disabled){transform:scale(.98)}.btn-refresh:disabled{opacity:.65;cursor:wait}.btn-refresh:disabled .btn-refresh__icon{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toolbar__fields{display:grid;grid-template-columns:1fr minmax(140px,180px) minmax(160px,220px);gap:1.25rem 1.25rem;padding:1.25rem 1.35rem 1.1rem;background:var(--surface-2)}@media(max-width:992px){.toolbar__fields{grid-template-columns:1fr 1fr}.toolbar__fields .field--wide{grid-column:1 / -1}}.field{display:flex;flex-direction:column;gap:.4rem;min-width:0}.field__label{display:flex;align-items:baseline;gap:.5rem;margin:0;cursor:pointer}.field__label-text{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.field__label-host{font-size:.75rem;font-weight:500;color:var(--accent)}.field__label-badge{font-size:.72rem;font-weight:500;color:var(--text-muted);padding:.1rem .45rem;background:var(--border);border-radius:4px}.field__control{display:flex;align-items:stretch;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;transition:border-color .15s,box-shadow .15s}.field__control:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px #94a3b840}.field__prefix{display:flex;align-items:center;padding:0 .85rem;font-size:.95rem;font-weight:600;color:var(--text-muted);background:#f1f5f9;border-right:1px solid var(--border);user-select:none}.field__input{flex:1;min-width:0;padding:.7rem .9rem;border:none;background:transparent;font-family:inherit;font-size:.95rem;color:var(--text);outline:none}.field__input--solo{width:100%;padding:.7rem .9rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);transition:border-color .15s,box-shadow .15s}.field__input--solo:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #94a3b840;outline:none}.field__input::placeholder{color:#94a3b8}.field__hint{font-size:.75rem;color:var(--text-muted);padding-left:.1rem}.toolbar__status{display:flex;align-items:center;gap:.5rem;min-height:2.25rem;padding:.55rem 1.35rem;font-size:.8rem;color:var(--text-muted);background:var(--surface);border-top:1px solid var(--border)}.toolbar__status:not(:empty):before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success);flex-shrink:0}.toolbar__status.error{color:var(--error);background:#fef2f2}.toolbar__status.error:before{background:var(--error)}.toolbar__status:empty{display:none}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.tableFixHead{overflow:auto;max-height:calc(100vh - 280px)}.tableFixHead thead th{position:sticky;top:0;z-index:1;background:#1e293b;color:#f1f5f9;white-space:nowrap;font-weight:600;font-size:.8rem;border-color:#334155!important}.tableFixHead tbody th{background:#f8fafc;font-weight:600;color:var(--text)}.table td,.table th{vertical-align:middle}.row-highlight td,.row-highlight th{background-color:#fef9c3!important}.empty-state{text-align:center;padding:3.5rem 1.5rem;color:var(--text-muted);font-size:.95rem}.empty-state p{margin:0}@media(max-width:768px){.page{padding:.75rem}.toolbar__head{flex-wrap:wrap;padding:1rem}.btn-refresh{width:100%}.toolbar__fields{grid-template-columns:1fr;padding:1rem}}