#managerAnalytics .manager-analytics-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:16px;padding:22px;border-radius:18px;background:linear-gradient(135deg,#12263f,#1e4368);color:#fff;box-shadow:0 14px 35px rgba(18,38,63,.2)}
#managerAnalytics .manager-analytics-hero h2{margin:4px 0 7px;font-size:27px}
#managerAnalytics .manager-analytics-hero p{margin:0;color:rgba(255,255,255,.78);max-width:720px}
#managerAnalytics .manager-toolbar{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
#managerAnalytics .manager-toolbar .period-control{min-width:160px}
#managerAnalytics .manager-toolbar label{display:block;font-size:12px;font-weight:700;margin-bottom:5px;color:#496176}
#managerAnalytics .manager-toolbar input{width:100%}
#managerAnalytics .manager-period-card{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;flex-wrap:wrap;margin-bottom:16px}
#managerAnalytics .manager-quick-periods{display:flex;gap:8px;flex-wrap:wrap}
#managerAnalytics .manager-quick-periods button{padding:8px 12px;border-radius:10px}
#managerAnalytics .manager-team-tabs{display:flex;gap:10px;overflow:auto;padding:2px 2px 10px;margin-bottom:8px;scrollbar-width:thin}
#managerAnalytics .manager-team-tab{flex:0 0 auto;min-width:180px;text-align:left;border:1px solid #dbe5ee;background:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 5px 14px rgba(24,56,86,.06)}
#managerAnalytics .manager-team-tab span{display:block;font-weight:800;color:#17334d}
#managerAnalytics .manager-team-tab small{display:block;margin-top:4px;color:#6d8193}
#managerAnalytics .manager-team-tab.active{border-color:#1769aa;background:#eaf5ff;box-shadow:0 8px 22px rgba(23,105,170,.14)}
#managerAnalytics .manager-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0}
#managerAnalytics .manager-kpi-card{background:#fff;border:1px solid #e1e9f0;border-radius:16px;padding:17px;box-shadow:0 7px 20px rgba(24,56,86,.07)}
#managerAnalytics .manager-kpi-card span{display:block;color:#60778b;font-size:13px;font-weight:700}
#managerAnalytics .manager-kpi-card b{display:block;color:#112d46;font-size:23px;line-height:1.2;margin:8px 0 5px;overflow-wrap:anywhere}
#managerAnalytics .manager-kpi-card small{color:#8293a1}
#managerAnalytics .manager-table-card{overflow:hidden}
#managerAnalytics .manager-table-scroll{overflow:auto}
#managerAnalytics .manager-table-scroll table{min-width:720px}
#managerAnalytics .manager-team-link{padding:0;border:0;background:none;color:#1769aa;font:inherit;font-weight:800;text-align:left}
#managerAnalytics .manager-status{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}
#managerAnalytics .manager-status.active{background:#e7f8ee;color:#147643}
#managerAnalytics .manager-status.inactive{background:#f2f3f5;color:#6c747b}
#managerAnalytics .manager-small-button{padding:7px 10px;font-size:12px}
#managerAnalytics .manager-empty-cell{text-align:center!important;color:#718496;padding:24px!important}
#managerAnalytics .manager-detail-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin:10px 0 2px}
#managerAnalytics .manager-detail-head h2{margin:4px 0 5px;color:#17334d}
#managerAnalytics .manager-detail-head p{margin:0;color:#6b7e8e}
#managerAnalytics .manager-chart-card{margin-bottom:16px}
#managerAnalytics .manager-chart{height:285px;display:flex;gap:10px;align-items:stretch;overflow-x:auto;padding:18px 4px 4px}
#managerAnalytics .manager-chart-column{min-width:76px;flex:1;display:grid;grid-template-rows:28px 1fr 42px;align-items:end;text-align:center}
#managerAnalytics .manager-chart-value{font-size:11px;color:#60778b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#managerAnalytics .manager-chart-track{height:180px;border-radius:10px 10px 4px 4px;background:#edf3f7;display:flex;align-items:flex-end;overflow:hidden}
#managerAnalytics .manager-chart-bar{width:100%;min-height:5px;background:linear-gradient(180deg,#2a8fd4,#1769aa);border-radius:9px 9px 3px 3px;transition:height .25s ease}
#managerAnalytics .manager-chart-label{font-size:11px;color:#60778b;padding-top:7px;line-height:1.2}
#managerAnalytics .manager-chart-empty{padding:50px 20px;text-align:center;color:#718496}
#managerAnalytics .manager-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#managerAnalytics .manager-empty-state{text-align:center;padding:48px 20px}
#managerAnalytics .manager-empty-icon{font-size:42px;margin-bottom:10px}
#managerAnalytics .manager-empty-state h3{margin:0 0 8px}
#managerAnalytics .manager-empty-state p{margin:0;color:#718496}
#managerAnalytics .manager-team-message{border-radius:12px;padding:11px 14px;margin:12px 0;font-weight:700}
#managerAnalytics .manager-team-message.info{background:#edf6ff;color:#1c5e91}
#managerAnalytics .manager-team-message.success{display:block;background:#e8f8ee;color:#147643}
#managerAnalytics .manager-team-message.error{background:#fff0f0;color:#a92b2b}
#managerAnalytics .manager-loading{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:12px;background:#f4f8fb;color:#496176;margin:12px 0}
#managerAnalytics .manager-loading-dot{width:18px;height:18px;border:3px solid #c9ddeb;border-top-color:#1769aa;border-radius:50%;animation:managerSpin .8s linear infinite}
@keyframes managerSpin{to{transform:rotate(360deg)}}
#managerAnalytics .manager-editor{margin:16px 0;border:1px solid #bdd7ea;background:#fbfdff}
#managerAnalytics .manager-editor-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:16px}
#managerAnalytics .manager-editor-head h3{margin:0 0 5px}
#managerAnalytics .manager-editor-head p{margin:0;color:#718496}
#managerAnalytics .manager-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#managerAnalytics .manager-editor-grid .full{grid-column:1/-1}
#managerAnalytics .manager-editor-grid label{display:block;font-weight:700;margin-bottom:6px}
#managerAnalytics .manager-editor-grid input[type="text"],#managerAnalytics .manager-editor-grid select,#managerAnalytics .manager-editor-grid textarea{width:100%}
#managerAnalytics .manager-editor-grid textarea{min-height:86px;resize:vertical}
#managerAnalytics .manager-active-check{display:flex!important;align-items:center;gap:9px;margin-top:28px}
#managerAnalytics .manager-active-check input{width:auto}
#managerAnalytics .manager-member-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:9px}
#managerAnalytics .manager-member-toolbar input{max-width:380px}
#managerAnalytics .manager-member-count{font-size:13px;font-weight:800;color:#496176;white-space:nowrap}
#managerAnalytics .manager-member-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:330px;overflow:auto;padding:3px}
#managerAnalytics .manager-member-option{display:flex!important;gap:9px;align-items:flex-start;border:1px solid #dce6ee;border-radius:12px;padding:10px;background:#fff;margin:0!important;cursor:pointer}
#managerAnalytics .manager-member-option:hover{border-color:#89badc;background:#f6fbff}
#managerAnalytics .manager-member-option input{width:auto;margin-top:3px}
#managerAnalytics .manager-member-option b,#managerAnalytics .manager-member-option small{display:block}
#managerAnalytics .manager-member-option small{margin-top:3px;color:#718496;font-weight:400}
#managerAnalytics .manager-editor-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px}
#managerAnalytics .manager-editor-actions>div{display:flex;gap:10px;flex-wrap:wrap}
#managerAnalytics .manager-danger{background:#fff0f0!important;border-color:#efb9b9!important;color:#a92b2b!important}
@media(max-width:1100px){#managerAnalytics .manager-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#managerAnalytics .manager-two-columns{grid-template-columns:1fr}#managerAnalytics .manager-member-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#managerAnalytics .manager-analytics-hero{padding:17px;display:block}#managerAnalytics .manager-analytics-hero h2{font-size:23px}#managerAnalytics .manager-kpi-grid{grid-template-columns:1fr}#managerAnalytics .manager-editor-grid{grid-template-columns:1fr}#managerAnalytics .manager-editor-grid .full{grid-column:auto}#managerAnalytics .manager-member-list{grid-template-columns:1fr}#managerAnalytics .manager-member-toolbar{display:block}#managerAnalytics .manager-member-count{display:block;margin-top:8px}#managerAnalytics .manager-detail-head{display:block}#managerAnalytics .manager-detail-head button{margin-top:12px;width:100%}#managerAnalytics .manager-toolbar{display:grid;grid-template-columns:1fr 1fr}#managerAnalytics .manager-toolbar button{grid-column:1/-1}}

/* v39.9.1: loading visibility and unified period buttons */
#managerAnalytics [hidden]{display:none!important}
#managerAnalytics .manager-loading[hidden]{display:none!important}
#managerAnalytics .manager-quick-periods .manager-period-button{
  min-height:40px;
  padding:9px 14px;
  border-radius:10px;
  font-weight:700;
  white-space:nowrap;
}
#managerAnalytics .manager-quick-periods .manager-period-button.active{
  box-shadow:0 0 0 3px rgba(23,105,170,.20),0 8px 18px rgba(23,105,170,.18);
  transform:translateY(-1px);
}