:root{--color-primary:#06c;--color-success:#28a745;--color-danger:#dc3545;--color-warning:#ffc107;--color-dark:#1a1a1a;--color-light:#f5f5f5;--color-text:#333;--color-border:#ddd;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:20px;--spacing-xl:30px;--border-radius-sm:4px;--border-radius-md:8px;--font-family:"Space Grotesk","Helvetica Neue",sans-serif;--font-size-sm:12px;--font-size-md:14px;--font-size-lg:18px;--font-size-xl:24px}.app-layout{background:var(--color-light);display:flex;height:100vh}.sidenav{background:#fff;border-right:1px solid var(--color-border);box-shadow:10px 0 30px #0f172a0f;color:var(--color-text);flex-shrink:0;overflow-y:auto;padding:var(--spacing-lg);width:250px}.sidenav-logo{align-items:center;color:var(--color-primary);display:flex;gap:12px;margin-bottom:28px}.logo-mark{background:#e0ecff;border-radius:14px;color:#1d4ed8;display:grid;font-size:18px;height:42px;place-items:center;width:42px}.logo-title{font-size:18px;font-weight:700}.logo-subtitle{color:#64748b;font-size:12px}.sidenav-menu{list-style:none;margin:0;padding:0}.sidenav-item{align-items:center;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--color-text);cursor:pointer;display:flex;font-size:var(--font-size-md);gap:10px;margin:5px 0;padding:10px 15px;text-align:left;width:100%}.sidenav-item:hover{background:#f1f5f9;transform:translateX(2px)}.sidenav-item.active{background:#e0ecff;color:#0f172a;font-weight:700}.sidenav-icon{align-items:center;color:#1d4ed8;display:inline-flex;font-size:18px;justify-content:center;width:24px}.page-container{flex:1 1;overflow-y:auto;padding:var(--spacing-xl)}@media (max-width:768px){.app-layout{flex-direction:column}.sidenav{align-items:center;display:flex;height:auto;width:100%}.sidenav-menu{display:flex;gap:var(--spacing-sm)}.sidenav-item{margin:0}.page-container{padding:var(--spacing-lg)}}.stats-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--spacing-lg)}.section-title{color:var(--color-text);font-size:18px;font-weight:700;margin:0 0 var(--spacing-md)}.section-banner{align-items:center;border:1px solid #e2e8f0;border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-md);justify-content:space-between;margin:var(--spacing-lg) 0 var(--spacing-md);padding:12px 16px}.section-banner h2{font-size:18px;font-weight:700;margin:0}.section-note{color:#475569;font-size:12px;font-weight:600}.db-banner,.purchased-banner,.salt-banner{background:linear-gradient(135deg,#dbeafe,#eff6ff)}.compact-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:var(--spacing-lg)}.compact-stat{grid-gap:6px;background:#fff;border:1px solid #e2e8f0;border-radius:var(--border-radius-md);box-shadow:0 1px 3px #0f172a14;display:grid;gap:6px;padding:12px 14px}.compact-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.tooltip{cursor:help;position:relative}.label-asterisk{color:#dc2626;margin-left:2px}.tooltip[data-tooltip]:after{background:#0f172a;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 10px 20px #0f172a33;color:#f8fafc;content:attr(data-tooltip);font-size:12px;line-height:1.4;max-width:240px;padding:8px 10px;pointer-events:none;width:-webkit-max-content;width:max-content}.tooltip[data-tooltip]:after,.tooltip[data-tooltip]:before{left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .15s ease;z-index:10}.tooltip[data-tooltip]:before{border-color:#0f172a #0000 #0000;border-style:solid;border-width:6px 6px 0;bottom:calc(100% + 2px);content:""}.tooltip[data-tooltip]:hover:after,.tooltip[data-tooltip]:hover:before{opacity:1}.compact-value{color:#0f172a;font-size:18px;font-weight:700}.stat-tile{background:#fff;border-left:4px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:0 2px 6px #00000014;padding:var(--spacing-lg);position:relative;text-align:center}.stat-tile.loading{opacity:.6}.stat-tile-blue{background:linear-gradient(140deg,#e0ecff,#f7fbff);border-left-color:var(--color-primary)}.stat-tile-green{background:linear-gradient(140deg,#ddf7e8,#f6fffb);border-left-color:var(--color-success)}.stat-tile-red{background:linear-gradient(140deg,#ffe2e6,#fff7f8);border-left-color:var(--color-danger)}.stat-icon{border-radius:12px;display:grid;font-size:20px;font-weight:700;height:44px;margin:0 auto var(--spacing-sm);place-items:center;width:44px}.stat-icon-blue{background:#3b82f6;color:#eff6ff}.stat-icon-green{background:#22c55e;color:#f0fdf4}.stat-icon-red{background:#ef4444;color:#fff1f2}.quick-stats .stat-title{font-size:11px;letter-spacing:.6px}.quick-stats .stat-value{font-size:20px;margin:8px 0 0}.stat-tile-amber{background:linear-gradient(140deg,#fff3d6,#fffaf1);border-left-color:#f59e0b}.stat-icon-amber{background:#f59e0b;color:#fff7ed}.stat-tile-purple{background:linear-gradient(140deg,#efe7ff,#f9f6ff);border-left-color:#8b5cf6}.stat-icon-purple{background:#8b5cf6;color:#f5f3ff}.stat-tile-teal{background:linear-gradient(140deg,#d7f7f3,#f1fffd);border-left-color:#14b8a6}.stat-icon-teal{background:#14b8a6;color:#ecfeff}.stat-title{color:#666;font-size:var(--font-size-sm);letter-spacing:1px;text-transform:uppercase}.stat-value{color:var(--color-text);font-size:32px;font-weight:700;margin:10px 0}.info-card{background:#fff;border-radius:var(--border-radius-md);box-shadow:0 2px 6px #00000014;padding:var(--spacing-lg)}.info-card-title{margin-bottom:var(--spacing-md)}.info-items{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm)}.info-item{display:flex;font-size:var(--font-size-md);justify-content:space-between}.info-label{color:#666}.loading-spinner{padding:40px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid var(--color-primary);display:inline-block;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.error-banner{align-items:center;background:#f8d7da;border-radius:var(--border-radius-sm);color:#721c24;display:flex;gap:10px;margin-bottom:var(--spacing-lg);padding:12px 16px}.cache-banner,.nodes-actions{align-items:center;background:#eef6ff;border:1px solid #cfe3ff;border-radius:var(--border-radius-sm);color:#1d4ed8;display:flex;font-size:var(--font-size-sm);gap:12px;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:10px 14px}.cache-actions{align-items:center;display:flex;gap:10px}.cache-refresh-btn{background:#fff;border:1px solid #1d4ed8;border-radius:var(--border-radius-sm);color:#1d4ed8}.cache-refresh-btn,.cache-sync-btn{cursor:pointer;font-size:var(--font-size-sm);padding:6px 12px}.cache-sync-btn{background:#0f766e;border:1px solid #0f766e;border-radius:var(--border-radius-sm);color:#fff}.cache-sync-btn:disabled{cursor:not-allowed;opacity:.7}.sync-report{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-lg);padding:16px}.sync-header{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.sync-header h2{font-size:18px;margin:0}.sync-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:16px}.sync-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--border-radius-sm);padding:12px}.sync-card h3{color:#475569;font-size:14px;letter-spacing:.04em;margin:0 0 8px;text-transform:uppercase}.sync-card p{margin:4px 0}.sync-lists{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.sync-list h3{font-size:15px;margin-bottom:8px}.sync-subsection{margin-bottom:12px}.sync-subsection h4{color:#475569;font-size:14px;margin:10px 0 6px}.sync-nodes-list{grid-gap:6px;display:grid;gap:6px;list-style:none;margin:0;padding:0}.sync-nodes-list li{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:var(--border-radius-sm);display:flex;font-size:13px;gap:8px;justify-content:space-between;padding:6px 8px}.sync-add-link{color:#0f766e;font-size:12px;font-weight:600;text-decoration:none}.sync-add-link:hover{text-decoration:underline}.error-retry-btn{background:#0000;border:1px solid #721c24;border-radius:var(--border-radius-sm);color:#721c24;cursor:pointer;margin-left:auto;padding:6px 12px}.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.status-idle{background:#e2e3e5;color:#383d41}.status-running{background:#fff3cd;color:#856404}.status-success{background:#d4edda;color:#155724}.status-failed{background:#f8d7da;color:#721c24}.progress-container{margin-bottom:var(--spacing-md)}.progress-bar{background:#f0f0f0;border-radius:var(--border-radius-sm);height:24px;overflow:hidden;width:100%}.progress-fill{align-items:center;background:linear-gradient(90deg,#06c,#0052a3);color:#fff;display:flex;font-size:12px;height:100%;justify-content:center;transition:width .3s}.progress-message{color:#666;font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:var(--spacing-lg)}.filter-group{align-items:center;display:flex;gap:8px}.filter-group label{color:#475569;font-size:12px;font-weight:600}.select-input{background:#fff;border-radius:var(--border-radius-sm)}.search-input,.select-input{border:1px solid var(--color-border);font:inherit;padding:8px 12px}.search-input{border-radius:var(--border-radius-sm);flex:1 1;min-width:min(240px,100%)}.filter-btn{background:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);cursor:pointer;padding:8px 16px}.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.node-section{margin-bottom:var(--spacing-xl)}.node-section-title{font-size:16px;margin-bottom:var(--spacing-md)}.nodes-table{background:#fff;border-collapse:collapse;border-radius:var(--border-radius-sm);box-shadow:0 2px 4px #00000014;overflow:hidden;width:100%}.nodes-table thead{background:#f5f5f5;border-bottom:1px solid var(--color-border)}.nodes-table td,.nodes-table th{border-bottom:1px solid #eee;padding:12px 16px;text-align:left;vertical-align:top}.table-actions{gap:8px}.table-action-btn{background:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:inherit;cursor:pointer;font-size:var(--font-size-sm);padding:6px 10px;text-decoration:none}.table-action-btn.danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.table-action-btn.disabled{cursor:not-allowed;opacity:.6}.table-link{color:var(--color-primary);font-weight:600;text-decoration:none}.table-link:hover{text-decoration:underline}.table-sort{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.table-primary{color:#0f172a;font-weight:600}.table-secondary{color:#64748b;font-size:12px;margin-top:4px;overflow-wrap:anywhere}.table-sort.sorted:after{color:#999;content:" ⇅";font-size:12px}.table-sort.sorted.asc:after{color:var(--color-primary);content:" ↑"}.table-sort.sorted.desc:after{color:var(--color-primary);content:" ↓"}.node-status{align-items:center;display:flex;font-weight:600;gap:8px}.status-badge-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.status-badge-dot.up{background:var(--color-success)}.status-badge-dot.down{background:var(--color-danger)}.no-data{color:#777;padding:30px}.forms-container{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.operation-section,.server-form{background:#fff;border-radius:var(--border-radius-md);box-shadow:0 2px 4px #00000014;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.form-group,.form-title{margin-bottom:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:6px}.form-hint{color:#64748b;font-size:12px;margin:4px 0 10px}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-family:inherit;font-size:var(--font-size-md);padding:10px 12px}.radio-group{align-items:center;display:flex;flex-wrap:wrap;gap:18px;padding:6px 0 2px}.radio-group label{align-items:center;cursor:pointer;display:inline-flex;gap:8px;margin:0}.radio-group input[type=radio]{margin:0}.field-error{color:#b91c1c;font-size:var(--font-size-sm)}.required-asterisk{color:var(--color-danger);font-weight:700}.form-buttons{display:flex;gap:10px}.btn-submit{border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:600;padding:10px 20px}.btn-submit.create{background:var(--color-success);color:#fff}.btn-submit.destroy{background:var(--color-danger);color:#fff}.command-actions{align-items:center;display:flex;gap:10px}.operation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.btn-clear{background:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);cursor:pointer;padding:6px 12px}.metrics-btn{background:#2563eb;border-color:#2563eb;color:#fff}.metrics-btn:hover{background:#1d4ed8;border-color:#1d4ed8}.metrics-btn:disabled{cursor:not-allowed;opacity:.6}.health-info-btn{background:#0ea5e9;border-color:#0ea5e9;color:#fff}.health-info-btn:hover{background:#0284c7;border-color:#0284c7}.logs-container{margin-top:var(--spacing-md)}.logs-title{font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--spacing-sm)}.logs-output{background:#1e1e1e;border:1px solid #333;border-radius:var(--border-radius-sm);color:#d4d4d4;font-family:IBM Plex Mono,monospace;font-size:12px;height:400px;line-height:1.5;overflow-y:auto;padding:15px}.page-header{align-items:flex-start;display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-md)}.page-subtitle{color:#556070;margin-top:6px}.page-actions{display:flex;gap:10px}.pagination-controls{align-items:center;display:flex;gap:8px}.pagination-controls select{border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:6px 8px}.pagination-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:var(--spacing-md)}.table-actions{display:flex;gap:6px}.form-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-group-full,.info-item-full{grid-column:1/-1}.info-items.purchased-details{align-items:center;column-gap:12px;grid-template-columns:220px 1fr;row-gap:8px}.info-items.purchased-details .info-item{display:contents}.info-items.purchased-details .info-label{color:#4b5563;font-weight:600}.salt-keys-page{display:flex;flex-direction:column;gap:var(--spacing-lg)}.salt-keys-header{align-items:flex-start;display:flex;gap:var(--spacing-md);justify-content:space-between}.salt-keys-subtitle{color:#556070;margin-top:6px}.salt-keys-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.salt-keys-card{background:#fff;border-left:4px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:0 2px 6px #00000014;padding:var(--spacing-lg)}.salt-keys-card-green{background:linear-gradient(140deg,#e7f7ef,#fbfffd);border-left-color:var(--color-success)}.salt-keys-card-amber{background:linear-gradient(140deg,#fff3d6,#fffaf1);border-left-color:#f59e0b}.salt-keys-card-red{background:linear-gradient(140deg,#ffe2e6,#fff7f8);border-left-color:var(--color-danger)}.salt-keys-card-purple{background:linear-gradient(140deg,#efe7ff,#f9f6ff);border-left-color:#8b5cf6}.salt-keys-card-title{color:#667085;font-size:var(--font-size-sm);letter-spacing:1px;text-transform:uppercase}.salt-keys-card-count{font-size:28px;font-weight:700;margin-top:var(--spacing-sm)}.salt-keys-sections{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg)}.salt-keys-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.salt-keys-pill{background:#eef2ff;border-radius:999px;color:#3730a3;font-size:12px;font-weight:600;padding:4px 10px}.salt-keys-list{grid-gap:6px;display:grid;gap:6px;list-style:none;margin:0;padding:0}.salt-keys-list li{background:#f8fafc;border-radius:var(--border-radius-sm);font-family:IBM Plex Mono,monospace;font-size:13px;padding:6px 10px}.salt-keys-updated{color:#6b7280;font-size:12px}.salt-keys-search{margin-bottom:var(--spacing-sm)}.log-line{word-wrap:break-word;margin-bottom:2px;white-space:pre-wrap}.deploy-card{background:#fff;border-radius:var(--border-radius-md);box-shadow:0 2px 4px #00000014;max-width:560px;padding:var(--spacing-lg)}.radio-row{display:flex;flex-wrap:wrap;gap:12px}.radio-pill{align-items:center;border:1px solid var(--color-border);border-radius:999px;cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);gap:6px;padding:8px 12px}.command-preview{grid-gap:6px;background:#0f172a;border-radius:var(--border-radius-sm);color:#e2e8f0;display:grid;font-size:12px;gap:6px;margin-bottom:var(--spacing-md);max-width:100%;overflow:hidden;padding:12px}.command-preview code{display:block;font-family:IBM Plex Mono,monospace;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}.modal-backdrop{background:#0f172a73;display:grid;inset:0;padding:var(--spacing-lg);place-items:center;position:fixed;z-index:20}.modal-card{grid-gap:var(--spacing-md);background:#fff;border-radius:var(--border-radius-md);box-shadow:0 12px 30px #0f172a33;display:grid;gap:var(--spacing-md);max-width:420px;padding:var(--spacing-lg);width:100%}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.dashboard-sections{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:var(--spacing-lg)}.dashboard-card{background:#fff;border-radius:var(--border-radius-md);box-shadow:0 2px 6px #00000014;padding:var(--spacing-lg)}.section-header{align-items:center;display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-md)}.charts-row{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.key-list{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm)}.key-item{display:flex;font-size:var(--font-size-md);justify-content:space-between}.node-link{color:#2563eb;font-weight:600;text-decoration:none}.node-link:hover{text-decoration:underline}.pie-chart-card{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md)}.pie-chart-title{font-size:var(--font-size-md);font-weight:600;margin:0}.pie-chart-wrap{grid-gap:var(--spacing-lg);align-items:center;display:grid;gap:var(--spacing-lg);grid-template-columns:180px 1fr;justify-items:center}.pie-chart{height:180px;width:180px}.pie-ring{stroke:#e5e7eb}.pie-ring,.pie-segment{fill:#0000;stroke-width:10}.pie-segment{stroke-linecap:butt}.pie-total{fill:#111827;font-size:.5rem;font-weight:700}.pie-total-label{fill:#6b7280;font-size:.25rem}.pie-legend{grid-gap:8px;display:grid;font-size:var(--font-size-sm);gap:8px}.pie-legend-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:12px 1fr auto}.pie-legend-dot{border-radius:999px;height:10px;width:10px}.pie-legend-label{color:#111827}.pie-legend-value{color:#6b7280;font-weight:600}.bar-chart-card{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md)}.bar-chart-title{font-size:var(--font-size-md);font-weight:600;margin:0}.bar-chart-axis{grid-gap:10px;align-items:stretch;display:grid;gap:10px;grid-template-columns:42px 1fr}.bar-chart-y{color:#6b7280;display:flex;flex-direction:column;font-size:12px;font-weight:600;height:180px;justify-content:space-between}.bar-chart-y-label{padding-right:6px;text-align:right}.bar-chart-plot{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(70px,110px));height:180px;justify-content:center;position:relative}.bar-chart-grid{inset:0;pointer-events:none;position:absolute}.bar-chart-grid-line{background:#e5e7eb}.bar-chart-grid-line,.bar-chart-x-axis{height:1px;left:0;position:absolute;right:0}.bar-chart-x-axis{background:#cbd5f5;bottom:0;pointer-events:none}.bar-chart-x{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(70px,110px));justify-content:center;margin-top:8px}.bar-chart-x-label{color:#111827;font-size:12px;font-weight:600;text-align:center;text-transform:capitalize}.bar-col{grid-gap:6px;align-items:end;display:grid;font-size:var(--font-size-sm);gap:6px;grid-template-rows:1fr;height:100%;justify-items:center}.bar-col-value{color:#6b7280;font-size:12px;font-weight:600;left:50%;position:absolute;text-align:center;top:-18px;transform:translateX(-50%);white-space:nowrap}.bar-col-track{align-items:flex-end;background:#0000;display:flex;height:100%;overflow:visible;width:70px}.bar-col-fill,.bar-col-track{border-radius:0;position:relative}.bar-col-fill{background:linear-gradient(180deg,#2563eb,#38bdf8);width:100%}.bar-chart-card.horizontal .bar-chart-plot{gap:10px;grid-template-columns:1fr;height:auto;width:100%}.bar-chart-card.horizontal .bar-chart-grid-line{background:#e5e7eb;bottom:0;height:auto;left:0;right:auto;top:0;width:1px}.bar-chart-card.horizontal .bar-chart-x{gap:6px;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));margin-top:6px;padding-left:160px}.bar-chart-card.horizontal .bar-chart-x-label{color:#6b7280;font-size:11px}.bar-chart-rows-horizontal{grid-gap:12px;display:grid;gap:12px;position:relative;z-index:1}.bar-row-horizontal{grid-gap:14px;align-items:center;display:grid;gap:14px;grid-template-columns:160px 1fr}.bar-row-label{color:#111827;font-size:12px;font-weight:600;overflow:hidden;padding-right:10px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.bar-row-track{background:#0000;height:22px;position:relative;width:100%}.bar-row-fill{border-radius:6px;height:100%;min-width:4px;position:relative}.bar-row-value{color:#0f172a;font-size:12px;font-weight:600;position:absolute;right:8px;top:50%;transform:translateY(-50%);white-space:nowrap}.bar-chart-card.horizontal .bar-chart-grid{left:160px;right:0}.bar-chart-card.horizontal .bar-chart-axis{gap:0;grid-template-columns:1fr}.node-details-page{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg)}.node-details-header{align-items:flex-start;display:flex;gap:var(--spacing-lg);justify-content:space-between}.node-details-header h1{margin:8px 0 4px}.node-details-subtitle{margin:0}.back-link,.node-details-subtitle{color:#6b7280;font-size:var(--font-size-sm)}.back-link{text-decoration:none}.back-link:hover{color:#2563eb}.node-details-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.details-card{grid-gap:var(--spacing-md);background:#fff;border-radius:var(--border-radius-md);box-shadow:0 2px 6px #00000014;display:grid;gap:var(--spacing-md);padding:var(--spacing-lg)}.details-card h2{margin:0}.details-card-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.opt-out-form-card{margin-bottom:var(--spacing-lg)}.opt-out-reason-cell{overflow-wrap:anywhere;white-space:normal}.opt-out-modal-card{max-width:760px}.table-scroll-wrap{max-width:100%;overflow-x:auto;width:100%}.opt-out-table{table-layout:fixed}.opt-out-table td,.opt-out-table th{font-size:13px;overflow-wrap:anywhere;padding:10px 12px;word-break:break-word}.opt-out-table td:first-child,.opt-out-table th:first-child{width:52px}.opt-out-table td:nth-child(2),.opt-out-table th:nth-child(2){width:15%}.opt-out-table td:nth-child(3),.opt-out-table th:nth-child(3){width:9%}.opt-out-table td:nth-child(4),.opt-out-table th:nth-child(4){width:10%}.opt-out-table td:nth-child(5),.opt-out-table th:nth-child(5){width:25%}.opt-out-table td:nth-child(6),.opt-out-table th:nth-child(6){width:11%}.opt-out-table td:nth-child(7),.opt-out-table th:nth-child(7){width:16%}.opt-out-table td:nth-child(8),.opt-out-table th:nth-child(8){width:7%}.opt-out-table td:nth-child(9),.opt-out-table th:nth-child(9){width:96px}.abuse-emails-table{min-width:980px}.abuse-emails-table td,.abuse-emails-table th{font-size:13px;overflow-wrap:anywhere}.abuse-opt-out-btn{background:#2563eb;border-color:#2563eb;color:#fff}.abuse-opt-out-btn:hover{background:#1d4ed8;border-color:#1d4ed8}.abuse-sync-btn{background:#2563eb;border-color:#2563eb;color:#fff}.abuse-sync-btn:hover{background:#1d4ed8;border-color:#1d4ed8}.abuse-clear-btn{background:#dc2626;border-color:#dc2626;color:#fff}.abuse-clear-btn:hover{background:#b91c1c;border-color:#b91c1c}.abuse-opt-out-status{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;padding:4px 10px}.abuse-opt-out-status.is-opted-out{background:#dcfce7;color:#166534}.abuse-opt-out-status.is-pending{background:#fee2e2;color:#991b1b}.opt-out-edit-modal-card input[readonly],.opt-out-edit-modal-card textarea[readonly]{background:#f1f5f9;border-color:#cbd5e1;color:#64748b}.opt-out-edit-modal-card input[readonly]:focus,.opt-out-edit-modal-card textarea[readonly]:focus{box-shadow:none;outline:none}.opt-out-edit-btn{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8;font-weight:600}.details-list{grid-gap:10px;display:grid;gap:10px}.details-row{display:flex;font-size:var(--font-size-sm);gap:12px;justify-content:space-between}.details-row span{color:#6b7280}.details-row strong{color:#111827}.connect-card{gap:var(--spacing-lg)}.connect-header{align-items:center;display:flex;justify-content:space-between}.connect-grid{grid-gap:var(--spacing-lg);align-items:start;display:grid;gap:var(--spacing-lg);grid-template-columns:minmax(260px,360px) 1fr}.connect-grid>*{min-width:0}.connect-controls{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md)}.connect-controls select{border:1px solid #d1d5db;border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);padding:10px 12px}.stats-chart-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.line-chart-card{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm)}.line-chart-title{font-size:var(--font-size-md);font-weight:600;margin:0}.line-chart-wrap{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm)}.line-chart{height:auto;width:100%}.line-axis{stroke:#e5e7eb;stroke-width:1}.line-path{fill:none;stroke:#2563eb;stroke-width:2.5}.line-area{fill:#2563eb26;stroke:none}.line-dot{fill:#2563eb}.line-chart-meta{grid-gap:6px;color:#6b7280;display:grid;font-size:12px;font-size:var(--font-size-xs,12px);gap:6px}.line-chart-values{grid-gap:4px;display:grid;gap:4px}.line-chart-value{display:flex;justify-content:space-between}.line-chart-unit{color:#111827;font-weight:600}.empty-state{color:#888;font-size:var(--font-size-sm)}.skeleton{background:#e6eaf0;border-radius:var(--border-radius-md);overflow:hidden;position:relative}.skeleton:after{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,#0000,#ffffff80,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%)}.stat-skeleton{height:120px}.section-skeleton{height:140px}@keyframes shimmer{to{transform:translateX(100%)}}@media (max-width:768px){.nodes-table{display:block;overflow-x:auto}.pie-chart-wrap{justify-items:center;text-align:center}.bar-row,.pie-chart-wrap{grid-template-columns:1fr}.bar-row{gap:6px}.bar-value{text-align:left}.node-details-header{flex-direction:column}.connect-grid{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-light);color:var(--color-text);font-family:var(--font-family)}h1{font-size:28px;margin-bottom:var(--spacing-lg)}h2{font-size:18px;margin-bottom:var(--spacing-md)}.page-container{background:linear-gradient(180deg,#f9fbff,#f5f5f5)}
/*# sourceMappingURL=main.311f3923.css.map*/