.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-dash__kpis,.vg-dash__row,.vg-dash__accum,.vg-dash__sockets{margin-bottom:var(--space-6)}.vg-dash__kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-4)}.vg-dash__kpi-divider{font-size:var(--font-size-md);color:var(--text-soft);font-weight:var(--font-weight-medium);margin-left:2px}.vg-dash__row{display:grid;grid-template-columns:1.55fr 1fr;gap:var(--space-4);align-items:stretch}.vg-dash__chart{display:flex;flex-direction:column}.vg-energy-chart{display:flex;flex-direction:column;gap:var(--space-4);height:100%}.vg-energy-chart__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.vg-energy-chart__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-strong)}.vg-energy-chart__sub{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:2px}.vg-energy-chart__plot{flex:1;min-height:260px}.vg-cost{display:flex;flex-direction:column;gap:var(--space-3);position:relative;overflow:hidden}.vg-cost:after{content:"";position:absolute;width:220px;height:220px;right:-100px;top:-100px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.15),transparent 60%);pointer-events:none}.vg-cost__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.18em;color:#ffffffd9}.vg-cost__amount{display:flex;align-items:baseline;gap:var(--space-2);margin-top:var(--space-1)}.vg-cost__currency{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:#ffffffb3}.vg-cost__value{font-size:44px;font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:1}.vg-cost__formula{font-size:var(--font-size-sm);color:#ffffffb3}.vg-cost__divider{height:1px;background:#ffffff1f;margin:var(--space-3) 0}.vg-cost__estimate{display:flex;flex-direction:column;gap:var(--space-1)}.vg-cost__estimate-label{font-size:var(--font-size-sm);color:#ffffffb3}.vg-cost__estimate-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:-.01em}.vg-cost__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid rgba(255,255,255,.12);font-size:var(--font-size-sm);color:#ffffffd9}.vg-cost__delta--up{color:var(--warning-400);font-weight:var(--font-weight-semibold)}.vg-cost__delta--down{color:var(--success-400);font-weight:var(--font-weight-semibold)}.vg-cost__live{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3);background:#ffffff14;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.1)}.vg-cost__live-row{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-sm)}.vg-cost__live-label{color:#ffffffb3}.vg-cost__live-value{font-weight:var(--font-weight-semibold);color:#fffffff2}.vg-energy-chart__loading{font-size:var(--font-size-sm);color:var(--text-muted);text-align:center;padding:var(--space-2) 0}.vg-accum__total{font-size:var(--font-size-sm);color:var(--text-muted)}.vg-accum__total-value{font-weight:var(--font-weight-semibold);color:var(--text-strong);margin-left:4px}.vg-accum__list{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2)}.vg-accum__row{display:grid;grid-template-columns:140px 1fr 110px auto;gap:var(--space-4);align-items:center}.vg-accum__name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-strong)}.vg-accum__name--offline{color:var(--text-soft)}.vg-accum__value{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-strong);text-align:right}.vg-accum__unit{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:var(--font-weight-medium);margin-left:4px}.vg-accum__offline-tag{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--danger-500);letter-spacing:.06em}.vg-dash__sockets-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.vg-dash__sockets-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-strong)}.vg-dash__sockets-count{font-size:var(--font-size-sm);color:var(--text-muted)}.vg-dash__sockets-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.vg-socket{display:flex;flex-direction:column;gap:var(--space-4)}.vg-socket__header{display:flex;align-items:flex-start;gap:var(--space-3)}.vg-socket__icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.vg-socket__title-block{flex:1;min-width:0}.vg-socket__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-strong);line-height:1.3}.vg-socket__meta{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px}.vg-socket__meta code{font-family:var(--font-family-mono);font-size:11px;color:var(--text-muted)}.vg-socket__badges{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.vg-socket__metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.vg-socket__metric{background:var(--slate-50);border-radius:var(--radius-sm);padding:var(--space-3);display:flex;flex-direction:column;gap:4px}.vg-socket__metric dt{font-size:10px;font-weight:var(--font-weight-bold);color:var(--text-muted);letter-spacing:.1em}.vg-socket__metric dd{margin:0;display:flex;align-items:baseline;gap:3px}.vg-socket__metric-num{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-strong);line-height:1}.vg-socket__metric-unit{font-size:10px;font-weight:var(--font-weight-semibold);color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.vg-socket__metric-empty{font-size:var(--font-size-lg);color:var(--text-soft)}.vg-socket__sparkline{width:100%;height:38px}.vg-socket__sparkline-empty{height:38px;display:flex;align-items:center}.vg-socket__sparkline-dash{width:100%;border-top:2px dashed var(--border-base)}.vg-socket__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--font-size-sm)}.vg-socket__update{color:var(--text-muted)}.vg-socket__update--offline{color:var(--danger-500);font-weight:var(--font-weight-medium)}.vg-socket__detail{display:inline-flex;align-items:center;gap:4px;font-weight:var(--font-weight-semibold);color:var(--brand-blue-600)}.vg-socket__detail:hover{color:var(--brand-blue-500)}@media (max-width: 1100px){.vg-dash__kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.vg-dash__row,.vg-dash__sockets-grid{grid-template-columns:1fr}}@media (max-width: 720px){.vg-dash__kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.vg-accum__row{grid-template-columns:100px 1fr 80px}.vg-accum__offline-tag{grid-column:1 / -1;text-align:right}.vg-socket__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.vg-cost__value{font-size:36px}}@media (max-width: 460px){.vg-dash__kpis{grid-template-columns:1fr}}.vg-devices__actions{display:flex;gap:var(--space-3)}.vg-devices__kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.vg-devices__split{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--space-4);align-items:start}.vg-dt__search{display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);height:36px;background:var(--surface-dark);border-radius:var(--radius-md);color:var(--slate-400);min-width:200px}.vg-dt__search-input{background:transparent;border:0;outline:none;color:var(--text-on-dark);font-size:var(--font-size-sm);flex:1;min-width:0}.vg-dt__search-input::placeholder{color:var(--slate-500)}.vg-dt__wrap{overflow-x:auto;margin:0 calc(-1 * var(--space-6));padding:0 var(--space-6)}.vg-dt__table{width:100%;border-collapse:collapse;font-size:var(--font-size-base)}.vg-dt__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) var(--space-3);border-bottom:1px solid var(--border-soft)}.vg-dt__table td{padding:var(--space-4) var(--space-3);border-bottom:1px solid var(--border-soft);vertical-align:middle}.vg-dt__table tbody tr:last-child td{border-bottom:none}.vg-dt__table tbody tr:hover{background:var(--slate-50)}.vg-dt__device{display:flex;align-items:center;gap:var(--space-3)}.vg-dt__icon{width:32px;height:32px;border-radius:var(--radius-sm);flex-shrink:0}.vg-dt__device-name{font-weight:var(--font-weight-semibold);color:var(--text-strong);line-height:1.3}.vg-dt__device-id{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--text-muted)}.vg-dt__edit{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border-soft);background:var(--surface-white);color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color var(--transition-fast),color var(--transition-fast)}.vg-dt__edit:hover{border-color:var(--brand-blue-500);color:var(--brand-blue-500)}.vg-dt__empty{text-align:center;padding:var(--space-8);color:var(--text-muted);font-size:var(--font-size-sm)}.vg-add-device__form{display:flex;flex-direction:column;gap:var(--space-4)}.vg-add-device__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.vg-add-device__pills{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.vg-add-device__pill{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:44px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1.5px solid var(--border-soft);background:var(--surface-white);font-weight:var(--font-weight-semibold);color:var(--text-base);cursor:pointer;transition:all var(--transition-fast)}.vg-add-device__pill:hover{border-color:var(--brand-blue-300)}.vg-add-device__pill--active{border-color:var(--brand-blue-500);background:var(--brand-blue-50);color:var(--brand-blue-600)}.vg-add-device__pill-dot{width:8px;height:8px;border-radius:var(--radius-pill)}.vg-add-device__notice{display:flex;gap:var(--space-3);padding:var(--space-4);background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border:1px solid #bae6fd;border-radius:var(--radius-md)}.vg-add-device__notice-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--brand-blue-500);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.vg-add-device__notice strong{display:block;font-size:var(--font-size-base);color:var(--text-strong);margin-bottom:2px}.vg-add-device__notice p{font-size:var(--font-size-sm);color:var(--text-muted)}.vg-add-device__actions{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-soft)}.vg-add-device__feedback{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500}.vg-add-device__feedback--ok{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.vg-add-device__feedback--err{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}@media (max-width: 1100px){.vg-devices__split{grid-template-columns:1fr}.vg-devices__kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 600px){.vg-devices__kpis,.vg-add-device__row{grid-template-columns:1fr}}.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-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(6,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:start;margin-bottom:var(--space-5)}.vg-detail-chart__plot{margin-top:var(--space-4)}.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-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__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-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__layout{display:grid;grid-template-columns:240px 1fr;gap:var(--space-6);align-items:flex-start}.vg-settings__content{display:flex;flex-direction:column;gap:var(--space-5)}.vg-settings-sidebar{background:var(--surface-white);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-sm);position:sticky;top:calc(var(--topnav-height) + var(--space-6))}.vg-settings-sidebar ul{display:flex;flex-direction:column;gap:2px}.vg-settings-sidebar__item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:10px var(--space-4);border:0;background:transparent;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-muted);cursor:pointer;text-align:left;transition:background var(--transition-fast),color var(--transition-fast)}.vg-settings-sidebar__item:hover{background:var(--slate-50);color:var(--text-strong)}.vg-settings-sidebar__item--active,.vg-settings-sidebar__item--active:hover{background:var(--slate-900);color:var(--text-on-brand)}.vg-settings-sidebar__item--active .vg-settings-sidebar__icon{color:var(--brand-blue-300)}.vg-settings-sidebar__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted)}.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__icon--slate{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:var(--slate-600)}.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-toggle-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);margin-top:var(--space-4)}.vg-toggle-row strong{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-strong);display:block}.vg-toggle-row p{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:2px}.vg-section__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-soft)}.vg-section__footer-hint{font-size:var(--font-size-sm);color:var(--text-muted);max-width:420px}.vg-section__footer-actions{display:flex;gap:var(--space-2)}.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__group-label--spaced{margin-top:var(--space-6)}.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-notif__email-field{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-soft);max-width:420px}.vg-profile__header{display:flex;align-items:center;gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-soft);margin-bottom:var(--space-5)}.vg-profile__avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--brand-navy-800),var(--brand-blue-500));color:#fff;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.03em;box-shadow:0 2px 8px #1f7ad64d}.vg-profile__name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-strong)}.vg-profile__meta{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1)}.vg-profile__username{font-size:var(--font-size-sm);color:var(--text-muted)}.vg-profile__role-badge{padding:2px 8px;background:var(--brand-blue-50);color:var(--brand-blue-600);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:capitalize}.vg-profile__fields{margin-top:0}.vg-profile__pw-notice{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--brand-blue-50);border:1px solid var(--brand-blue-300);border-radius:var(--radius-md);color:var(--brand-blue-600)}.vg-profile__pw-notice p{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--text-base)}.vg-profile__pw-notice code{font-family:var(--font-family-mono);font-size:var(--font-size-xs);background:#1f7ad61a;padding:1px 5px;border-radius:4px;color:var(--brand-blue-600)}.vg-danger-zone{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-4);background:var(--danger-50);border:1px solid #fecaca;border-radius:var(--radius-md)}.vg-danger-zone__info strong{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#b91c1c;display:block}.vg-danger-zone__info p{font-size:var(--font-size-sm);color:#dc2626;margin-top:2px;max-width:480px}.vg-danger-zone__confirm{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.vg-danger-zone__confirm-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#b91c1c;white-space:nowrap}@media (max-width: 960px){.vg-settings__layout{grid-template-columns:1fr}.vg-settings-sidebar{position:static}.vg-settings-sidebar ul{flex-direction:row;overflow-x:auto}.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-section__footer{flex-direction:column;align-items:flex-start}.vg-section__footer-actions{width:100%}.vg-section__footer-actions .vg-btn{flex:1}}.vg-umum__grid{display:flex;flex-direction:column;gap:0}.vg-umum__item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--border-soft)}.vg-umum__item:last-child{border-bottom:none}.vg-umum__item-label{font-size:var(--font-size-sm);color:var(--text-muted)}.vg-umum__item-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-strong)}.vg-umum__item-value--green{color:var(--success-600)}.vg-umum__item-value--red{color:var(--danger-600, #dc2626)}.vg-umum__badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.vg-umum__badge--online{background:var(--success-50, #f0fdf4);color:var(--success-700, #15803d);border:1px solid var(--success-200, #bbf7d0)}.vg-umum__badge--offline{background:var(--danger-50, #fef2f2);color:var(--danger-700, #b91c1c);border:1px solid var(--danger-200, #fecaca)}.vg-umum__dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.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(4,minmax(0,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.vg-sec__split{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6);align-items:start}.vg-enc__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.vg-enc__item{background:var(--slate-50);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.vg-enc__item dt{font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:.1em;color:var(--text-muted)}.vg-enc__item dd{margin:4px 0 0;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-strong);font-family:var(--font-family-mono)}.vg-enc__notice{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border:1px solid #bae6fd;border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-base);line-height:var(--line-height-relaxed)}.vg-enc__notice strong{color:var(--text-strong);font-weight:var(--font-weight-bold)}.vg-traffic__list{display:flex;flex-direction:column}.vg-traffic__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-soft)}.vg-traffic__row:last-child{border-bottom:none}.vg-traffic__row--offline{color:var(--text-soft)}.vg-traffic__name{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--text-base)}.vg-traffic__name code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--text-strong);font-weight:var(--font-weight-semibold)}.vg-traffic__row--offline .vg-traffic__name code,.vg-traffic__row--offline .vg-traffic__name{color:var(--text-soft)}.vg-traffic__count{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--text-strong)}.vg-traffic__row--offline .vg-traffic__count{color:var(--text-soft)}.vg-traffic__tag{font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:.06em;color:var(--danger-500)}.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)}@media (max-width: 1100px){.vg-sec__kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.vg-sec__split{grid-template-columns:1fr}.vg-enc__grid{grid-template-columns:1fr 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}.vg-enc__grid{grid-template-columns: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__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-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}}