.demo-shell{color:#252b32;max-width:1200px;margin:auto;padding:24px}.demo-app{background:#f4f5f6;grid-template-columns:230px minmax(0,1fr);min-height:100vh;display:grid}.demo-app .demo-shell{width:100%;min-width:0}.demo-sidebar{color:#fff;background:#24272b;flex-direction:column;gap:24px;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0}.demo-sidebar small{color:#bfc4ca;margin-top:5px;display:block}.demo-sidebar nav{gap:6px;display:grid}.demo-sidebar nav button{text-align:left;color:#e5e7eb;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:12px}.demo-sidebar nav button[aria-current]{color:#202420;background:#e8ff68;font-weight:700}.demo-sidebar a{color:inherit}.demo-menu{display:none}.demo-overview{padding:24px}.demo-overview h2{margin-bottom:12px;font-size:1.5rem}.demo-customer{border-bottom:1px solid #d4d9df;margin:20px 0;padding:16px 0}.demo-customer li{margin:8px 0}.demo-columns[hidden]{display:none}@media (max-width:900px){.demo-app{display:block}.demo-menu{display:inline-flex}.demo-sidebar{height:auto;display:none;position:static}.demo-sidebar.is-open{display:flex}}.demo-header,.demo-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.demo-title{margin-top:30px}.demo-title h1{font-size:1.65rem}.demo-stats{background:#fff;border:1px solid #d4d9df;grid-template-columns:repeat(4,1fr);margin:24px 0;display:grid}.demo-stats>div{flex-direction:column;padding:18px;display:flex}.demo-stats strong{font-size:2rem}.demo-columns{grid-template-columns:minmax(250px,1fr) minmax(0,1.7fr);gap:24px;display:grid}.demo-row{text-align:left;cursor:pointer;background:#fff;border:1px solid #d4d9df;flex-direction:column;gap:8px;width:100%;margin:10px 0;padding:20px;font-size:1rem;display:flex}.demo-row span{color:#586470;font-size:.875rem}.demo-row.selected{background:#edf1f4;border-left:4px solid #303c48}.demo-profile{padding:24px}.demo-profile h2{margin:12px 0;font-size:1.5rem}.demo-profile h3{margin-top:24px}.demo-profile p{margin:12px 0}.demo-profile li{margin:8px 0}.demo-fault{border-top:1px solid #d4d9df;margin-top:24px;padding-top:20px}.demo-shell .notice{padding:14px}.demo-shell .green{color:#165632;background:#e4f2ea}@media (max-width:700px){.demo-shell{padding:16px}.demo-columns{grid-template-columns:1fr}.demo-stats{grid-template-columns:1fr 1fr}.demo-header,.demo-title{flex-wrap:wrap;align-items:flex-start}.demo-profile{padding:18px}}.full-demo-banner{color:#fff;background:#202329;border-bottom:3px solid #d5f24b;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 24px;font-size:13px;display:flex}.full-demo-banner strong{color:#d5f24b;letter-spacing:1px;font-size:11px}.full-demo-banner a{color:#202329;background:#d5f24b;border-radius:4px;margin-left:auto;padding:9px 14px;font-weight:650}.full-demo-banner button{border:1px solid #717777;border-radius:4px;padding:8px 12px}.full-demo-banner+div [data-slot=sidebar-wrapper]{min-height:calc(100svh - 64px)}.full-demo-banner{min-height:64px;padding-left:260px}@media (max-width:767px){.full-demo-banner{gap:8px;padding-left:16px}.full-demo-banner>strong{display:none}.full-demo-banner>span{width:100%;font-size:11px}.full-demo-banner a{margin-left:auto}}