.helprite-page-skeleton{
  --hps-bg:#f4f5f7;--hps-panel:#fff;--hps-panel-soft:#fafbfc;--hps-line:#e7e9ed;--hps-line-2:#f0f2f5;--hps-border:#e2e5e9;--hps-blue:#0a84ff;
  position:fixed;inset:0;z-index:2147480000;background:var(--hps-bg);opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .14s ease,visibility .14s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1d1d1f
}
[data-theme="dark"] .helprite-page-skeleton{--hps-bg:#111318;--hps-panel:#191c22;--hps-panel-soft:#16191f;--hps-line:#282d36;--hps-line-2:#21252d;--hps-border:#2b303a}
html.helprite-page-loading .helprite-page-skeleton,.helprite-page-skeleton.is-active{opacity:1;visibility:visible;pointer-events:auto}
.helprite-page-skeleton-shell{display:grid;grid-template-columns:94px minmax(0,1fr);min-height:100dvh}
.helprite-page-skeleton-sidebar{display:flex;flex-direction:column;align-items:center;gap:22px;padding:24px 14px;border-right:1px solid var(--hps-border);background:var(--hps-panel)}
.hps-logo{width:48px;height:34px;border-radius:12px}.hps-side-item{width:40px;height:40px;border-radius:13px}.hps-side-item.is-active{background:#e7f2ff!important;box-shadow:inset 3px 0 0 var(--hps-blue)}[data-theme="dark"] .hps-side-item.is-active{background:#152b46!important}.hps-side-spacer{flex:1}
.helprite-page-skeleton-stage{min-width:0}.helprite-page-skeleton-topbar{height:76px;display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:0 28px;border-bottom:1px solid var(--hps-border);background:var(--hps-panel)}
.hps-search{width:min(330px,30vw);height:44px;border-radius:16px}.hps-top-icon{width:44px;height:44px;border-radius:14px}.hps-profile{width:190px;height:48px;border-radius:17px}
.helprite-page-skeleton-main{padding:32px 30px 48px;max-width:1900px;margin:0 auto}.hps-template{display:none}.helprite-page-skeleton[data-variant="dashboard"] [data-template="dashboard"],.helprite-page-skeleton[data-variant="drive"] [data-template="drive"],.helprite-page-skeleton[data-variant="calendar"] [data-template="calendar"],.helprite-page-skeleton[data-variant="work"] [data-template="work"],.helprite-page-skeleton[data-variant="notifications"] [data-template="notifications"],.helprite-page-skeleton[data-variant="form"] [data-template="form"],.helprite-page-skeleton[data-variant="detail"] [data-template="detail"],.helprite-page-skeleton[data-variant="report"] [data-template="report"],.helprite-page-skeleton[data-variant="table"] [data-template="table"]{display:block}
.hps-panel{background:var(--hps-panel);border:1px solid var(--hps-border);border-radius:24px;overflow:hidden}.hps-panel-inner{background:var(--hps-panel);border:1px solid rgba(0,0,0,.05);border-radius:20px}
.hps-block{display:block;position:relative;overflow:hidden;background:var(--hps-line)}.hps-block::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:hps-shimmer 1.05s infinite}[data-theme="dark"] .hps-block::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent)}@keyframes hps-shimmer{100%{transform:translateX(100%)}}
.hps-line{height:12px;border-radius:999px}.hps-line-xs{width:110px;height:9px}.hps-line-sm{width:34%}.hps-line-md{width:72%}.hps-line-lg{width:58%;height:23px}.hps-line-title{width:min(560px,72vw);height:42px}.hps-line-subtitle{width:min(700px,82vw);height:13px}.hps-line-number{width:58px;height:36px;border-radius:10px}.hps-line-row-title{width:62%;height:14px}.hps-line-row-copy{width:88%;height:10px}.hps-line-row-copy.short{width:42%}
.hps-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.hps-heading-row>div:first-child{display:grid;gap:10px;min-width:0}.hps-heading-actions{display:flex;gap:10px}.hps-heading-actions span{width:106px;height:42px;border-radius:14px}
.hps-inline-buttons{display:flex;gap:10px}.hps-inline-buttons span{width:112px;height:40px;border-radius:13px}.hps-toolbar-spacer{flex:1}
.hps-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:20px}.hps-summary{min-height:128px;padding:20px;display:grid;align-content:space-between;gap:13px}.hps-stat-icon{width:38px;height:38px;border-radius:13px}
.hps-content-toolbar{display:flex;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid var(--hps-border)}.hps-toolbar-search{width:min(360px,44vw);height:42px;border-radius:14px}.hps-toolbar-filter{width:180px;height:42px;border-radius:14px}
.hps-tabbar{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--hps-border);overflow:hidden}.hps-tabbar span{width:120px;height:38px;border-radius:13px}.hps-tabbar span:first-child{background:#dceeff}

/* Dashboard */
.hps-dashboard-hero{min-height:330px;padding:22px;display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:26px;margin-bottom:20px;background:#ff3b30;border-color:#ff3b30}.hps-dashboard-hero-copy{display:grid;align-content:space-between;gap:14px;padding:8px 4px}.hps-dashboard-hero-copy .hps-block{background:rgba(255,255,255,.42)}.hps-hero-title{width:72%;height:62px;border-radius:18px}.hps-dashboard-pulse{padding:22px;display:grid;align-content:space-between;gap:14px}.hps-pulse-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hps-pulse-cards span{height:66px;border-radius:14px}.hps-module-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.hps-module-card{height:240px;padding:20px;display:grid;grid-template-columns:1fr auto;align-content:space-between}.hps-module-icon{width:62px;height:62px;border-radius:18px}.hps-module-arrow{width:44px;height:44px;border-radius:14px}.hps-module-card .hps-line-lg{grid-column:1/-1;align-self:end}.hps-module-card .hps-line-md{grid-column:1/-1}

/* Drive */
.hps-drive-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:18px}.hps-drive-nav{min-height:690px;padding:18px;display:flex;flex-direction:column;gap:12px}.hps-drive-new{height:46px;border-radius:15px;background:#dceeff}.hps-drive-nav-row{height:40px;border-radius:12px}.hps-drive-storage{height:84px;border-radius:16px;margin-top:auto}.hps-drive-main{min-height:690px}.hps-drive-toolbar{display:flex;gap:12px;align-items:center;padding:18px;border-bottom:1px solid var(--hps-border)}.hps-drive-toolbar .hps-toolbar-search{flex:1;max-width:none}.hps-drive-breadcrumb{padding:18px 20px 0}.hps-file-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:18px}.hps-file-card{height:142px;border:1px solid var(--hps-border);border-radius:18px;padding:16px;display:grid;align-content:space-between}.hps-file-icon{width:48px;height:48px;border-radius:14px;background:#e5f1ff}.hps-file-name{width:84%;height:12px}.hps-file-meta{width:48%;height:9px}

/* Calendar */
.hps-calendar-layout{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:690px}.hps-calendar-side{padding:18px;border-right:1px solid var(--hps-border)}.hps-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hps-mini-stats span{height:78px;border-radius:15px}.hps-calendar-note{height:90px;border-radius:16px;margin:18px 0}.hps-upcoming-row{height:62px;border-radius:15px;margin-bottom:10px}.hps-calendar-main{min-width:0}.hps-calendar-toolbar{height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;border-bottom:1px solid var(--hps-border)}.hps-calendar-toolbar>div{display:flex;gap:8px}.hps-calendar-toolbar>div:last-child{justify-content:flex-end}.hps-calendar-toolbar>div span{width:54px;height:36px;border-radius:12px}.hps-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.hps-calendar-cell{height:116px;border-right:1px solid var(--hps-border);border-bottom:1px solid var(--hps-border);padding:12px}.hps-calendar-cell i{width:22px;height:10px;border-radius:6px}.hps-calendar-cell b{display:block;height:32px;border-radius:8px;margin-top:18px;background:#dceeff}

/* Work */
.hps-work-stats{display:grid;grid-template-columns:1.8fr repeat(4,1fr);gap:15px;margin-bottom:18px}.hps-work-focus,.hps-stat-card{min-height:138px;padding:20px}.hps-work-focus{display:grid;align-content:space-between}.hps-stat-card{display:grid;align-content:space-between;gap:9px}.hps-work-board{overflow:hidden}.hps-work-row{display:grid;grid-template-columns:72px minmax(0,1.4fr) minmax(180px,.8fr) 64px 42px;gap:18px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--hps-border)}.hps-date-tile{width:66px;height:66px;border-radius:18px}.hps-target-block{height:54px;border-radius:12px}.hps-progress-ring{width:54px;height:54px;border-radius:50%;background:conic-gradient(#0a84ff 0 38%,#e6eef8 38%)}.hps-list-action{width:40px;height:40px;border-radius:13px}

/* Notifications */
.hps-notification-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:18px}.hps-notification-stats article{min-height:118px;padding:18px;border-radius:0;border-right:0}.hps-notification-stats article:first-child{border-radius:24px 0 0 24px}.hps-notification-stats article:last-child{border-radius:0 24px 24px 0;border-right:1px solid var(--hps-border)}.hps-notification-board{overflow:hidden}.hps-notification-tabs span{width:108px;height:34px}.hps-notification-row{display:grid;grid-template-columns:52px minmax(0,1fr) 90px;gap:16px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--hps-border)}.hps-notification-icon{width:46px;height:46px;border-radius:15px;background:#ffe5e5}.hps-notification-row>div{display:grid;gap:8px}.hps-time-line{width:72px;height:9px}

/* Forms */
.hps-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.hps-form-card{padding:0}.hps-section-title{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid var(--hps-border)}.hps-section-icon{width:34px;height:34px;border-radius:12px}.hps-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:22px}.hps-form-grid label{display:grid;gap:8px}.hps-form-grid label.wide{grid-column:1/-1}.hps-form-control{height:48px;border-radius:14px}.hps-form-textarea{height:170px;border-radius:16px}.hps-form-footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 22px;border-top:1px solid var(--hps-border)}.hps-form-footer span{width:120px;height:44px;border-radius:14px}.hps-form-side{padding:18px;display:grid;align-content:start;gap:14px}.hps-side-preview{height:210px;border-radius:18px}.hps-side-info{height:54px;border-radius:14px}

/* Detail */
.hps-detail-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px}.hps-detail-profile{min-height:620px;padding:24px;display:grid;justify-items:center;align-content:start;gap:14px}.hps-detail-avatar{width:112px;height:112px;border-radius:32px}.hps-detail-chip{width:100%;height:46px;border-radius:14px}.hps-detail-main{overflow:hidden}.hps-detail-section{border-bottom:1px solid var(--hps-border)}.hps-detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--hps-border)}.hps-detail-fields span{height:78px;background:var(--hps-line-2)}

/* Reports */
.hps-report-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;margin-bottom:18px}.hps-chart-card{height:320px;padding:20px}.hps-chart-bars{height:230px;display:flex;align-items:flex-end;gap:14px;padding-top:24px}.hps-chart-bars span{flex:1;border-radius:9px 9px 3px 3px;background:#dceeff}.hps-chart-ring{width:190px;height:190px;border-radius:50%;margin:34px auto 0;background:conic-gradient(#0a84ff 0 68%,#e6eef8 68%)}

/* Tables */
.hps-table-summary{grid-template-columns:repeat(4,1fr)}.hps-table-card{overflow:hidden}.hps-table-head{display:grid;grid-template-columns:1.2fr 1.6fr 1fr 1fr .8fr 1fr 52px;gap:16px;padding:14px 20px;border-bottom:1px solid var(--hps-border)}.hps-table-head span{height:9px;border-radius:999px}.hps-table-row{display:grid;grid-template-columns:54px minmax(180px,1.6fr) 1fr 1fr .8fr 1fr 42px;gap:16px;align-items:center;padding:18px 20px;border-bottom:1px solid var(--hps-border)}.hps-avatar{width:48px;height:48px;border-radius:15px}.hps-table-row>div{display:grid;gap:8px}.hps-cell-line{height:11px;border-radius:999px}.hps-cell-pill{height:28px;width:84px;border-radius:999px;background:#e5f1ff}

@media(max-width:1250px){.hps-module-grid{grid-template-columns:repeat(3,1fr)}.hps-work-stats{grid-template-columns:1.4fr repeat(2,1fr)}.hps-work-focus{grid-row:span 2}.hps-notification-stats{grid-template-columns:repeat(3,1fr)}.hps-notification-stats article,.hps-notification-stats article:first-child,.hps-notification-stats article:last-child{border-radius:18px;border:1px solid var(--hps-border)}.hps-file-grid{grid-template-columns:repeat(3,1fr)}.hps-summary-grid{grid-template-columns:repeat(3,1fr)}.hps-table-row{grid-template-columns:48px minmax(180px,1.7fr) 1fr .8fr 42px}.hps-table-row>:nth-child(4),.hps-table-row>:nth-child(6),.hps-table-head>:nth-child(4),.hps-table-head>:nth-child(6){display:none}.hps-table-head{grid-template-columns:1.2fr 1.6fr 1fr .8fr 52px}}
@media(max-width:980px){.helprite-page-skeleton-shell{grid-template-columns:78px minmax(0,1fr)}.helprite-page-skeleton-main{padding:26px 20px 40px}.hps-dashboard-hero{grid-template-columns:1fr;min-height:430px}.hps-dashboard-pulse{min-height:190px}.hps-module-grid{grid-template-columns:repeat(2,1fr)}.hps-drive-layout,.hps-calendar-layout,.hps-form-layout,.hps-detail-layout{grid-template-columns:1fr}.hps-drive-nav,.hps-calendar-side,.hps-form-side,.hps-detail-profile{display:none}.hps-file-grid{grid-template-columns:repeat(3,1fr)}.hps-work-row{grid-template-columns:64px minmax(0,1fr) 58px 42px}.hps-work-row .hps-target-block{display:none}.hps-notification-stats{grid-template-columns:repeat(2,1fr)}.hps-report-grid{grid-template-columns:1fr}.hps-summary-grid,.hps-table-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.helprite-page-skeleton-shell{grid-template-columns:1fr}.helprite-page-skeleton-sidebar{display:none}.helprite-page-skeleton-topbar{height:68px;padding:0 14px}.hps-search{width:52%}.hps-profile{width:46px}.hps-top-icon:nth-of-type(2){display:none}.helprite-page-skeleton-main{padding:22px 14px 34px}.hps-heading-actions{display:none}.hps-line-title{height:34px;width:78vw}.hps-line-subtitle{width:88vw}.hps-dashboard-hero{min-height:380px;padding:15px}.hps-hero-title{height:48px;width:90%}.hps-dashboard-pulse{padding:16px}.hps-module-grid{grid-template-columns:1fr 1fr;gap:10px}.hps-module-card{height:170px;padding:14px;border-radius:19px}.hps-module-icon{width:48px;height:48px}.hps-file-grid{grid-template-columns:1fr 1fr;padding:12px;gap:10px}.hps-file-card{height:120px;padding:12px}.hps-calendar-toolbar{grid-template-columns:1fr auto}.hps-calendar-toolbar>div:last-child{display:none}.hps-calendar-cell{height:78px;padding:8px}.hps-work-stats{grid-template-columns:1fr 1fr;gap:10px}.hps-work-focus{grid-column:1/-1;grid-row:auto;min-height:126px}.hps-stat-card{min-height:110px;padding:15px}.hps-tabbar{overflow:hidden;padding:12px}.hps-tabbar span{min-width:96px}.hps-content-toolbar{padding:12px}.hps-toolbar-search{width:100%;max-width:none}.hps-toolbar-filter{display:none}.hps-work-row{grid-template-columns:56px minmax(0,1fr) 44px;gap:11px;padding:15px 12px}.hps-work-row .hps-list-action{display:none}.hps-date-tile{width:54px;height:54px}.hps-progress-ring{width:44px;height:44px}.hps-notification-stats{grid-template-columns:1fr 1fr;gap:9px}.hps-notification-stats article{min-height:104px;padding:14px}.hps-notification-tabs{overflow:hidden}.hps-notification-row{grid-template-columns:44px minmax(0,1fr);padding:15px 12px}.hps-notification-icon{width:40px;height:40px}.hps-notification-row .hps-time-line{display:none}.hps-form-grid{grid-template-columns:1fr;padding:16px}.hps-form-grid label.wide{grid-column:auto}.hps-detail-fields{grid-template-columns:1fr}.hps-summary-grid,.hps-table-summary{grid-template-columns:1fr 1fr;gap:10px}.hps-summary{min-height:108px;padding:14px}.hps-report-grid{gap:10px}.hps-chart-card{height:240px;padding:15px}.hps-chart-bars{height:165px}.hps-chart-ring{width:145px;height:145px}.hps-table-head{display:none}.hps-table-row{grid-template-columns:44px minmax(0,1fr) 40px;padding:15px 12px;gap:11px}.hps-table-row>:nth-child(n+3):not(:last-child){display:none}.hps-avatar{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.hps-block::after{animation:none!important}.helprite-page-skeleton{transition:none}}
@supports (content-visibility:auto){.main-content .panel:not(.modal-content),.main-content .applications-table-card,.main-content .module-widget,.main-content .card:not(.modal-content){content-visibility:auto;contain-intrinsic-size:1px 480px}.modal,.modal-content,.offcanvas,.notification-drawer,.dropdown-menu{content-visibility:visible!important;contain-intrinsic-size:auto!important}}
