:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Rajdhani,Segoe UI,system-ui,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{background:#fff;min-height:100%;margin:0}body{min-height:100svh}:root{--brand-blue:#1568d6;--brand-blue-dark:#0b4aa8;--brand-teal:#14b8b3;--brand-charcoal:#34373b;--brand-navy:#0f172a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.page{background:#fff;align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.glow{filter:blur(120px);pointer-events:none;border-radius:50%;position:absolute}.glow-left{background:#1568d61f;width:45vw;height:45vw;top:-10%;left:-10%}.glow-right{background:#14b8b31a;width:35vw;height:35vw;bottom:-15%;right:10%}.layout{z-index:1;grid-template-columns:1.15fr .85fr;align-items:center;gap:64px;width:100%;max-width:1200px;margin:0 auto;padding:48px 24px;display:grid;position:relative}@media (width<=900px){.layout{grid-template-columns:1fr;gap:40px;padding:32px 20px}}.brand-logo{object-fit:contain;width:auto;height:96px;margin-bottom:28px;display:block}.brand-heading{color:var(--brand-navy);letter-spacing:-.5px;margin:0 0 16px;font-size:42px;font-weight:700;line-height:1.15}.brand-heading .accent{color:var(--brand-blue);display:block}.brand-subtext{color:#475569;max-width:44ch;margin:0 0 40px;font-size:17px;line-height:1.55}.feature-list{flex-wrap:wrap;gap:32px;margin:0;padding:0;list-style:none;display:flex}.feature{flex-direction:column;align-items:flex-start;gap:12px;max-width:180px;display:flex}.feature-icon{width:44px;height:44px;color:var(--brand-blue);background:#1568d61a;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.feature-icon svg{width:20px;height:20px}.feature-title{color:var(--brand-navy);margin:0;font-size:15px;font-weight:600}.feature-description{color:#64748b;margin:4px 0 0;font-size:13px;line-height:1.4}.login-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:40px 36px;box-shadow:0 20px 50px #0f172a1a}.login-title{text-align:center;color:var(--brand-blue);margin:0 0 8px;font-size:24px;font-weight:700}.login-subtitle{text-align:center;color:#64748b;margin:0 0 28px;font-size:14px;line-height:1.5}.login-form{flex-direction:column;gap:18px;display:flex}.field{color:var(--brand-charcoal);flex-direction:column;gap:8px;font-size:13px;font-weight:600;display:flex}.field input{font:inherit;color:var(--brand-navy);-webkit-text-fill-color:var(--brand-navy);caret-color:var(--brand-navy);background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;outline:none;padding:12px 14px;font-weight:500;transition:border-color .15s,box-shadow .15s,background .15s}.field input::placeholder{color:#94a3b8}.field input:-webkit-autofill{-webkit-text-fill-color:var(--brand-navy);transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #f8fafc}.field input:-webkit-autofill:hover{-webkit-text-fill-color:var(--brand-navy);transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #f8fafc}.field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--brand-navy);transition:background-color 9999s ease-in-out;box-shadow:inset 0 0 0 1000px #f8fafc}.field input:focus{border-color:var(--brand-blue);background:#fff;box-shadow:0 0 0 3px #1568d626}.form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:0;padding:10px 12px;font-size:13px;font-weight:500}.login-button{background:linear-gradient(135deg, var(--brand-blue), var(--brand-teal));color:#fff;cursor:pointer;border:none;border-radius:10px;margin-top:8px;padding:13px 20px;font-size:15px;font-weight:700;transition:filter .15s,transform .15s}.login-button:hover:not(:disabled){filter:brightness(1.08)}.login-button:active:not(:disabled){transform:translateY(1px)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;color:#94a3b8;margin:24px 0 0;font-size:12px}.connections-layout{grid-template-columns:1fr;max-width:640px}.connections-card{width:100%}.connections-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.connections-header .login-title,.connections-header .login-subtitle{text-align:left;margin:0}.connections-header .login-subtitle{margin-top:6px}.dashboard-topbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.dashboard-topbar .login-title,.dashboard-topbar .login-subtitle{text-align:left;margin:0}.dashboard-topbar .login-subtitle{margin-top:6px}.dashboard-header-actions{flex-shrink:0;gap:10px;display:flex}.logout-button{color:var(--brand-charcoal);cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;flex-shrink:0;padding:9px 16px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s}.logout-button:hover{border-color:var(--brand-blue);background:#f1f5f9}.logout-button:disabled{opacity:.6;cursor:not-allowed}.icon-button{justify-content:center;align-items:center;width:36px;height:36px;padding:9px;display:inline-flex}.connections-status{color:#64748b;text-align:center;margin:0;padding:24px 0;font-size:14px}.connection-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.connection-item{cursor:pointer;text-align:left;width:100%;font:inherit;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;transition:border-color .15s,background .15s,transform .15s;display:flex}.connection-item:hover{border-color:var(--brand-blue);background:#fff;transform:translateY(-1px)}.connection-name{color:var(--brand-navy);font-size:15px;font-weight:600}.connection-protocol{color:var(--brand-blue);letter-spacing:.04em;background:#1568d61a;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.vm-session{background:var(--brand-navy);flex-direction:column;display:flex;position:fixed;inset:0}.vm-session-toolbar{background:var(--brand-charcoal);border-bottom:1px solid #475569;align-items:center;gap:16px;padding:10px 20px;display:flex}.vm-session-toolbar--overlay{z-index:20;transition:transform .25s,opacity .25s;position:absolute;top:0;left:0;right:0}.vm-session-toolbar--hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.vm-session-name{color:#f8fafc;flex:1;font-size:14px;font-weight:600}.vm-session-status{color:#94a3b8;font-size:13px}.vm-session-status-error{color:#f87171}.vm-session-toolbar .logout-button{color:#f8fafc;background:#3f434a;border-color:#5a5f66}.vm-session-toolbar .logout-button:hover{border-color:var(--brand-teal);background:#4d525a}.vm-display{flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.vm-display canvas{cursor:none}.dashboard-layout{grid-template-columns:1fr;max-width:1100px}.dashboard-card{width:100%}.dashboard-body{align-items:flex-start;gap:24px;display:flex}.dashboard-sidebar{flex-direction:column;flex-shrink:0;gap:10px;width:230px;display:flex}.dashboard-content{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;min-width:0;min-height:260px;padding:22px 24px}.dashboard-placeholder{color:#64748b;text-align:center;margin:0;padding:70px 20px;font-size:14px}@media (width<=720px){.dashboard-body{flex-direction:column}.dashboard-sidebar{flex-flow:wrap;width:100%}.sidebar-item{flex:calc(50% - 5px)}}.sidebar-item{font:inherit;text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s;display:flex}.sidebar-item:hover{border-color:var(--brand-blue);transform:translate(2px);box-shadow:0 4px 12px #0f172a14}.sidebar-item-active{background:var(--brand-blue);border-color:var(--brand-blue);box-shadow:0 6px 16px #1568d64d}.sidebar-item-active:hover{transform:none}.sidebar-item-active .stat-value{background:0 0;-webkit-background-clip:unset;background-clip:unset;color:#fff}.sidebar-item-active .stat-label{color:#ffffffd9}.stat-value{background:linear-gradient(135deg, var(--brand-blue), var(--brand-teal));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.dashboard-section{border-top:none;margin-top:0;padding-top:0}.dashboard-section-title{color:var(--brand-navy);margin:0 0 12px;font-size:15px;font-weight:700}.dashboard-table{border-collapse:collapse;width:100%;font-size:13px}.dashboard-table th,.dashboard-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:10px 12px}.dashboard-table th{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.dashboard-table td{color:var(--brand-navy)}.dashboard-entity-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.dashboard-entity-list li{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;display:flex}.dashboard-entity-name{color:var(--brand-navy);font-size:13px;font-weight:600}.dashboard-entity-type{color:var(--brand-teal);text-transform:uppercase;font-size:11px;font-weight:700}