.page-main{padding:24px}.kpi-grid{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.kpi-grid-3{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.kpi-grid-8{display:grid;gap:16px;grid-template-columns:repeat(8,minmax(0,1fr))}.charts-row{display:grid;gap:16px;grid-template-columns:1fr 1.4fr}.charts-row-rev{display:grid;gap:16px;grid-template-columns:1.4fr 1fr}.charts-row-3{display:grid;gap:16px;grid-template-columns:1.4fr 1fr 1fr}.charts-row-1{display:grid;gap:16px;grid-template-columns:1fr}.activity-row{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.sidebar-overlay,.hamburger-btn{display:none}.dash-filters{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-end;flex:1 1 100%;min-width:0}.dash-filters>*{flex:1 1 70px;min-width:0}.dash-filters>.ff-date{flex:0 0 112px}.dash-filters>.ff-time{flex:0 0 86px}.dash-filters>.ff-clear{flex:0 0 64px}.dash-rail{position:sticky;top:0;align-self:start}.dash-split{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:5px;align-items:start}.dash-page .kpi-grid,.dash-page .kpi-grid-3,.dash-page .kpi-grid-8,.dash-page .charts-row,.dash-page .charts-row-rev,.dash-page .charts-row-3,.dash-page .charts-row-1,.dash-page .activity-row{gap:5px}.dash-page{margin:-19px}.gs-box{background:#fff;border:1px solid #e5e7eb;transition:background .12s ease,border-color .12s ease}.gs-box--dark{background:#ffffff14;border-color:#ffffff80}.gs-box:focus-within{border-color:#0f6cbd}.gs-box--dark:focus-within{background:#ffffff29;border-color:#fff}.gs-icon{color:#9ca3af}.gs-box--dark .gs-icon{color:#ffffffe6}.gs-input::placeholder{color:#6b7280;opacity:1;font-weight:500}.gs-input--dark::placeholder{color:#fffffff2;opacity:1;font-weight:500}@keyframes hrone-shimmer{0%{background-position:-520px 0}to{background-position:520px 0}}.skeleton{background:#eef2f7;background-image:linear-gradient(90deg,#eef2f7,#f6f9fc,#eef2f7 120px);background-size:640px 100%;animation:hrone-shimmer 1.3s infinite linear;border-radius:8px}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}@keyframes hrone-blink{0%,45%{opacity:1}55%,to{opacity:.25}}.live-dot{animation:hrone-blink 1.4s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.live-dot{animation:none;opacity:1}}.topbar-date-badge{display:flex;align-items:center;gap:14px;flex-shrink:0}.topbar-session{flex-shrink:0}.topbar-identity{flex-shrink:1;min-width:0;max-width:190px}.greeting-short{display:none}@media (max-width: 1200px){.kpi-grid-8{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 1024px){.kpi-grid,.kpi-grid-3{grid-template-columns:repeat(2,1fr)}.activity-row,.charts-row-3{grid-template-columns:1fr 1fr}.dash-split{grid-template-columns:minmax(0,1fr)}.dash-rail{position:static}.topbar-session,.topbar-brand-name{display:none}}@media (max-width: 768px){.page-main{padding:14px}.dash-page{margin:-9px}.hamburger-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#64748b;padding:6px;border-radius:8px;flex-shrink:0;transition:color .15s}.app-sidebar{position:fixed!important;top:0!important;left:0!important;height:100vh!important;z-index:40;width:256px!important;transform:translate(-100%);transition:transform .25s ease!important;box-shadow:4px 0 24px #0000002e!important}.app-sidebar.open{transform:translate(0)}.sidebar-collapse-row{display:none!important}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:39;opacity:0;pointer-events:none;transition:opacity .25s ease}.sidebar-overlay.open{opacity:1;pointer-events:auto}.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi-grid-8{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-grid-3{grid-template-columns:repeat(2,1fr)}.charts-row,.charts-row-rev,.charts-row-3,.activity-row{grid-template-columns:1fr}.topbar-date-badge{display:none}.topbar-identity{max-width:120px}.topbar-brand{display:none!important}.signout-text{display:none}.topbar-greeting{font-size:15px!important}.greeting-long{display:none}.greeting-short{display:inline}}@media (max-width: 480px){.kpi-grid,.kpi-grid-8,.kpi-grid-3{grid-template-columns:1fr}.topbar-greeting{font-size:14px!important}}@media (max-width: 1024px){[style*="grid-template-columns: repeat(4"],[style*="grid-template-columns: repeat(5"],[style*="grid-template-columns: 1fr 1fr 1fr 1fr"]{grid-template-columns:1fr 1fr!important}}@media (max-width: 768px){button,select{min-height:40px}button{min-width:40px}input[type=checkbox],input[type=radio]{width:22px;height:22px}input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],input[type=search]{min-height:40px;font-size:max(16px,1em)}}@media (max-width: 768px){[style*=grid-template-columns]:not([style*=auto-fit]):not([style*=auto-fill]){grid-template-columns:1fr!important}}.rail-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;padding-right:4px}.rail-scroll::-webkit-scrollbar{width:6px}.rail-scroll::-webkit-scrollbar-track{background:transparent}.rail-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.rail-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dash-page .charts-row,.dash-page .charts-row-rev{grid-template-columns:1fr 1fr}.dash-page .charts-row-3{grid-template-columns:1fr 1fr 1fr}
