html,body{background-color:var(--vg-color-bg);color:var(--vg-color-text);margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root{--vg-primary-50:#ecfdf5;--vg-primary-100:#d1fae5;--vg-primary-200:#a7f3d0;--vg-primary-300:#6ee7b7;--vg-primary-400:#34d399;--vg-primary-500:#22c55e;--vg-primary-600:#16a34a;--vg-primary-700:#15803d;--vg-primary-800:#166534;--vg-primary-900:#14532d;--vg-on-primary:#fff;--vg-accent-50:#f0f9ff;--vg-accent-100:#e0f2fe;--vg-accent-200:#bae6fd;--vg-accent-300:#7dd3fc;--vg-accent-400:#38bdf8;--vg-accent-500:#0ea5e9;--vg-accent-600:#0284c7;--vg-accent-700:#0369a1;--vg-accent-800:#075985;--vg-accent-900:#0c4a6e;--vg-on-accent:#fff;--vg-danger-50:#fef2f2;--vg-danger-100:#fee2e2;--vg-danger-200:#fecaca;--vg-danger-300:#fca5a5;--vg-danger-400:#f87171;--vg-danger-500:#ef4444;--vg-danger-600:#dc2626;--vg-danger-700:#b91c1c;--vg-danger-800:#991b1b;--vg-danger-900:#7f1d1d;--vg-on-danger:#fff;--vg-warn-50:#fffbeb;--vg-warn-100:#fef3c7;--vg-warn-200:#fde68a;--vg-warn-300:#fcd34d;--vg-warn-400:#fbbf24;--vg-warn-500:#f59e0b;--vg-warn-600:#d97706;--vg-warn-700:#b45309;--vg-warn-800:#92400e;--vg-warn-900:#78350f;--vg-on-warn:#1f2937;--vg-neutral-50:#f8fafc;--vg-neutral-100:#f1f5f9;--vg-neutral-200:#e2e8f0;--vg-neutral-300:#cbd5e1;--vg-neutral-400:#94a3b8;--vg-neutral-500:#64748b;--vg-neutral-600:#475569;--vg-neutral-700:#334155;--vg-neutral-800:#1e293b;--vg-neutral-900:#0f172a;--vg-color-bg:var(--vg-neutral-100);--vg-color-bg-soft:#fff;--vg-color-bg-elevated:#fff;--vg-color-surface:#fff;--vg-color-surface-elevated:#fff;--vg-color-border-subtle:var(--vg-neutral-200);--vg-color-border:var(--vg-neutral-300);--vg-color-text:var(--vg-neutral-900);--vg-color-text-muted:var(--vg-neutral-500);--vg-color-text-inverse:var(--vg-neutral-50);--vg-color-primary:var(--vg-primary-500);--vg-color-primary-soft:var(--vg-primary-100);--vg-color-primary-strong:var(--vg-primary-600);--vg-color-primary-hover:var(--vg-primary-600);--vg-color-primary-active:var(--vg-primary-700);--vg-color-accent:var(--vg-accent-500);--vg-color-accent-soft:var(--vg-accent-100);--vg-color-accent-strong:var(--vg-accent-600);--vg-color-danger:var(--vg-danger-500);--vg-color-danger-soft:var(--vg-danger-100);--vg-color-danger-strong:var(--vg-danger-600);--vg-color-danger-hover:var(--vg-danger-600);--vg-color-warn:var(--vg-warn-500);--vg-color-warn-soft:var(--vg-warn-100);--vg-color-warn-strong:var(--vg-warn-600);--vg-focus-ring:0 0 0 2px var(--vg-neutral-50),0 0 0 4px var(--vg-primary-500);--vg-radius-lg:.75rem;--vg-radius-md:.5rem;--vg-radius-sm:.375rem;--vg-shadow-soft:0 10px 30px #0f172a1f;--vg-shadow-subtle:0 4px 12px #0f172a14;--vg-transition-fast:.15s ease-out;--vg-transition-normal:.22s ease-out}a{color:inherit;text-decoration:none}*,:before,:after{box-sizing:border-box}.vg-layout{align-items:flex-start;min-height:100vh;display:flex}.vg-sidebar{background:var(--vg-neutral-900);border-right:1px solid var(--vg-neutral-800);z-index:30;flex-direction:column;flex-shrink:0;align-self:flex-start;width:260px;height:100vh;max-height:100vh;padding:1.5rem 1.25rem;display:flex;position:sticky;top:0;overflow:hidden auto}.vg-sidebar-title{color:var(--vg-neutral-100);letter-spacing:.02em;margin-bottom:1.5rem;font-size:1.25rem;font-weight:700}.vg-sidebar-nav{flex-direction:column;flex:1;gap:.25rem;display:flex}.vg-sidebar-icon{font-size:18px}.vg-sidebar-link{border-radius:var(--vg-radius-md);color:var(--vg-neutral-400);transition:background-color var(--vg-transition-fast),color var(--vg-transition-fast),border-color var(--vg-transition-fast),transform var(--vg-transition-fast);border-left:3px solid #0000;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.95rem;display:flex}.vg-sidebar-link-active{background:var(--vg-neutral-800);color:var(--vg-primary-300);border-left-color:var(--vg-color-primary)}.vg-sidebar-link:hover{background:var(--vg-neutral-800);color:var(--vg-neutral-100);transform:translate(2px)}.vg-sidebar-link:focus-visible{box-shadow:0 0 0 2px var(--vg-neutral-800),0 0 0 4px var(--vg-primary-500);outline:none}.vg-sidebar-line{background:var(--vg-neutral-700);flex-shrink:0;height:1px;margin:.5rem 0 .75rem}.vg-sidebar-footer{flex-shrink:0;padding-top:.25rem}.vg-sidebar-theme-label{color:var(--vg-neutral-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}.vg-sidebar-theme-toggle{border-radius:var(--vg-radius-md);background:var(--vg-neutral-800);gap:.25rem;padding:2px;display:flex}.vg-sidebar-theme-btn{color:var(--vg-neutral-400);border-radius:var(--vg-radius-sm);cursor:pointer;transition:background var(--vg-transition-fast),color var(--vg-transition-fast);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.4rem .5rem;font-size:.8rem;font-weight:500;display:inline-flex}.vg-sidebar-theme-btn:hover{color:var(--vg-neutral-200);background:var(--vg-neutral-700)}.vg-sidebar-theme-btn--active{background:var(--vg-primary-600);color:var(--vg-on-primary)}.vg-sidebar-theme-btn--active:hover{background:var(--vg-primary-700);color:var(--vg-on-primary)}.vg-sidebar--light{background:var(--vg-color-surface);border-right-color:var(--vg-color-border-subtle)}.vg-sidebar--light .vg-sidebar-title{color:var(--vg-color-text)}.vg-sidebar--light .vg-sidebar-link{color:var(--vg-color-text-muted)}.vg-sidebar--light .vg-sidebar-link:hover{background:var(--vg-neutral-100);color:var(--vg-color-text)}.vg-sidebar--light .vg-sidebar-link-active{background:var(--vg-primary-50);color:var(--vg-primary-700);border-left-color:var(--vg-color-primary)}.vg-sidebar--light .vg-sidebar-line{background:var(--vg-color-border-subtle)}.vg-sidebar--light .vg-sidebar-theme-label{color:var(--vg-color-text-muted)}.vg-sidebar--light .vg-sidebar-theme-toggle{background:var(--vg-neutral-200)}.vg-sidebar--light .vg-sidebar-theme-btn{color:var(--vg-color-text-muted)}.vg-sidebar--light .vg-sidebar-theme-btn:hover{color:var(--vg-color-text);background:var(--vg-neutral-300)}.vg-sidebar--light .vg-sidebar-theme-btn--active{background:var(--vg-color-primary);color:var(--vg-on-primary)}.vg-sidebar--light .vg-sidebar-theme-btn--active:hover{background:var(--vg-color-primary-hover);color:var(--vg-on-primary)}.vg-sidebar--light .vg-sidebar-link:focus-visible{box-shadow:0 0 0 2px var(--vg-color-surface),0 0 0 4px var(--vg-primary-500)}.vg-main{flex-direction:column;flex:1;display:flex}.vg-topbar{background:var(--vg-color-surface);border-bottom:1px solid var(--vg-color-border-subtle);height:56px;color:var(--vg-color-text);z-index:25;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;gap:.75rem;padding:0 1.5rem;display:flex;position:sticky;top:0}.vg-topbar-left{flex:1;align-items:center;gap:.65rem;min-width:0;display:flex}.vg-topbar-right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.vg-topbar-title{color:var(--vg-color-text);white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:600;overflow:hidden}.vg-topbar-status{color:var(--vg-primary-600);align-items:center;gap:.35rem;font-size:.85rem;display:inline-flex}.vg-modem-pill{color:var(--vg-text,#1f2937);background:#ffffffb3;border:1px solid #00000014;border-radius:999px;align-items:center;gap:.35rem;max-width:9rem;padding:.2rem .55rem;font-size:.78rem;display:inline-flex}.vg-modem-pill-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.vg-modem-pill-dot{background:#9ca3af;border-radius:50%;flex-shrink:0;width:.55rem;height:.55rem}.vg-modem-pill-dot--ok{background:#16a34a}.vg-modem-pill-dot--ko{background:#dc2626}.vg-modem-pill--ok{border-color:#16a34a59}.vg-modem-pill--ko{border-color:#dc262659}.vg-modem-pill--pending{opacity:.75}.vg-topbar-status-icon{font-size:1.1rem}.vg-topbar-status-text{white-space:nowrap}.vg-topbar-mode-error{color:#b91c1c;text-overflow:ellipsis;white-space:nowrap;max-width:12rem;font-size:.75rem;overflow:hidden}.vg-line-mode{background:var(--vg-primary-50,#eef2ff);border:1px solid var(--vg-color-border-subtle);border-radius:999px;flex-shrink:0;align-items:stretch;padding:3px;display:inline-flex;box-shadow:0 1px 2px #0f172a0f}.vg-line-mode--busy{opacity:.72;pointer-events:none}.vg-line-mode-btn{color:var(--vg-color-text-muted);letter-spacing:.01em;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:.3rem;padding:.35rem .7rem;font-size:.8rem;font-weight:600;transition:background-color .15s,color .15s,box-shadow .15s;display:inline-flex}.vg-line-mode-btn .material-icons{font-size:1.05rem}.vg-line-mode-btn:hover{color:var(--vg-color-primary);background:#ffffff8c}.vg-line-mode-btn--active{background:var(--vg-color-surface);color:var(--vg-color-primary);box-shadow:0 1px 3px #0f172a1f}.vg-line-mode-btn--active:hover{background:var(--vg-color-surface)}.vg-line-mode-btn:focus-visible{box-shadow:var(--vg-focus-ring);outline:none}.vg-topbar-menu-button{border-radius:var(--vg-radius-md);width:36px;height:36px;color:var(--vg-color-text-muted);cursor:pointer;transition:background-color var(--vg-transition-fast),color var(--vg-transition-fast),transform var(--vg-transition-fast);background:0 0;border:none;justify-content:center;align-items:center;margin-right:0;padding:0;display:inline-flex}.vg-topbar-menu-button:hover{background:var(--vg-primary-50);color:var(--vg-color-primary);transform:translateY(-1px)}.vg-topbar-menu-button:focus-visible{box-shadow:var(--vg-focus-ring);outline:none}.vg-content{flex:1;padding:1.5rem}.vg-page-header{border-bottom:1px solid var(--vg-color-border-subtle);margin-bottom:1rem;padding-bottom:1rem}.vg-page-title{color:var(--vg-color-text);margin:0 0 .25rem;font-size:1.5rem;font-weight:600}.vg-page-subtitle{color:var(--vg-color-text-muted);margin:0 0 1.5rem;font-size:.95rem}.vg-footer{color:var(--vg-color-text-muted);background:var(--vg-color-surface);border-top:1px solid var(--vg-color-border-subtle);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.85rem;display:flex}.vg-footer-brand{color:var(--vg-primary-600);font-weight:600}.vg-footer-sep{color:var(--vg-neutral-400)}.vg-footer-copy{color:var(--vg-color-text-muted)}html.vg-theme-dark body{background-color:var(--vg-neutral-900);color:var(--vg-neutral-100)}html.vg-theme-dark{--vg-color-bg:var(--vg-neutral-900);--vg-color-bg-soft:var(--vg-neutral-800);--vg-color-bg-elevated:var(--vg-neutral-800);--vg-color-surface:var(--vg-neutral-800);--vg-color-surface-elevated:var(--vg-neutral-700);--vg-color-border-subtle:var(--vg-neutral-700);--vg-color-border:var(--vg-neutral-600);--vg-color-text:var(--vg-neutral-100);--vg-color-text-muted:var(--vg-neutral-400);--vg-shadow-subtle:0 4px 12px #02061773;--vg-shadow-soft:0 10px 30px #0206178c}html.vg-theme-dark .vg-main{background:var(--vg-neutral-900)}html.vg-theme-dark .vg-topbar{border-bottom-color:var(--vg-neutral-700);color:var(--vg-neutral-100);background:#0f172aeb}html.vg-theme-dark .vg-topbar-title{color:var(--vg-neutral-100)}html.vg-theme-dark .vg-topbar-status{color:var(--vg-primary-400)}html.vg-theme-dark .vg-topbar-menu-button{color:var(--vg-neutral-400)}html.vg-theme-dark .vg-topbar-menu-button:hover{background:var(--vg-neutral-800);color:var(--vg-primary-400)}html.vg-theme-dark .vg-line-mode{background:var(--vg-neutral-800);border-color:var(--vg-neutral-700)}html.vg-theme-dark .vg-line-mode-btn{color:var(--vg-neutral-400)}html.vg-theme-dark .vg-line-mode-btn:hover{color:var(--vg-neutral-100);background:#ffffff0f}html.vg-theme-dark .vg-line-mode-btn--active{background:var(--vg-neutral-900);color:var(--vg-primary-300);box-shadow:0 1px 3px #0006}html.vg-theme-dark .vg-content{color:var(--vg-neutral-200)}html.vg-theme-dark .vg-page-header{border-bottom-color:var(--vg-neutral-700)}html.vg-theme-dark .vg-page-title{color:var(--vg-neutral-50)}html.vg-theme-dark .vg-page-subtitle{color:var(--vg-neutral-400)}html.vg-theme-dark .vg-footer{background:var(--vg-neutral-900);border-top-color:var(--vg-neutral-700);color:var(--vg-neutral-400)}html.vg-theme-dark .vg-footer-brand{color:var(--vg-primary-400)}html.vg-theme-dark .vg-footer-copy{color:var(--vg-neutral-400)}html.vg-theme-dark .vg-card{background:var(--vg-neutral-800);border-color:var(--vg-neutral-700)}html.vg-theme-dark .vg-card:hover{border-color:var(--vg-primary-600)}html.vg-theme-dark .vg-card-label{color:var(--vg-neutral-400)}html.vg-theme-dark .vg-card-value{color:var(--vg-neutral-100)}html.vg-theme-dark .vg-table thead{background:var(--vg-neutral-800);border-bottom-color:var(--vg-neutral-600)}html.vg-theme-dark .vg-table th{color:var(--vg-neutral-200)}html.vg-theme-dark .vg-table td{color:var(--vg-neutral-200);border-bottom-color:var(--vg-neutral-700)}html.vg-theme-dark .vg-table-row:hover{background-color:var(--vg-neutral-800)}html.vg-theme-dark input,html.vg-theme-dark select{background:var(--vg-neutral-800);border-color:var(--vg-neutral-600);color:var(--vg-neutral-100)}html.vg-theme-dark input::placeholder{color:var(--vg-neutral-500)}html.vg-theme-dark .vg-chart-label,html.vg-theme-dark .vg-chart-icon{color:var(--vg-primary-400)}html.vg-theme-dark .vg-sidebar-backdrop{background:#0f172ab3}html.vg-theme-dark .vg-badge-success{background:var(--vg-primary-900);color:var(--vg-primary-300);border-color:var(--vg-primary-700)}html.vg-theme-dark .vg-badge-warn{background:var(--vg-warn-900);color:var(--vg-warn-300);border-color:var(--vg-warn-700)}html.vg-theme-dark .vg-badge-danger,html.vg-theme-dark .vg-btn-danger-sm{background:var(--vg-danger-900);color:var(--vg-danger-300);border-color:var(--vg-danger-700)}html.vg-theme-dark .vg-btn-success-sm{background:var(--vg-primary-900);color:var(--vg-primary-300);border-color:var(--vg-primary-700)}html.vg-theme-dark .vg-list-item:hover{background:var(--vg-neutral-800)}html.vg-theme-dark .vg-list-item--active{background:var(--vg-neutral-800);border-left-color:var(--vg-color-primary)}html.vg-theme-dark .MuiPaper-root,html.vg-theme-dark .MuiCard-root,html.vg-theme-dark .MuiDialog-paper{background-color:var(--vg-color-bg-soft)!important;color:var(--vg-color-text)!important;border-color:var(--vg-color-border-subtle)!important}html.vg-theme-dark .MuiTableCell-root{color:var(--vg-color-text)!important;border-bottom-color:var(--vg-color-border-subtle)!important}html.vg-theme-dark .MuiTableHead-root .MuiTableCell-root{background-color:var(--vg-neutral-800)!important;color:var(--vg-neutral-200)!important}html.vg-theme-dark .MuiInputBase-root,html.vg-theme-dark .MuiOutlinedInput-root{background-color:var(--vg-color-surface)!important;color:var(--vg-color-text)!important}html.vg-theme-dark .MuiOutlinedInput-notchedOutline{border-color:var(--vg-color-border)!important}html.vg-theme-dark .MuiFormLabel-root,html.vg-theme-dark .MuiInputBase-input::placeholder{color:var(--vg-color-text-muted)!important}html.vg-theme-dark .MuiDialog-root .MuiSvgIcon-root,html.vg-theme-dark .MuiDialog-root .material-icons,html.vg-theme-dark .MuiDialog-root .MuiIconButton-root{color:var(--vg-neutral-200)!important}html.vg-theme-light .MuiDialog-root .MuiSvgIcon-root,html.vg-theme-light .MuiDialog-root .material-icons,html.vg-theme-light .MuiDialog-root .MuiIconButton-root{color:var(--vg-neutral-700)!important}html.vg-theme-dark .MuiChip-root{color:var(--vg-color-text)!important;border-color:var(--vg-color-border)!important;background-color:var(--vg-color-surface)!important}html.vg-theme-dark .MuiChip-root .MuiChip-label{color:var(--vg-color-text)!important}html.vg-theme-dark .MuiChip-clickable:hover{background-color:var(--vg-color-surface-elevated)!important}html.vg-theme-dark .MuiChip-outlinedPrimary{color:var(--vg-accent-300)!important;border-color:var(--vg-accent-600)!important;background-color:#0ea5e91f!important}html.vg-theme-dark .MuiChip-outlinedSecondary,html.vg-theme-dark .MuiChip-outlinedSuccess{color:var(--vg-primary-300)!important;border-color:var(--vg-primary-700)!important;background-color:#22c55e1f!important}html.vg-theme-dark .MuiChip-outlinedWarning{color:var(--vg-warn-300)!important;border-color:var(--vg-warn-700)!important;background-color:#f59e0b24!important}.vg-list{margin:0;padding:0;list-style:none}.vg-list-item{border-radius:var(--vg-radius-sm);transition:background var(--vg-transition-fast),border-color var(--vg-transition-fast);border-left:3px solid #0000;padding:.6rem .75rem}.vg-list-item:hover{background:var(--vg-neutral-100)}.vg-list-item--active{background:var(--vg-primary-50);border-left-color:var(--vg-color-primary)}.vg-card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.vg-card{background:var(--vg-color-bg-soft);border-radius:var(--vg-radius-lg);border:1px solid var(--vg-color-border-subtle);box-shadow:var(--vg-shadow-subtle);transition:transform var(--vg-transition-normal),box-shadow var(--vg-transition-normal),border-color var(--vg-transition-fast);padding:1rem}.vg-card:hover{border-color:var(--vg-color-primary);box-shadow:var(--vg-shadow-soft);transform:translateY(-2px)}.vg-card-label{color:var(--vg-color-text-muted);margin-bottom:.25rem;font-size:.85rem}.vg-table{border-collapse:collapse;width:100%;font-size:.9rem}.vg-table thead{background:var(--vg-neutral-100);border-bottom:2px solid var(--vg-color-border-subtle)}.vg-table th{text-align:left;color:var(--vg-color-text);padding:.6rem .75rem;font-weight:600}.vg-table td{border-bottom:1px solid var(--vg-color-border-subtle);color:var(--vg-color-text);padding:.5rem .75rem}.vg-table-row:hover{background-color:var(--vg-primary-50)}.vg-card-value{font-size:1.4rem;font-weight:600}.vg-badge{border:1px solid #0000;border-radius:999px;align-items:center;padding:.1rem .45rem;font-size:.75rem;font-weight:500;display:inline-flex}.vg-badge-success{background:var(--vg-primary-100);color:var(--vg-primary-700);border-color:var(--vg-primary-300)}.vg-badge-warn{background:var(--vg-warn-100);color:var(--vg-warn-700);border-color:var(--vg-warn-300)}.vg-badge-danger{background:var(--vg-danger-100);color:var(--vg-danger-600);border-color:var(--vg-danger-300)}.vg-badge-info{background:var(--vg-accent-100);color:var(--vg-accent-700);border-color:var(--vg-accent-300)}.vg-btn-primary{border-radius:var(--vg-radius-sm);background:var(--vg-color-primary);color:var(--vg-on-primary);border:1px solid var(--vg-color-primary-strong);cursor:pointer;transition:background var(--vg-transition-fast),transform var(--vg-transition-fast);padding:.4rem .75rem;font-size:.9rem;font-weight:500}.vg-btn-primary:hover:not(:disabled){background:var(--vg-color-primary-hover)}.vg-btn-primary:disabled{opacity:.6;cursor:not-allowed}.vg-btn-danger{border-radius:var(--vg-radius-sm);background:var(--vg-color-danger);color:var(--vg-on-danger);border:1px solid var(--vg-color-danger-strong);cursor:pointer;transition:background var(--vg-transition-fast);padding:.4rem .75rem;font-size:.9rem;font-weight:500}.vg-btn-danger:hover:not(:disabled){background:var(--vg-color-danger-hover)}.vg-btn-danger:disabled{opacity:.6;cursor:not-allowed}.vg-btn-danger-sm,.vg-btn-success-sm{border-radius:var(--vg-radius-sm);cursor:pointer;transition:opacity var(--vg-transition-fast);border:1px solid #0000;padding:.25rem .5rem;font-size:.8rem;font-weight:500}.vg-btn-danger-sm{background:var(--vg-danger-100);color:var(--vg-danger-600);border-color:var(--vg-danger-300)}.vg-btn-danger-sm:hover:not(:disabled){background:var(--vg-danger-200)}.vg-btn-success-sm{background:var(--vg-primary-100);color:var(--vg-primary-700);border-color:var(--vg-primary-300)}.vg-btn-success-sm:hover:not(:disabled){background:var(--vg-primary-200)}.vg-btn-danger-sm:disabled,.vg-btn-success-sm:disabled{opacity:.6;cursor:not-allowed}.vg-chip{background:var(--vg-neutral-900);border:1px solid var(--vg-color-border-subtle);border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.75rem;display:inline-flex}.vg-chip-dot{border-radius:999px;width:.4rem;height:.4rem}.vg-chip-dot--good{background:var(--vg-color-primary)}.vg-chip-dot--bad{background:var(--vg-color-danger)}.vg-chip-dot--unknown{background:var(--vg-neutral-500)}.vg-charts-grid{grid-template-columns:1fr;gap:1.5rem;min-width:0;margin-top:1.5rem;display:grid}.vg-chart-area-wrap{min-width:0}.vg-chart-area-container{width:100%;min-width:0}.vg-chart-label{align-items:center;gap:.4rem;display:flex}.vg-chart-icon{color:var(--vg-color-primary);font-size:18px}.vg-charts-side{flex-direction:column;gap:1rem;min-width:0;display:flex}.vg-chart-pie-container{width:100%;min-width:0;height:180px;min-height:160px}.vg-chart-rates{gap:1rem;display:flex}.vg-chart-rate-item{flex:1}@media (min-width:768px){.vg-charts-grid{grid-template-columns:minmax(0,2fr) minmax(0,1.2fr)}}@media (max-width:900px){.vg-layout{position:relative}.vg-content{padding:1rem;overflow-x:hidden}.vg-sidebar{transition:transform var(--vg-transition-normal);border-right:none;border-right:1px solid var(--vg-neutral-800);width:260px;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.vg-sidebar.vg-sidebar-open{transform:translate(0)}.vg-sidebar-backdrop{z-index:20;background:#0f172a80;position:fixed;inset:0}.vg-main{min-height:100vh}}@media (min-width:901px){.vg-topbar-menu-button{display:none}}@media (max-width:720px){.vg-line-mode-text,.vg-topbar-status-text{display:none}.vg-topbar-title{font-size:1rem}.vg-topbar{padding:0 .75rem}}.vg-agenda-shell{flex-direction:column;gap:.75rem;display:flex}.vg-agenda-toolbar{border:1px solid var(--vg-color-border-subtle);border-radius:var(--vg-radius-md);background:var(--vg-color-surface);justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .8rem;display:flex}.vg-agenda-month{border:1px solid var(--vg-color-border-subtle);border-radius:var(--vg-radius-md);grid-template-rows:auto repeat(6,minmax(88px,1fr));grid-template-columns:repeat(7,minmax(0,1fr));max-height:calc(100vh - 250px);display:grid;overflow:hidden auto}.vg-agenda-weekday{text-align:center;background:var(--vg-neutral-200);border-right:1px solid var(--vg-color-border-subtle);padding:.5rem;font-size:.8rem;font-weight:700}.vg-agenda-day-cell{border:none;border-right:1px solid var(--vg-color-border-subtle);border-top:1px solid var(--vg-color-border-subtle);background:var(--vg-color-surface);color:var(--vg-color-text);text-align:left;cursor:pointer;min-height:88px;padding:.4rem}.vg-agenda-day-cell:hover{background:#22c55e1f}.vg-agenda-day-cell--muted{opacity:.55}.vg-agenda-day-cell--occupied{background:#0ea5e91f}.vg-agenda-day-cell--disabled{opacity:.45;cursor:not-allowed}.vg-agenda-day-number{margin-bottom:.35rem;font-weight:700}.vg-agenda-events-mini{flex-direction:column;gap:.3rem;display:flex}.vg-agenda-pill{border:1px solid var(--vg-accent-300);background:var(--vg-accent-100);color:var(--vg-accent-700);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;align-items:center;max-width:100%;padding:.2rem .35rem;font-size:.72rem;transition:transform .12s,box-shadow .12s,opacity .12s;display:inline-flex;overflow:hidden}.vg-agenda-pill:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000038}.vg-agenda-time-shell{position:relative}.vg-agenda-time-grid{border:1px solid var(--vg-color-border-subtle);border-radius:var(--vg-radius-md);grid-template-columns:80px repeat(7,minmax(0,1fr));min-height:auto;display:grid;overflow:hidden}.vg-agenda-time-scroll{max-height:calc(100vh - 250px);position:relative;overflow:hidden auto}.vg-agenda-time-head{text-align:center;background:var(--vg-neutral-200);border-right:1px solid var(--vg-color-border-subtle);padding:.45rem;font-size:.8rem;font-weight:700}.vg-agenda-hour-label{border-top:1px solid var(--vg-color-border-subtle);border-right:1px solid var(--vg-color-border-subtle);color:var(--vg-color-text-muted);padding:.35rem;font-size:.75rem}.vg-agenda-hour-cell{border:none;border-top:1px solid var(--vg-color-border-subtle);border-right:1px solid var(--vg-color-border-subtle);background:var(--vg-color-surface);cursor:pointer;text-align:left;min-height:52px;padding:.2rem}.vg-agenda-hour-cell:hover{background:#22c55e1a}.vg-agenda-hour-cell--disabled{opacity:.4;cursor:not-allowed}.vg-agenda-hour-cell--disabled:hover{background:var(--vg-color-surface)}.vg-agenda-loading{color:var(--vg-color-text-muted);font-size:.9rem}.vg-agenda-overlay{pointer-events:none;display:grid;position:absolute;top:33px;left:0;right:0}.vg-agenda-day-overlay-col{pointer-events:auto;min-height:676px;position:relative}.vg-agenda-event-block{color:#082f49;cursor:grab;-webkit-user-select:none;user-select:none;background:linear-gradient(#a5f3fcf2,#38bdf8d9);border:1px solid #38bdf8cc;border-radius:8px;max-width:calc(100% - 4px);padding:.25rem .35rem .5rem;transition:box-shadow .14s,transform .14s;position:absolute;left:2px;right:2px;overflow:hidden}.vg-agenda-event-block:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0ea5e959}.vg-agenda-event-title{white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;line-height:1.2;overflow:hidden}.vg-agenda-event-resize{cursor:ns-resize;background:#082f4938;height:8px;position:absolute;bottom:0;left:0;right:0}html.vg-theme-dark .vg-agenda-time-head,html.vg-theme-dark .vg-agenda-weekday{color:#1f2937;background:#e5e7eb}html.vg-theme-dark .vg-agenda-day-cell,html.vg-theme-dark .vg-agenda-hour-cell{background:#1f2d45;border-color:#334155}html.vg-theme-dark .vg-agenda-day-cell--occupied{background:#0ea5e933}html.vg-theme-dark .vg-agenda-hour-cell:hover,html.vg-theme-dark .vg-agenda-day-cell:hover{background:#24324d}.vg-agenda-editor-backdrop{z-index:50;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.vg-agenda-editor{background:var(--vg-color-surface);border:1px solid var(--vg-color-border-subtle);border-radius:var(--vg-radius-md);width:min(640px,100%);padding:1rem}@keyframes vg-dialer-pulse{0%,to{opacity:.55}50%{opacity:1}}.vg-dialer-pulse{animation:1.2s ease-in-out infinite vg-dialer-pulse}.vg-card--static:hover{box-shadow:var(--vg-shadow-subtle);border-color:var(--vg-color-border-subtle);transform:none}html.vg-theme-dark .vg-card--static:hover{border-color:var(--vg-neutral-700)}.vg-calls-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.vg-btn-filled{cursor:pointer;background:var(--vg-color-accent);color:var(--vg-on-accent);letter-spacing:.01em;transition:background var(--vg-transition-fast),box-shadow var(--vg-transition-fast),transform var(--vg-transition-fast);border:none;border-radius:999px;align-items:center;gap:.45rem;padding:.65rem 1.15rem;font-size:.9rem;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #0f172a33,0 4px 12px #0ea5e959}.vg-btn-filled:hover{background:var(--vg-color-accent-strong);box-shadow:0 2px 6px #0f172a40,0 8px 18px #0ea5e966}.vg-btn-filled:active{transform:scale(.98)}.vg-btn-tonal{cursor:pointer;background:var(--vg-primary-100);color:var(--vg-primary-800);transition:background var(--vg-transition-fast),opacity var(--vg-transition-fast);border:none;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .9rem;font-size:.8125rem;font-weight:500;display:inline-flex}.vg-btn-tonal:hover:not(:disabled){background:var(--vg-primary-200)}.vg-btn-tonal:disabled{opacity:.45;cursor:not-allowed}.vg-btn-tonal--danger{background:var(--vg-danger-100);color:var(--vg-danger-700)}.vg-btn-tonal--danger:hover:not(:disabled){background:var(--vg-danger-200)}html.vg-theme-dark .vg-btn-tonal{color:var(--vg-primary-300);background:#22c55e29}html.vg-theme-dark .vg-btn-tonal:hover:not(:disabled){background:#22c55e47}html.vg-theme-dark .vg-btn-tonal--danger{color:var(--vg-danger-300);background:#ef44442e}html.vg-theme-dark .vg-btn-tonal--danger:hover:not(:disabled){background:#ef44444d}.vg-calls-panel{padding:0;overflow:hidden}.vg-calls-panel-body{padding:1rem 1.1rem 1.15rem}.vg-calls-table-wrap{border-radius:var(--vg-radius-md);border:1px solid var(--vg-color-border-subtle);margin:0 -.15rem;overflow-x:auto}html.vg-theme-dark .vg-calls-table-wrap{border-color:var(--vg-neutral-700)}.vg-table--material{font-size:.875rem}.vg-table--material thead th{z-index:1;letter-spacing:.04em;text-transform:uppercase;color:var(--vg-color-text-muted);background:var(--vg-neutral-100);padding:.75rem .9rem;font-size:.7rem;font-weight:600;position:sticky;top:0}html.vg-theme-dark .vg-table--material thead th{color:var(--vg-neutral-400);background:#111827}.vg-table--material td{vertical-align:middle;padding:.85rem .9rem}.vg-table--material .vg-table-row{transition:background-color .12s ease-out}.vg-table--material .vg-table-row:hover{background:var(--vg-primary-50)}html.vg-theme-dark .vg-table--material .vg-table-row:hover{background:#22c55e14}.vg-phone-cell{font-variant-numeric:tabular-nums;align-items:center;gap:.45rem;font-weight:600;display:inline-flex}.vg-phone-cell .material-icons{color:var(--vg-color-primary);opacity:.9;font-size:18px}.vg-icon-btn-group{align-items:center;gap:.25rem;display:inline-flex}.vg-icon-btn{cursor:pointer;width:36px;height:36px;color:var(--vg-color-text-muted);transition:background var(--vg-transition-fast),color var(--vg-transition-fast),transform var(--vg-transition-fast);background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.vg-icon-btn .material-icons{font-size:20px}.vg-icon-btn:hover{background:var(--vg-neutral-200);color:var(--vg-color-text)}.vg-icon-btn:active{transform:scale(.94)}.vg-icon-btn--primary:hover{background:var(--vg-primary-100);color:var(--vg-primary-700)}.vg-icon-btn--accent:hover{background:var(--vg-accent-100);color:var(--vg-accent-700)}html.vg-theme-dark .vg-icon-btn:hover{color:var(--vg-neutral-100);background:#94a3b824}html.vg-theme-dark .vg-icon-btn--primary:hover{color:var(--vg-primary-300);background:#22c55e2e}html.vg-theme-dark .vg-icon-btn--accent:hover{color:var(--vg-accent-300);background:#0ea5e933}.vg-select-md{min-width:7.5rem;border:1px solid var(--vg-color-border)!important;background:var(--vg-color-surface)!important;border-radius:999px!important;padding:.35rem .75rem!important;font-size:.75rem!important}html.vg-theme-dark .vg-select-md{background:var(--vg-neutral-900)!important;border-color:var(--vg-neutral-600)!important}.vg-calls-bulk{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.85rem;display:flex}.vg-calls-meta{color:var(--vg-color-text-muted);margin-top:.75rem;font-size:.8125rem}.vg-search-field{flex:220px;align-items:center;min-width:0;display:flex;position:relative}.vg-search-field .material-icons{color:var(--vg-color-text-muted);pointer-events:none;font-size:20px;position:absolute;left:.75rem}.vg-search-field input{border:1px solid var(--vg-color-border);background:var(--vg-color-surface);width:100%;color:var(--vg-color-text);border-radius:999px;padding:.65rem 2.25rem .65rem 2.6rem;font-size:.875rem}html.vg-theme-dark .vg-search-field input{background:var(--vg-neutral-900);border-color:var(--vg-neutral-600)}.vg-search-field input:focus{box-shadow:var(--vg-focus-ring);border-color:var(--vg-color-primary);outline:none}@media (max-width:900px){.vg-calls-col-hide-sm{display:none}}.vg-page-loader{color:var(--vg-color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.85rem;display:flex}.vg-page-loader--page{min-height:50vh;padding:2rem}.vg-page-loader--inline{min-height:12rem;padding:1.5rem}.vg-page-loader--overlay{z-index:1200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a59;position:fixed;inset:0}.vg-page-loader-spinner{border:3px solid var(--vg-neutral-600);border-top-color:var(--vg-color-primary);border-radius:999px;width:40px;height:40px;animation:.75s linear infinite vg-spin}.vg-page-loader-label{font-size:.875rem;font-weight:500}@keyframes vg-spin{to{transform:rotate(360deg)}}html.vg-theme-dark .vg-page-loader--overlay{background:#02061773}.vg-incoming-backdrop{z-index:1200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a8c;justify-content:center;align-items:center;padding:1.25rem;animation:.22s ease-out vg-incoming-fade;display:flex;position:fixed;inset:0}@keyframes vg-incoming-fade{0%{opacity:0}to{opacity:1}}.vg-incoming-modal{text-align:center;color:#f8fafc;background:linear-gradient(165deg,#1e293b 0%,#0f172a 70%);border:1px solid #94a3b859;border-radius:28px;width:min(380px,100%);padding:1.75rem 1.5rem 1.5rem;animation:.28s cubic-bezier(.22,1,.36,1) vg-incoming-pop;transform:translateY(0);box-shadow:0 8px 32px #00000073,0 24px 64px #00000059}@keyframes vg-incoming-pop{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.vg-incoming-pulse{background:#38bdf81f;border:2px solid #38bdf873;border-radius:50%;place-items:center;width:88px;height:88px;margin:0 auto 1.1rem;display:grid}.vg-incoming-pulse--on{animation:1.4s ease-in-out infinite vg-incoming-ring}@keyframes vg-incoming-ring{0%,to{transform:scale(1);box-shadow:0 0 #38bdf873}50%{transform:scale(1.04);box-shadow:0 0 0 14px #38bdf800}}.vg-incoming-icon{color:#7dd3fc;font-size:2.4rem!important}.vg-incoming-modal--answered .vg-incoming-icon{color:#86efac}.vg-incoming-modal--answered .vg-incoming-pulse{background:#4ade801f;border-color:#4ade8080}.vg-incoming-modal--blocked .vg-incoming-icon,.vg-incoming-modal--ended .vg-incoming-icon{color:#fda4af}.vg-incoming-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin:0;font-size:.8rem;font-weight:600}.vg-incoming-number{font-variant-numeric:tabular-nums;word-break:break-word;margin:.45rem 0 .2rem;font-size:clamp(1.45rem,4vw,1.85rem);font-weight:700;line-height:1.2}.vg-incoming-name{color:#e2e8f0;margin:0;font-size:1rem}.vg-incoming-name--muted{color:#64748b;font-size:.9rem}.vg-incoming-meta{color:#64748b;margin:.85rem 0 0;font-size:.78rem}.vg-incoming-hint{color:#94a3b8;margin:1.1rem 0 0;font-size:.85rem}.vg-incoming-dismiss{cursor:pointer;color:#f8fafc;background:#f8fafc1f;border:none;border-radius:999px;margin-top:1.15rem;padding:.65rem 1.4rem;font-weight:600}.vg-incoming-dismiss:hover{background:#f8fafc33}