.dashboard-v2 .login-demo{background:var(--color-background-full);border:3px solid color-mix(in srgb,var(--login-border) 40%,var(--login-surface));transform-origin:0 0;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:24px;gap:14px;width:1150px;min-height:800px;padding:14px;display:flex;transform:scale(.85);box-shadow:0 4px 40px #00000008}.dashboard-v2 .login-demo-sidebar{border:1px solid var(--color-border-button-default);background:var(--color-background-secondary-default);border-radius:18px;flex-shrink:0;width:190px;padding:16px 10px}.dashboard-v2 .login-demo-sidebar>img{width:125px;height:auto;margin:0 8px 24px}.dashboard-v2 .login-demo-search{background:var(--color-background-tertiary-default);color:var(--color-text-secondary);border-radius:40px;align-items:center;gap:7px;margin-bottom:18px;padding:9px;font-size:11px;display:flex}.dashboard-v2 .login-demo-search span{margin-left:auto;font-size:9px}.dashboard-v2 .login-demo-nav small{letter-spacing:1px;color:var(--color-text-tertiary);padding:12px 9px 8px;font-size:9px;display:block}.dashboard-v2 .login-demo-nav>div{min-height:38px;color:var(--color-text-secondary);border-radius:9px;align-items:center;gap:8px;margin-bottom:4px;padding:8px 10px;font-size:12px;display:flex}.dashboard-v2 .login-demo-nav.is-selected>div{color:#fff;background:linear-gradient(#5f81f9,#4564d8);box-shadow:inset 0 1px 1px #ffffff70,0 0 0 1px #5f81f9}.dashboard-v2 .login-demo-identity{align-items:center;gap:8px;margin-top:35px;padding:10px 4px;font-size:11px;display:flex}.dashboard-v2 .login-demo-identity>span{background:var(--color-status-purple-background);width:28px;height:28px;color:var(--color-status-purple-text);border-radius:50%;place-items:center;display:grid}.dashboard-v2 .login-demo-identity small{color:var(--color-text-tertiary);margin-top:3px;font-size:9px;display:block}.dashboard-v2 .login-demo-content{flex:1;min-width:0;padding:4px}.dashboard-v2 .login-demo-content>header{color:var(--color-text-secondary);align-items:center;gap:12px;margin:6px 0 24px;font-size:11px;display:flex}.dashboard-v2 .login-demo-content>header small{color:var(--color-text-tertiary);margin-left:auto}.dashboard-v2 .login-demo-title{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.dashboard-v2 .login-demo-title h2{font-size:22px;font-weight:500}.dashboard-v2 .login-demo-title>div{gap:8px;display:flex}.dashboard-v2 .login-demo-title span{border:1px solid var(--color-border-button-default);background:var(--color-background-secondary-default);border-radius:10px;align-items:center;gap:6px;padding:9px 12px;font-size:12px;display:inline-flex}.dashboard-v2 .login-demo-title .is-primary{color:#fff;background:#5f81f9;border-color:#7694ff}.dashboard-v2 .login-demo-charts{grid-template-columns:1.65fr 1fr;gap:14px;margin-top:18px;display:grid}.dashboard-v2 .login-demo-plans{border:1px solid var(--color-border-table);background:var(--color-background-secondary-default);border-radius:16px;margin-top:18px;overflow:hidden}.dashboard-v2 .login-demo-plans-heading{justify-content:space-between;padding:18px;font-size:14px;display:flex}.dashboard-v2 .login-demo-plans-heading small{color:var(--color-text-secondary);align-items:center;gap:4px;font-size:11px;display:flex}.dashboard-v2 .login-demo-plans table{text-align:left;width:100%;font-size:12px}.dashboard-v2 .login-demo-plans th{color:var(--color-text-secondary);background:var(--color-background-tertiary-default);padding:12px;font-size:11px;font-weight:500}.dashboard-v2 .login-demo-plans td{border-bottom:1px solid var(--color-border-table);padding:16px 12px}.dashboard-v2 .login-demo-plan-icon{vertical-align:middle;color:var(--color-text-secondary);margin-right:8px;display:inline-flex}.dashboard-v2 .login-demo-network{background:var(--color-background-secondary-default);border-radius:16px;align-items:center;gap:14px;margin-top:18px;padding:24px;display:flex}.dashboard-v2 .login-demo-network h3{font-size:15px}.dashboard-v2 .login-demo-network p{color:var(--color-text-secondary);margin-top:8px;font-size:12px}.dashboard-v2 .login-demo-network>span{margin-left:auto}.dashboard-v2 .login-demo-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-v2 .login-demo[data-animated] .recharts-bar-rectangle{transform-box:fill-box;transform-origin:bottom;transform:scaleY(var(--demo-bar-fill,1));transition:transform 60ms linear}.dashboard-v2 .login-demo[data-animated] .login-demo-destinations [data-bar-list-fill]{transform-origin:0;transform:scaleX(var(--demo-bar-fill,1));transition:transform 60ms linear}.dashboard-v2 .login-demo[data-animated] .login-demo-stats{font-variant-numeric:tabular-nums}.dashboard-v2 .login-demo[data-animated] .recharts-bar-rectangle:first-child,.dashboard-v2 .login-demo[data-animated] [data-bar-list-fill="0"]{--demo-bar-fill:var(--demo-fill-0,1)}.dashboard-v2 .login-demo[data-animated] .recharts-bar-rectangle:nth-child(2),.dashboard-v2 .login-demo[data-animated] [data-bar-list-fill="1"]{--demo-bar-fill:var(--demo-fill-1,1)}.dashboard-v2 .login-demo[data-animated] .recharts-bar-rectangle:nth-child(3),.dashboard-v2 .login-demo[data-animated] [data-bar-list-fill="2"]{--demo-bar-fill:var(--demo-fill-2,1)}.dashboard-v2 .login-demo[data-animated] .recharts-bar-rectangle:nth-child(4),.dashboard-v2 .login-demo[data-animated] [data-bar-list-fill="3"]{--demo-bar-fill:var(--demo-fill-3,1)}.dashboard-v2 .login-demo[data-animated] .recharts-bar-rectangle:nth-child(5),.dashboard-v2 .login-demo[data-animated] [data-bar-list-fill="4"]{--demo-bar-fill:var(--demo-fill-4,1)}.dashboard-v2 .login-demo[data-animated] .recharts-bar-rectangle:nth-child(6),.dashboard-v2 .login-demo[data-animated] [data-bar-list-fill="5"]{--demo-bar-fill:var(--demo-fill-5,1)}.dashboard-v2 .login-demo[data-animated] .recharts-bar-rectangle:nth-child(7),.dashboard-v2 .login-demo[data-animated] [data-bar-list-fill="6"]{--demo-bar-fill:var(--demo-fill-6,1)}@media (prefers-reduced-motion:reduce){.dashboard-v2 .login-demo[data-animated] .recharts-bar-rectangle,.dashboard-v2 .login-demo[data-animated] [data-bar-list-fill]{transform:none}}
