.vg-login{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh;background:var(--surface-white)}.vg-login__hero{position:relative;overflow:hidden;padding:var(--space-10) var(--space-12);background:linear-gradient(135deg,#0a2942,#134a73);color:var(--text-on-brand);display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.vg-login__hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 20%,rgba(56,189,248,.18),transparent 50%),radial-gradient(circle at 10% 90%,rgba(245,180,28,.12),transparent 45%);z-index:-1}.vg-login__deco{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.06);pointer-events:none;z-index:0}.vg-login__deco--1{width:320px;height:320px;right:-120px;top:-80px;background:radial-gradient(circle,rgba(56,189,248,.18),transparent 70%)}.vg-login__deco--2{width:200px;height:200px;right:80px;top:40px;background:radial-gradient(circle,rgba(33,150,243,.18),transparent 70%)}.vg-login__deco--3{width:480px;height:480px;left:-180px;bottom:-200px;background:radial-gradient(circle,rgba(31,122,214,.15),transparent 70%)}.vg-login__hero-top,.vg-login__hero-content,.vg-login__features{position:relative;z-index:1}.vg-login__hero-content{max-width:460px}.vg-login__headline{font-size:clamp(28px,3.4vw,44px);font-weight:var(--font-weight-extrabold);line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--space-5)}.vg-login__subline{font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:#ffffffc7;max-width:420px}.vg-login__features{display:flex;flex-direction:column;gap:var(--space-3)}.vg-login__feature{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-md);color:#ffffffeb}.vg-login__bullet{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--warning-400);flex-shrink:0;box-shadow:0 0 0 4px #fbbf242e}.vg-login__form-wrap{display:flex;align-items:center;justify-content:center;padding:var(--space-12) var(--space-10)}.vg-login__form{width:100%;max-width:440px}.vg-login__form-header{margin-bottom:var(--space-8)}.vg-login__welcome{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-strong);line-height:1.2;letter-spacing:-.02em}.vg-login__welcome-sub{margin-top:var(--space-2);font-size:var(--font-size-md);color:var(--text-muted)}.vg-login__fields{display:flex;flex-direction:column;gap:var(--space-5)}.vg-login__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-1)}.vg-login__remember{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);color:var(--text-base);cursor:pointer;-webkit-user-select:none;user-select:none}.vg-login__remember input{position:absolute;opacity:0;pointer-events:none}.vg-login__check{width:18px;height:18px;border-radius:var(--radius-xs);border:1.5px solid var(--border-base);background:var(--surface-white);display:inline-flex;align-items:center;justify-content:center;transition:background var(--transition-fast),border-color var(--transition-fast)}.vg-login__check svg{opacity:0;transition:opacity var(--transition-fast)}.vg-login__remember input:checked+.vg-login__check{background:var(--brand-blue-500);border-color:var(--brand-blue-500)}.vg-login__remember input:checked+.vg-login__check svg{opacity:1}.vg-login__remember input:focus-visible+.vg-login__check{box-shadow:0 0 0 3px #2196f34d}.vg-login__forgot{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--brand-blue-500)}.vg-login__password-wrap{position:relative}.vg-login__eye{position:absolute;right:12px;bottom:11px;display:flex;align-items:center;justify-content:center;padding:2px;background:transparent;border:none;cursor:pointer;color:var(--text-muted);border-radius:var(--radius-xs);transition:color var(--transition-fast);z-index:1}.vg-login__eye:hover{color:var(--text-base)}.vg-login__error{background:var(--danger-50);color:#b91c1c;border:1px solid #fecaca;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.vg-login__footer{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-6);font-size:var(--font-size-sm);color:var(--brand-blue-500);font-weight:var(--font-weight-medium)}@media (max-width: 960px){.vg-login{grid-template-columns:1fr}.vg-login__hero{padding:var(--space-8) var(--space-6);min-height:360px;gap:var(--space-6)}.vg-login__form-wrap{padding:var(--space-8) var(--space-5)}.vg-login__welcome{font-size:var(--font-size-2xl)}}@media (max-width: 480px){.vg-login__hero,.vg-login__form-wrap{padding:var(--space-6) var(--space-4)}}.vg-detail-breadcrumb{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);font-size:var(--font-size-sm);color:var(--text-muted)}.vg-detail-back{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--brand-blue-600);text-decoration:none;font-weight:var(--font-weight-semibold);transition:color var(--transition-fast),gap var(--transition-fast);white-space:nowrap}.vg-detail-back:hover{color:var(--brand-blue-500);gap:var(--space-3)}.vg-detail-breadcrumb__sep{color:var(--border-base);-webkit-user-select:none;user-select:none}.vg-detail-breadcrumb__current{color:var(--text-base);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vg-detail-hero{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-5);flex-wrap:wrap}.vg-detail-hero__left{display:flex;align-items:flex-start;gap:var(--space-5);min-width:0;flex:1}.vg-detail-hero__icon{width:64px;height:64px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0}.vg-detail-hero__info{min-width:0}.vg-detail-hero__name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-strong);line-height:var(--line-height-snug);margin:0 0 var(--space-1) 0}.vg-detail-hero__meta{font-size:var(--font-size-sm);color:var(--text-muted);margin:0 0 var(--space-3) 0}.vg-detail-hero__id{font-family:var(--font-family-mono);font-size:11px;background:var(--slate-100);padding:2px 7px;border-radius:var(--radius-xs);color:var(--text-base)}.vg-detail-hero__badges{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.vg-detail-hero__right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-4);flex-shrink:0}.vg-detail-hero__update{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-muted)}.vg-detail-hero__clock{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}.vg-detail-hero__clock-time{font-size:1.5rem;font-weight:var(--font-weight-bold);color:var(--text-strong);font-variant-numeric:tabular-nums;letter-spacing:.5px}.vg-detail-hero__clock-date{font-size:var(--font-size-xs);color:var(--text-muted)}.vg-detail-relay-quick{display:flex;align-items:center;gap:var(--space-3)}.vg-detail-relay-quick__indicator{width:40px;height:40px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--transition-base),box-shadow var(--transition-base)}.vg-detail-relay-quick__indicator--on{background:var(--success-50);color:var(--success-500);box-shadow:0 0 0 4px #10b98126}.vg-detail-relay-quick__indicator--off{background:var(--slate-100);color:var(--text-soft)}.vg-detail-relay-quick__status--on{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--success-500);letter-spacing:.04em;white-space:nowrap}.vg-detail-relay-quick__status--off{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-soft);letter-spacing:.04em;white-space:nowrap}.vg-detail-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-5)}.vg-detail-metric{background:var(--surface-white);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);transition:box-shadow var(--transition-base),transform var(--transition-base)}.vg-detail-metric:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.vg-detail-metric__head{display:flex;align-items:center;gap:var(--space-2)}.vg-detail-metric__dot{width:8px;height:8px;border-radius:var(--radius-pill);flex-shrink:0}.vg-detail-metric__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.vg-detail-metric__value{display:flex;align-items:baseline;gap:4px}.vg-detail-metric__num{font-size:28px;font-weight:var(--font-weight-bold);color:var(--text-strong);line-height:1;letter-spacing:-.02em}.vg-detail-metric__unit{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-muted);line-height:1}.vg-detail-metric__sub{font-size:var(--font-size-xs);color:var(--text-soft);margin:0;line-height:var(--line-height-normal)}.vg-detail-main{display:grid;grid-template-columns:1fr 320px;gap:var(--space-4);align-items:stretch;margin-bottom:var(--space-5)}.vg-detail-chart-card{display:flex;flex-direction:column}.vg-detail-chart__metrics{display:flex;justify-content:flex-start;margin-top:var(--space-3)}.vg-detail-chart__plot{margin-top:var(--space-3);flex:1;min-height:260px}.vg-detail-chart__legend{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--font-size-xs);color:var(--text-muted)}.vg-detail-chart__legend-dot{width:8px;height:8px;border-radius:var(--radius-pill);flex-shrink:0;display:inline-block}.vg-detail-chart__legend-dot--dash{background:transparent;border:2px dashed;border-radius:0;height:2px;width:16px}.vg-detail-sidebar{display:flex;flex-direction:column;gap:var(--space-4)}.vg-detail-relay{display:flex;flex-direction:column;align-items:center;padding:var(--space-5) 0 var(--space-3);gap:var(--space-3)}.vg-detail-mode{display:flex;gap:4px;width:100%;background:var(--slate-50, #f1f5f9);border:1px solid var(--border-soft);border-radius:var(--radius-pill);padding:4px;margin-bottom:var(--space-2)}.vg-detail-mode__btn{flex:1;padding:9px 12px;border:none;background:transparent;border-radius:var(--radius-pill);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-muted);transition:background var(--transition-fast),color var(--transition-fast)}.vg-detail-mode__btn--active{background:var(--surface-white);color:var(--text-strong);box-shadow:0 1px 4px #0f172a1f}.vg-detail-mode__btn:disabled{opacity:.5;cursor:not-allowed}.vg-detail-relay__btn{width:88px;height:88px;border-radius:var(--radius-pill);border:3px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),transform var(--transition-fast)}.vg-detail-relay__btn:disabled{cursor:not-allowed;opacity:.45}.vg-detail-relay__btn:not(:disabled):hover{transform:scale(1.06)}.vg-detail-relay__btn--on{background:var(--success-50);color:var(--success-500);border-color:var(--success-400);box-shadow:0 0 0 6px #10b9811f,var(--shadow-md)}.vg-detail-relay__btn--on:not(:disabled):hover{box-shadow:0 0 0 10px #10b9812e,var(--shadow-lg)}.vg-detail-relay__btn--off{background:var(--slate-100);color:var(--text-soft);border-color:var(--border-base);box-shadow:var(--shadow-sm)}.vg-detail-relay__btn--off:not(:disabled):hover{background:var(--slate-200);border-color:var(--brand-blue-300);color:var(--brand-blue-500)}.vg-detail-relay__label{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-strong);margin:0;letter-spacing:.02em}.vg-detail-relay__hint{font-size:var(--font-size-xs);color:var(--text-soft);margin:0;text-align:center}.vg-detail-config{display:flex;flex-direction:column;gap:var(--space-5)}.vg-detail-config__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.vg-detail-config__info{display:flex;flex-direction:column;gap:2px;min-width:0}.vg-detail-config__label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-strong)}.vg-detail-config__desc{font-size:var(--font-size-xs);color:var(--text-muted);line-height:var(--line-height-snug)}.vg-detail-config__control{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.vg-detail-config__tag{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--text-muted);min-width:50px;text-align:right}.vg-detail-config__field{display:flex;flex-direction:column;gap:var(--space-2)}.vg-detail-config__field-header{display:flex;justify-content:space-between;align-items:center}.vg-detail-config__field-val{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--brand-blue-600)}.vg-detail-config__field-limits{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--text-soft)}.vg-detail-slider{-webkit-appearance:none;width:100%;height:6px;border-radius:var(--radius-pill);background:var(--slate-200);outline:none;cursor:pointer;transition:background var(--transition-fast)}.vg-detail-slider:hover:not(:disabled){background:var(--slate-300)}.vg-detail-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:var(--radius-pill);background:var(--brand-blue-500);cursor:pointer;border:2px solid white;box-shadow:0 1px 4px #1f7ad64d;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.vg-detail-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 2px 8px #1f7ad673}.vg-detail-slider::-moz-range-thumb{width:18px;height:18px;border-radius:var(--radius-pill);background:var(--brand-blue-500);cursor:pointer;border:2px solid white}.vg-detail-slider:disabled{opacity:.5;cursor:not-allowed}.vg-detail-events{margin-bottom:var(--space-8)}.vg-detail-events__wrap{overflow-x:auto;margin:0 calc(-1 * var(--space-6));padding:0 var(--space-6)}.vg-detail-events__table{width:100%;border-collapse:collapse;font-size:var(--font-size-base)}.vg-detail-events__table th{text-align:left;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.08em;color:var(--text-muted);padding:var(--space-3);border-bottom:1px solid var(--border-soft)}.vg-detail-events__table td{padding:var(--space-4) var(--space-3);border-bottom:1px solid var(--border-soft);vertical-align:middle}.vg-detail-events__table tbody tr:last-child td{border-bottom:none}.vg-detail-events__table tbody tr:hover{background:var(--slate-50)}.vg-detail-events__row--danger{background:#ef44440a}.vg-detail-events__row--warning{background:#f59e0b0a}.vg-detail-events__time{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--text-muted);white-space:nowrap}.vg-detail-events__time-h{display:block;color:var(--text-strong);font-weight:var(--font-weight-semibold)}.vg-detail-events__date{display:block;font-size:var(--font-size-xs);color:var(--text-muted)}.vg-detail-events__msg{color:var(--text-base);min-width:200px;line-height:var(--line-height-normal)}.vg-detail-events__src code{font-family:var(--font-family-mono);font-size:var(--font-size-xs);background:var(--slate-100);color:var(--text-muted);padding:2px 6px;border-radius:var(--radius-xs);white-space:nowrap}.vg-detail-events__empty{text-align:center;padding:var(--space-8);color:var(--text-muted);font-size:var(--font-size-sm)}.vg-detail-events__pager{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-soft)}.vg-detail-events__pager-info{font-size:var(--font-size-sm);color:var(--text-muted)}.vg-detail-events__pager-controls{display:flex;align-items:center;gap:var(--space-3)}.vg-detail-events__pager-page{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-strong);font-variant-numeric:tabular-nums;min-width:44px;text-align:center}@media (max-width: 600px){.vg-detail-events__pager{flex-direction:column;align-items:stretch}.vg-detail-events__pager-controls{justify-content:space-between}}.vg-detail-chart__loading{display:flex;align-items:center;justify-content:center;height:248px;color:var(--text-soft);font-size:var(--font-size-sm)}.vg-detail-config__msg{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500}.vg-detail-config__msg--ok{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.vg-detail-config__msg--err{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.vg-detail-notfound{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16) var(--space-8);text-align:center;min-height:400px}.vg-detail-notfound__icon{width:64px;height:64px;border-radius:var(--radius-xl);background:var(--danger-50);color:var(--danger-500);display:flex;align-items:center;justify-content:center}.vg-detail-notfound h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-strong);margin:0}.vg-detail-notfound p{color:var(--text-muted);margin:0}@media (max-width: 1100px){.vg-detail-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.vg-detail-main{grid-template-columns:1fr}.vg-detail-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}}@media (max-width: 720px){.vg-detail-hero{flex-direction:column;align-items:flex-start}.vg-detail-hero__right{align-items:flex-start;width:100%}.vg-detail-relay-quick{flex-wrap:wrap}.vg-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.vg-detail-sidebar{grid-template-columns:1fr}}@media (max-width: 480px){.vg-detail-hero__name{font-size:var(--font-size-xl)}.vg-detail-metric__num{font-size:22px}}.vg-settings__content{display:flex;flex-direction:column;gap:var(--space-5);padding-bottom:var(--space-8)}.vg-settings__content>.vg-card{transition:box-shadow var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast)}.vg-settings__content>.vg-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.vg-settings__content .vg-input{height:46px;background:var(--slate-50);border:1px solid var(--border-soft);color:var(--text-strong);font-weight:var(--font-weight-semibold)}.vg-settings__content .vg-input::placeholder{color:var(--text-soft);font-weight:var(--font-weight-medium)}.vg-settings__content .vg-input:hover{background:var(--surface-white);border-color:var(--brand-blue-300)}.vg-settings__content .vg-input:focus{background:var(--surface-white);border-color:var(--brand-blue-500);box-shadow:0 0 0 4px #1f7ad61f}.vg-settings__content .vg-field__label{color:var(--text-base);letter-spacing:.05em}.vg-section__icon{width:36px;height:36px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center}.vg-section__icon--yellow{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.vg-section__icon--blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:var(--brand-blue-600)}.vg-section__icon--violet{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);color:#7c3aed}.vg-section__icon--green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.vg-section__head-right{display:flex;align-items:center;gap:var(--space-3)}.vg-tariff__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.vg-tariff__card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);text-align:left;padding:var(--space-4);background:var(--surface-white);border:1.5px solid var(--border-soft);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.vg-tariff__card:hover{border-color:var(--brand-blue-300);background:var(--slate-50)}.vg-tariff__card--active{border-color:var(--brand-blue-500);background:var(--brand-blue-50);box-shadow:0 0 0 4px #2196f31a}.vg-tariff__label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-strong)}.vg-tariff__cat{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--text-muted);font-weight:var(--font-weight-medium)}.vg-tariff__rec{padding:2px 6px;font-size:10px}.vg-tariff__price{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--brand-blue-600);margin-top:var(--space-1)}.vg-tariff__price-unit{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:var(--font-weight-medium);margin-left:2px}.vg-tariff__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-5)}.vg-mqtt__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.vg-notif__group-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--space-1)}.vg-notif__rows{display:flex;flex-direction:column}.vg-notif__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid var(--border-soft)}.vg-notif__row:first-child{border-top:none}.vg-notif__row strong{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-strong);display:block}.vg-notif__row p{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:2px}.vg-savebar{position:sticky;bottom:var(--space-5);z-index:20;margin-top:var(--space-2);border-radius:var(--radius-lg);background:var(--surface-white);border:1px solid var(--border-soft);box-shadow:var(--shadow-lg);border-left:4px solid var(--border-soft);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.vg-savebar--dirty{border-left-color:var(--brand-blue-500);background:linear-gradient(90deg,var(--brand-blue-50) 0%,var(--surface-white) 40%);box-shadow:var(--shadow-brand)}.vg-savebar__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-5)}.vg-savebar__status{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.vg-savebar__status--idle{color:var(--text-muted)}.vg-savebar__status--dirty{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--brand-blue-600);font-weight:var(--font-weight-semibold)}.vg-savebar__status--ok{color:var(--success-600, #059669);font-weight:var(--font-weight-semibold)}.vg-savebar__status--warn{color:#b45309;font-weight:var(--font-weight-semibold)}.vg-savebar__dot{width:8px;height:8px;border-radius:50%;background:var(--brand-blue-500);flex-shrink:0;animation:vg-savebar-pulse 1.6s ease-in-out infinite}@keyframes vg-savebar-pulse{0%,to{box-shadow:0 0 #1f7ad673}50%{box-shadow:0 0 0 5px #1f7ad600}}.vg-savebar__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}@media (max-width: 960px){.vg-tariff__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vg-tariff__row,.vg-mqtt__grid{grid-template-columns:1fr}}@media (max-width: 600px){.vg-tariff__grid{grid-template-columns:1fr}.vg-savebar__inner{flex-direction:column;align-items:stretch;gap:var(--space-3)}.vg-savebar__actions{width:100%}.vg-savebar__actions .vg-btn{flex:1}}.vg-sec-banner{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-6);background:linear-gradient(135deg,#0a2942,#134a73);border-radius:var(--radius-lg);color:var(--text-on-brand);margin-bottom:var(--space-6);position:relative;overflow:hidden}.vg-sec-banner:after{content:"";position:absolute;width:220px;height:220px;right:30%;top:-120px;background:radial-gradient(circle,rgba(56,189,248,.18),transparent 60%);pointer-events:none}.vg-sec-banner__icon{width:56px;height:56px;border-radius:var(--radius-md);background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:var(--brand-blue-300);display:flex;align-items:center;justify-content:center;flex-shrink:0}.vg-sec-banner__text{flex:1;min-width:0}.vg-sec-banner__text h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:-.01em;margin-bottom:2px}.vg-sec-banner__text p{font-size:var(--font-size-sm);color:#ffffffc7;max-width:580px}.vg-sec-banner__status{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);flex-shrink:0}.vg-sec-banner__uptime{font-size:var(--font-size-sm);color:#ffffffd9}.vg-sec__kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.vg-audit__wrap{overflow-x:auto;margin:0 calc(-1 * var(--space-6));padding:0 var(--space-6)}.vg-audit__table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.vg-audit__table th{text-align:left;font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:.1em;color:var(--text-muted);padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--border-soft)}.vg-audit__table td{padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--border-soft);vertical-align:middle}.vg-audit__table tbody tr:last-child td{border-bottom:none}.vg-audit__table tbody tr:hover{background:var(--slate-50)}.vg-audit__time{font-family:var(--font-family-mono);color:var(--text-muted);white-space:nowrap;width:100px}.vg-audit__msg{color:var(--text-base);line-height:var(--line-height-relaxed)}.vg-audit__src{white-space:nowrap;color:var(--text-muted)}.vg-audit__src code{font-family:var(--font-family-mono);font-size:var(--font-size-xs)}.vg-audit__row--danger,.vg-audit__row--danger:hover{background:var(--danger-50)!important}.vg-audit__row--danger .vg-audit__msg{color:#b91c1c;font-weight:var(--font-weight-medium)}.vg-audit__row--warning,.vg-audit__row--warning:hover{background:var(--warning-50)!important}.vg-audit__empty{text-align:center;padding:var(--space-8);color:var(--text-muted)}.vg-audit__pager{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-soft)}.vg-audit__pager-info{font-size:var(--font-size-sm);color:var(--text-muted)}.vg-audit__pager-controls{display:flex;align-items:center;gap:var(--space-3)}.vg-audit__pager-page{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-strong);font-variant-numeric:tabular-nums;min-width:44px;text-align:center}@media (max-width: 600px){.vg-audit__pager{flex-direction:column;align-items:stretch}.vg-audit__pager-controls{justify-content:space-between}}@media (max-width: 1100px){.vg-sec__kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.vg-sec-banner{flex-direction:column;align-items:flex-start}.vg-sec-banner__status{align-items:flex-start}.vg-sec__kpis{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.vg-sec__kpis{grid-template-columns:1fr}}:root{--brand-navy-900: #0a2942;--brand-navy-800: #0e3a5c;--brand-navy-700: #134a73;--brand-blue-600: #1f7ad6;--brand-blue-500: #2196f3;--brand-blue-400: #38bdf8;--brand-blue-300: #7dd3fc;--brand-blue-50: #e0f2fe;--success-500: #10b981;--success-400: #34d399;--success-50: #ecfdf5;--warning-500: #f59e0b;--warning-400: #fbbf24;--warning-50: #fffbeb;--danger-500: #ef4444;--danger-400: #f87171;--danger-50: #fef2f2;--mint-500: #14b8a6;--mint-400: #2dd4bf;--mint-50: #f0fdfa;--violet-500: #8b5cf6;--violet-50: #f5f3ff;--slate-950: #020617;--slate-900: #0f172a;--slate-800: #1e293b;--slate-700: #334155;--slate-600: #475569;--slate-500: #64748b;--slate-400: #94a3b8;--slate-300: #cbd5e1;--slate-200: #e2e8f0;--slate-100: #f1f5f9;--slate-50: #f8fafc;--bg-page: #eef4fb;--bg-page-gradient: linear-gradient(180deg, #e8f1f9 0%, #f3f7fb 100%);--surface-white: #ffffff;--surface-dark: #111827;--surface-dark-hover: #1f2937;--text-strong: #0f172a;--text-base: #1e293b;--text-muted: #64748b;--text-soft: #94a3b8;--text-on-dark: #f8fafc;--text-on-brand: #ffffff;--border-soft: #e2e8f0;--border-base: #cbd5e1;--border-strong: #94a3b8;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 1px 3px rgba(15, 23, 42, .04), 0 6px 16px rgba(15, 23, 42, .06);--shadow-lg: 0 8px 30px rgba(15, 23, 42, .12);--shadow-brand: 0 8px 24px rgba(31, 122, 214, .25);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .04);--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 17px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-snug: 1.35;--line-height-normal: 1.5;--line-height-relaxed: 1.65;--transition-fast: .12s ease;--transition-base: .2s ease;--transition-slow: .32s ease;--shell-max-width: 1280px;--topnav-height: 72px;--sidebar-width: 220px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-base);background:var(--bg-page-gradient);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:var(--brand-blue-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--brand-blue-500)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}img,svg{display:block;max-width:100%}:focus-visible{outline:2px solid var(--brand-blue-500);outline-offset:2px;border-radius:var(--radius-xs)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:var(--radius-pill);border:2px solid var(--bg-page)}::-webkit-scrollbar-thumb:hover{background:var(--slate-400)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.vg-card{background:var(--surface-white);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);transition:box-shadow var(--transition-base),transform var(--transition-base)}.vg-card--interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.vg-card--flush{padding:0;overflow:hidden}.vg-card--dark{background:linear-gradient(135deg,#0f4c7c,#1f7ad6);color:var(--text-on-brand);border-color:transparent;box-shadow:var(--shadow-brand)}.vg-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.vg-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-strong);line-height:var(--line-height-snug)}.vg-card--dark .vg-card__title{color:var(--text-on-brand)}.vg-card__subtitle{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--space-1)}.vg-card--dark .vg-card__subtitle{color:#ffffffbf}.vg-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none}.vg-btn:disabled,.vg-btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}.vg-btn--sm{padding:6px 12px;font-size:var(--font-size-sm);height:32px}.vg-btn--md{padding:10px 18px;font-size:var(--font-size-base);height:40px}.vg-btn--lg{padding:14px 24px;font-size:var(--font-size-md);height:48px}.vg-btn--primary{background:linear-gradient(135deg,#1f7ad6,#2196f3);color:var(--text-on-brand);box-shadow:var(--shadow-brand)}.vg-btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 28px #1f7ad659}.vg-btn--secondary{background:var(--surface-white);border-color:var(--border-base);color:var(--text-strong)}.vg-btn--secondary:hover:not(:disabled){background:var(--slate-50);border-color:var(--brand-blue-500);color:var(--brand-blue-600)}.vg-btn--ghost{background:transparent;color:var(--text-muted)}.vg-btn--ghost:hover:not(:disabled){background:var(--slate-100);color:var(--text-strong)}.vg-btn--danger{background:var(--danger-500);color:var(--text-on-brand)}.vg-btn--danger:hover:not(:disabled){background:#dc2626}.vg-btn--block{width:100%}.vg-field{display:flex;flex-direction:column;gap:var(--space-2)}.vg-field__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.vg-input{width:100%;height:48px;padding:0 var(--space-4);background:var(--surface-dark);border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-on-dark);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.vg-input::placeholder{color:var(--slate-500)}.vg-input:hover{background:var(--surface-dark-hover)}.vg-input:focus{outline:none;border-color:var(--brand-blue-500);box-shadow:0 0 0 4px #2196f32e}.vg-input--light{background:var(--surface-white);border-color:var(--border-base);color:var(--text-strong)}.vg-input--light::placeholder{color:var(--text-soft)}.vg-input--light:hover{background:var(--surface-white);border-color:var(--brand-blue-300)}.vg-input--sm{height:36px;font-size:var(--font-size-sm)}.vg-field__hint{font-size:var(--font-size-xs);color:var(--text-soft)}.vg-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'><path d='M3 4.5L6 7.5L9 4.5' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.vg-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.02em;line-height:1;white-space:nowrap}.vg-badge__dot{width:6px;height:6px;border-radius:var(--radius-pill);background:currentColor;flex-shrink:0}.vg-badge--success{background:var(--success-50);color:#047857}.vg-badge--warning{background:var(--warning-50);color:#b45309}.vg-badge--danger{background:var(--danger-50);color:#b91c1c}.vg-badge--info{background:var(--brand-blue-50);color:#1565c0}.vg-badge--neutral{background:var(--slate-100);color:var(--slate-700)}.vg-badge--auto{background:var(--mint-50);color:#047857}.vg-badge--manual{background:var(--violet-50);color:#6d28d9}.vg-stat{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background:var(--surface-white);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-width:0;transition:box-shadow var(--transition-base)}.vg-stat:hover{box-shadow:var(--shadow-md)}.vg-stat__head{display:flex;align-items:center;gap:var(--space-2)}.vg-stat__indicator{width:8px;height:8px;border-radius:var(--radius-pill);flex-shrink:0}.vg-stat__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase}.vg-stat__value{font-size:32px;font-weight:var(--font-weight-bold);color:var(--text-strong);line-height:1.1;letter-spacing:-.02em;display:flex;align-items:baseline;gap:4px}.vg-stat__unit{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-muted);letter-spacing:0}.vg-stat__hint{font-size:var(--font-size-xs);color:var(--text-muted);display:flex;align-items:center;gap:4px}.vg-stat__hint--up{color:var(--success-500)}.vg-stat__hint--down{color:var(--danger-500)}.vg-toggle{--track-w: 44px;--track-h: 24px;--thumb: 18px;position:relative;display:inline-block;width:var(--track-w);height:var(--track-h);flex-shrink:0;cursor:pointer}.vg-toggle input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.vg-toggle__track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--slate-300);border-radius:var(--radius-pill);transition:background var(--transition-fast)}.vg-toggle__thumb{position:absolute;top:3px;left:3px;width:var(--thumb);height:var(--thumb);background:var(--surface-white);border-radius:var(--radius-pill);box-shadow:0 1px 3px #0003;transition:transform var(--transition-fast)}.vg-toggle input:checked~.vg-toggle__track{background:var(--brand-blue-500)}.vg-toggle input:checked~.vg-toggle__thumb{transform:translate(calc(var(--track-w) - var(--thumb) - 6px))}.vg-toggle input:focus-visible~.vg-toggle__track{box-shadow:0 0 0 3px #2196f34d}.vg-segmented{display:inline-flex;align-items:center;padding:4px;background:var(--slate-100);border-radius:var(--radius-md);gap:2px}.vg-segmented__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:6px 14px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.vg-segmented__btn:hover{color:var(--text-strong)}.vg-segmented__btn--active{background:var(--slate-900);color:var(--text-on-brand)}.vg-segmented__btn--active:hover{color:var(--text-on-brand)}.vg-segmented--brand .vg-segmented__btn--active{background:var(--brand-blue-50);color:var(--brand-blue-600)}.vg-progress{position:relative;width:100%;height:10px;background:var(--slate-100);border-radius:var(--radius-pill);overflow:hidden}.vg-progress__fill{position:absolute;inset:0 auto 0 0;border-radius:var(--radius-pill);background:var(--brand-blue-500);transition:width var(--transition-slow)}.vg-progress__fill--blue{background:linear-gradient(90deg,#38bdf8,#1f7ad6)}.vg-progress__fill--yellow{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.vg-progress__fill--mint{background:linear-gradient(90deg,#2dd4bf,#14b8a6)}.vg-progress__fill--gray{background:var(--slate-300)}.vg-logo{display:inline-flex;align-items:center;gap:var(--space-3);text-decoration:none}.vg-logo__mark{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 12px #1f7ad640}.vg-logo__text{display:flex;flex-direction:column;line-height:1.1}.vg-logo__name{font-weight:var(--font-weight-extrabold);letter-spacing:-.02em;color:inherit}.vg-logo__tagline{font-size:9px;font-weight:var(--font-weight-semibold);letter-spacing:.18em;color:var(--text-muted);margin-top:2px}.vg-topnav{background:var(--surface-white);border-bottom:1px solid var(--border-soft);position:sticky;top:0;z-index:30}.vg-topnav__inner{max-width:var(--shell-max-width);height:var(--topnav-height);margin:0 auto;padding:0 var(--space-8);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.vg-topnav__nav{display:flex;align-items:center;gap:var(--space-2)}.vg-topnav__link{position:relative;padding:8px 16px;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-muted);border-radius:var(--radius-md);transition:color var(--transition-fast),background var(--transition-fast)}.vg-topnav__link:hover{color:var(--text-strong);background:var(--slate-50)}.vg-topnav__link--active,.vg-topnav__link--active:hover{color:var(--brand-blue-600);background:var(--brand-blue-50)}.vg-topnav__clock{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;padding-right:var(--space-4);border-right:1px solid var(--border-soft)}.vg-topnav__clock-time{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-strong);font-variant-numeric:tabular-nums;letter-spacing:.3px}.vg-topnav__clock-date{font-size:var(--font-size-xs);color:var(--text-muted)}.vg-topnav__user{display:flex;align-items:center;gap:var(--space-3);padding:6px 14px 6px 6px;border:1px solid transparent;background:transparent;border-radius:var(--radius-pill);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.vg-topnav__user:hover{background:var(--slate-50);border-color:var(--border-soft)}.vg-topnav__avatar{width:36px;height:36px;border-radius:var(--radius-pill);background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);flex-shrink:0}.vg-topnav__userinfo{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.vg-topnav__username{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-strong)}.vg-topnav__role{font-size:var(--font-size-xs);color:var(--text-muted)}.vg-topnav__user-wrap{position:relative}.vg-topnav__menu{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:var(--surface-white);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:0 10px 30px #0f172a1f;padding:6px;z-index:50}.vg-topnav__menu-item{width:100%;text-align:left;padding:9px 12px;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:#dc2626;transition:background var(--transition-fast)}.vg-topnav__menu-item:hover{background:#fef2f2}.vg-shell{min-height:100vh;display:flex;flex-direction:column}.vg-shell__main{flex:1;padding:var(--space-8) 0 var(--space-12)}.vg-shell__container{max-width:var(--shell-max-width);margin:0 auto;padding:0 var(--space-8)}.vg-page-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.vg-page-header__title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-strong);letter-spacing:-.02em;line-height:var(--line-height-tight)}.vg-page-header__subtitle{font-size:var(--font-size-base);color:var(--text-muted);margin-top:var(--space-2)}@media (max-width: 880px){.vg-topnav__inner{padding:0 var(--space-4);gap:var(--space-3)}.vg-topnav__nav{gap:0}.vg-topnav__link{padding:8px 10px;font-size:var(--font-size-sm)}.vg-topnav__userinfo{display:none}.vg-shell__container{padding:0 var(--space-4)}.vg-shell__main{padding:var(--space-5) 0 var(--space-10)}.vg-page-header__title{font-size:var(--font-size-2xl)}}@media (max-width: 640px){.vg-topnav__nav{overflow-x:auto;flex-wrap:nowrap}.vg-logo__tagline{display:none}}