.preview-notice{min-height:40px;display:flex;align-items:center;gap:9px;padding:7px 22px;background:#0a1524;border-bottom:1px solid #244566;color:#a8c9ec;font-size:10px;letter-spacing:.75px;font-weight:650;position:relative;z-index:50}.preview-pulse{width:7px;height:7px;border-radius:50%;background:#55bffb;box-shadow:0 0 12px #55bffb}.preview-notice .home-link{margin-left:auto;color:#d3e6ff;font-size:11px;letter-spacing:0;text-decoration:underline;text-underline-offset:3px}.demo-shell{min-height:calc(100vh - 40px)}.demo-shell .sidebar{top:40px;height:calc(100vh - 40px)}.demo-shell .workspace{min-height:calc(100vh - 40px)}.demo-shell .workspace>main{padding-bottom:32px}.demo-shell .guild-switch{align-items:center}.demo-shell .guild-switch .badge{margin-left:auto}.demo-shell #module-nav{padding-bottom:20px}.demo-shell .nav-group{margin-bottom:18px}.demo-shell .nav-item{cursor:pointer}.demo-shell .mobile-menu{display:none}.demo-shell .sidebar-backdrop{display:none}.synthetic-ribbon{display:flex;gap:10px;align-items:center;padding:10px 13px;margin:0 0 21px;border:1px solid #55452b;background:#221d16;color:#ddc18f;border-radius:7px;font-size:11px}.synthetic-ribbon strong{font-size:9px;letter-spacing:1px}.synthetic-ribbon span{color:#cbbd9f}.preview-footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #202d40;margin-top:27px;padding:18px 2px;color:#71819b;font-size:9px;letter-spacing:.65px}.p-demo-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.p-demo-chart{height:155px;display:flex;align-items:end;gap:12px;padding:12px 8px 0}.p-demo-chart>div{flex:1;display:grid;gap:7px;justify-items:center;height:100%;align-content:end;color:#9aacc5;font-size:10px}.p-demo-chart i{display:block;width:min(100%,54px);height:var(--bar);min-height:14px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#54bfff,#3677d0 72%,#21416b);box-shadow:0 0 20px #399cff20}.p-demo-chart b{color:#dae9fb;font-size:10px}.p-demo-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.p-demo-card{padding:18px;border:1px solid #28445e;border-radius:10px;background:linear-gradient(145deg,#0d2032,#0a1422);min-height:156px}.p-demo-card .p-status{margin-bottom:12px}.p-demo-card h3{margin:0 0 8px}.p-demo-card p{font-size:11px;color:#a6b7ce;line-height:1.6}.demo-module-state{min-height:230px;display:grid;align-content:center;justify-items:center;text-align:center;padding:34px 22px}.demo-module-state .state-icon{width:50px;height:50px;display:grid;place-items:center;border:1px solid #38516e;border-radius:13px;background:#14253a;color:#8bb9fa;font-size:23px;margin-bottom:14px}.demo-module-state h2{font-size:19px}.demo-module-state p{max-width:580px;color:#a6b4c9;font-size:12px}.demo-module-state .badge{margin-bottom:12px}.demo-list{display:grid;gap:8px}.demo-list-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #26394f;border-radius:7px;background:#0b1828}.demo-list-row>span:first-child{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;background:#183151;color:#9cc7ff}.demo-list-row strong{font-size:11px}.demo-list-row small{display:block;margin-top:4px;color:#93a5be;font-size:10px}.demo-list-row .badge{margin-left:auto}.p-demo-notes{font-size:11px;color:#9cafc7;line-height:1.7}.no-results{padding:18px;color:#a8b8ce;font-size:12px}.demo-heading-note{font-size:11px;color:#98abc5;margin-top:7px}.demo-shell .nav-item.is-filtered{display:none}.demo-shell .nav-group.is-empty{display:none}.demo-shell .topbar .mobile-menu{margin-left:-10px}.demo-shell .topbar .mobile-menu{color:#bdd3f2}
@media(max-width:900px){.preview-notice{padding:7px 14px;font-size:9px}.demo-shell .sidebar{top:40px;height:calc(100vh - 40px);transform:translateX(-105%);transition:transform .2s ease}.demo-shell .sidebar.is-open{transform:translateX(0)}.demo-shell .workspace{margin-left:0}.demo-shell .topbar{padding:0 18px;height:66px}.demo-shell .topbar .mobile-menu{display:inline-flex}.demo-shell .sidebar-backdrop:not([hidden]){display:block;position:fixed;inset:40px 0 0;background:#02070dcc;border:0;z-index:20}.demo-shell .workspace>main{padding:24px 18px 0}.demo-shell .p-demo-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-shell .p-demo-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-footer{flex-direction:column}.demo-shell .global-search{width:min(34vw,230px)}.demo-shell .topbar>.badge{display:none}}
@media(max-width:560px){.preview-notice{align-items:flex-start;flex-wrap:wrap;line-height:1.45}.preview-notice .home-link{width:100%;margin-left:16px}.demo-shell .sidebar{width:min(290px,86vw);padding-top:22px}.demo-shell .topbar{gap:10px;padding:0 12px}.demo-shell .topbar .breadcrumb{gap:6px;font-size:10px}.demo-shell .topbar .global-search{width:34px;min-width:34px;padding:0 8px;overflow:hidden}.demo-shell .topbar .global-search:focus-within{position:absolute;right:12px;top:52px;width:min(76vw,290px);z-index:10;box-shadow:0 8px 30px #0009}.demo-shell .topbar .global-search input{font-size:11px}.demo-shell .topbar-avatar{display:none}.demo-shell .workspace>main{padding:20px 12px 0}.synthetic-ribbon{align-items:flex-start;flex-direction:column;gap:4px;font-size:10px}.demo-shell .p-demo-metrics{gap:8px}.demo-shell .p-demo-metrics .p-metric{min-width:0}.demo-shell .p-demo-metrics .p-metric>strong{font-size:25px}.demo-shell .p-demo-cards{grid-template-columns:1fr}.demo-shell .p-hero{min-height:225px}.demo-shell .p-hero h2{font-size:27px}.demo-shell .p-hero-label{font-size:8px}.p-demo-chart{gap:6px}.p-demo-chart>div{font-size:9px}}
@media(prefers-reduced-motion:reduce){.demo-shell .sidebar{transition:none}}

.demo-shell .global-search{display:flex;flex-wrap:nowrap;align-items:center}.demo-shell .global-search input{display:block;height:30px;min-width:0;width:100%;flex:1}

.demo-shell .global-search>.search-glass{display:block;flex:0 0 13px;text-align:center;font-size:16px;line-height:1}.demo-shell .global-search input::placeholder{color:#71819b}
@media(max-width:560px){.demo-shell .topbar .global-search{gap:5px}.demo-shell .topbar .global-search input{width:0;min-width:0;flex:0 0 0;padding:0;opacity:0}.demo-shell .topbar .global-search input::placeholder{color:transparent}.demo-shell .topbar .global-search:focus-within input{width:100%;flex:1;padding:0 4px;opacity:1}.demo-shell .topbar .global-search:focus-within input::placeholder{color:#71819b}}
@media(max-width:560px){.demo-shell .topbar .global-search::before{content:'⌕';display:block;flex:0 0 auto;color:#9db6d6;font-size:19px;line-height:1}.demo-shell .topbar .global-search>.search-glass{display:none}}
@media(max-width:560px){.demo-shell .topbar .global-search{position:relative}.demo-shell .topbar .global-search::before{content:"";position:absolute;left:11px;top:9px;width:9px;height:9px;border:1.5px solid #9db6d6;border-radius:50%;display:block}.demo-shell .topbar .global-search::after{content:"";position:absolute;left:21px;top:20px;width:5px;height:1.5px;background:#9db6d6;transform:rotate(45deg);transform-origin:left center}.demo-shell .topbar .global-search:focus-within input{padding-left:8px}}