@media screen{body:has(>.workspace){flex-direction:column;min-height:100dvh;display:flex}.workspace{flex-direction:column;flex:1;display:flex}.workspace>main{flex:1;width:100%;min-width:0}.workspace>header,.workspace>footer,#sidebar{flex-shrink:0}}main[data-runtime=pending] #app{display:none}.workspace-skeleton{min-height:620px;padding-top:28px}.workspace-skeleton i,.skeleton-navigation i,.breadcrumbs .skeleton-breadcrumb{background:#f0f1f3;border-radius:5px;animation:1.6s ease-in-out infinite pantau-skeleton-pulse;display:block}.skeleton-navigation{padding:10px}.skeleton-navigation i{width:85%;height:16px;margin:18px 0 26px}.breadcrumbs .skeleton-breadcrumb{width:100px;height:13px;padding:0}.skeleton-heading{margin:0 0 24px}.skeleton-heading i:first-child{width:240px;max-width:80%;height:27px;margin-bottom:12px}.skeleton-heading i:last-child{width:320px;max-width:90%;height:13px}.skeleton-stats{border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px;display:grid;overflow:hidden}.skeleton-stats>div{border-right:1px solid var(--line);padding:24px}.skeleton-stats>div:last-child{border-right:0}.skeleton-stats i:first-child{width:65%;height:12px}.skeleton-stats i:nth-child(2){width:40%;height:30px;margin:22px 0 14px}.skeleton-stats i:last-child{width:80%;height:10px}.skeleton-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.skeleton-panels>div{border:1px solid var(--line);border-radius:10px;padding:20px}.skeleton-panels i{width:55%;height:14px}.skeleton-panel-body{background:linear-gradient(#fafbfc 1px,#0000 1px) 0 0/100% 45px;height:225px;margin-top:26px}.workspace-load-error{text-align:center;padding:100px 20px}.workspace-load-error p{color:var(--muted)}@keyframes pantau-skeleton-pulse{50%{opacity:.5}}@media (max-width:1000px){.skeleton-panels{grid-template-columns:1fr}.skeleton-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.skeleton-stats>div:nth-child(2){border-right:0}.skeleton-stats>div:nth-child(n+3){border-top:1px solid var(--line)}}@media (max-width:767px){.workspace-skeleton{padding-top:20px}.skeleton-stats>div{padding:16px}.skeleton-panels{gap:16px}.skeleton-navigation{gap:10px;min-width:0;max-width:100%;padding:0;display:flex}.skeleton-navigation i{width:80px;height:24px;margin:0}}@media (prefers-reduced-motion:reduce){.workspace-skeleton i,.skeleton-navigation i,.breadcrumbs .skeleton-breadcrumb{animation:none}}