.apphero-scene{position:relative}.apphero-window{background:#0b1b2e;border:1px solid #ffffff1f;border-radius:.85rem;position:relative;overflow:hidden;transform:rotate(-1deg);box-shadow:0 30px 90px #02061773}.apphero-window-bar{z-index:1;background:#ffffff0d;border-bottom:1px solid #ffffff14;align-items:center;gap:.4rem;padding:.65rem .85rem;display:flex;position:relative}.apphero-window-dot{background:#ffffff40;border-radius:999px;width:.5rem;height:.5rem}.apphero-window-dot:first-child{background:#f87171}.apphero-window-dot:nth-child(2){background:#fbbf24}.apphero-window-dot:nth-child(3){background:#34d399}.apphero-window-title{color:#e2e8f0a6;background:#ffffff14;border-radius:999px;margin-left:.5rem;padding:.2rem .6rem;font-size:.68rem;font-weight:600}.apphero-window-body{grid-template-columns:3.25rem 1fr;gap:.9rem;padding:1rem 1.1rem 1.3rem;display:grid;position:relative;overflow:hidden}.apphero-sweep{pointer-events:none;background:linear-gradient(120deg,#0000 35%,#22d3ee24 48%,#0000 62%);animation:9s ease-in-out infinite light-sweep;position:absolute;inset:-20% -10%;transform:translate(-30%)}.apphero-sidebar{z-index:1;border-right:1px solid #ffffff14;align-content:start;gap:.5rem;padding-right:.75rem;display:grid;position:relative}.apphero-sidebar-logo{background:linear-gradient(135deg,#67e8f9,#0891b2);border-radius:.3rem;width:1.1rem;height:1.1rem}.apphero-sidebar-item{background:#ffffff24;border-radius:999px;height:.4rem}.apphero-sidebar-item-active{background:#67e8f980}.apphero-main{z-index:1;gap:.75rem;display:grid;position:relative}.apphero-kpis{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.apphero-kpi{background:#ffffff0f;border:1px solid #ffffff14;border-radius:.4rem;gap:.35rem;padding:.5rem;display:grid}.apphero-kpi span{background:#ffffff3d;border-radius:999px;width:60%;height:.3rem}.apphero-kpi i{background:#ffffffd9;border-radius:999px;width:80%;height:.55rem}.apphero-chart{background:#ffffff0a;border:1px solid #ffffff14;border-radius:.4rem;grid-template-columns:repeat(6,1fr);align-items:end;gap:.4rem;height:3.6rem;padding:.5rem;display:grid}.apphero-bar{transform-origin:bottom;background:linear-gradient(#67e8f9,#0891b280);border-radius:.2rem .2rem 0 0;animation:1.2s ease-out both apphero-bar-grow}@keyframes apphero-bar-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.apphero-bar-1{height:35%;animation-delay:50ms}.apphero-bar-2{height:55%;animation-delay:.15s}.apphero-bar-3{height:45%;animation-delay:.25s}.apphero-bar-4{height:78%;animation-delay:.35s}.apphero-bar-5{height:62%;animation-delay:.45s}.apphero-bar-6{height:92%;animation-delay:.55s}.apphero-rows{gap:.4rem;display:grid}.apphero-row{background:#ffffff29;border-radius:999px;height:.4rem}.apphero-row-short{width:55%}.apphero-badge{z-index:3;backdrop-filter:blur(6px);background:#07111fe6;border:1px solid #ffffff24;border-radius:.65rem;align-items:center;gap:.6rem;padding:.55rem .8rem;display:flex;position:absolute;bottom:-1rem;left:-1rem;box-shadow:0 20px 45px #02061766}.apphero-badge-dot{background:#34d399;border-radius:999px;width:.6rem;height:.6rem;box-shadow:0 0 0 .25rem #34d3992e}.apphero-badge-text{display:grid}.apphero-badge-label{color:#fff;font-size:.72rem;font-weight:800}.apphero-badge-sub{color:#e2e8f0a6;font-size:.65rem}@media (width<=1279px){.apphero-badge{padding:.45rem .65rem;bottom:-.75rem;left:-.5rem}}
