.analytics-pro.analytics-screen{position:relative;overflow:hidden;padding:0;border:1px solid rgba(93,220,214,.28);border-radius:22px;background:radial-gradient(circle at 85% 5%,rgba(46,196,194,.2),transparent 30%),linear-gradient(145deg,#062f3b,#075c68 60%,#087780);color:#fff;box-shadow:0 30px 65px rgba(4,52,63,.24)}
.pulse-ring{position:relative}
.analytics-insight .pulse-ring{background:conic-gradient(#54e1c5 0 96.8%,rgba(255,255,255,.1) 96.8%)}
.workforce-mix{align-items:stretch;text-align:left}.mix-heading{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.11)}.mix-heading small{display:block;color:#83ded8;font-size:8px;font-weight:800;letter-spacing:.14em}.mix-heading h4{margin:5px 0 0;font-size:12px}.mix-heading>span{display:flex;flex-direction:column;align-items:flex-end}.mix-heading>span b{font:800 18px/1 Manrope,sans-serif}.mix-heading>span em{margin-top:3px;color:#86abad;font-size:7px;font-style:normal;text-transform:uppercase;letter-spacing:.08em}.department-bars{display:grid;gap:14px;margin:20px 0}.department-bars p{display:flex;justify-content:space-between;margin:0 0 6px;color:#b8d4d5;font-size:8px}.department-bars p b{color:#fff}.department-bars i{position:relative;display:block;height:5px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.09)}.department-bars i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--bar);border-radius:inherit;background:linear-gradient(90deg,#43d8cc,#79eee1);box-shadow:0 0 12px rgba(67,216,204,.32)}.workforce-status{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:auto}.workforce-status>div{display:flex;align-items:center;gap:7px;padding:9px 8px;border-radius:9px;background:rgba(255,255,255,.055)}.workforce-status>div>i{width:7px;height:7px;flex:0 0 7px;border-radius:50%}.workforce-status .active{background:#5de0b0;box-shadow:0 0 0 4px rgba(93,224,176,.1)}.workforce-status .leave{background:#f4bc65;box-shadow:0 0 0 4px rgba(244,188,101,.1)}.workforce-status b,.workforce-status small{display:block}.workforce-status b{font:750 11px Manrope,sans-serif}.workforce-status small{margin-top:2px;color:#89acae;font-size:6px}
.mix-heading>span{color:#86abad;font-size:7px;font-weight:700;letter-spacing:.06em}.mix-visual{display:grid;place-items:center;padding:17px 0 10px}.mix-orbit{position:relative;width:126px;height:126px;display:grid;place-items:center;border:1px dashed rgba(135,232,224,.22);border-radius:50%;animation:orbitTurn 18s linear infinite}.mix-donut{position:relative;width:104px;height:104px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#5de2d2 0 36%,#43aacf 36% 64%,#8e7ee8 64% 85%,#f0b866 85% 100%);box-shadow:0 0 30px rgba(55,210,200,.2)}.mix-donut::before{content:"";position:absolute;inset:13px;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:#0a5360;box-shadow:inset 0 0 18px rgba(0,24,31,.3)}.mix-donut span{position:relative;z-index:1;text-align:center;animation:orbitCounter 18s linear infinite}.mix-donut b,.mix-donut em{display:block}.mix-donut b{font:800 19px/1 Manrope,sans-serif}.mix-donut em{margin-top:4px;color:#83b4b6;font-size:7px;font-style:normal;text-transform:uppercase;letter-spacing:.08em}.orbit-dot{position:absolute;width:7px;height:7px;border:2px solid #0a5360;border-radius:50%;background:#8ff5e9;box-shadow:0 0 10px #58dfd3}.orbit-dot.one{top:-3px;left:57px}.orbit-dot.two{right:5px;bottom:18px;background:#ad9cf3;box-shadow:0 0 10px #8e7ee8}.mix-legend{display:grid;grid-template-columns:1fr 1fr;gap:7px 9px;margin-bottom:14px}.mix-legend>span{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:5px;color:#a8c9cb;font-size:7px}.mix-legend>span>i{width:6px;height:6px;border-radius:2px}.mix-legend .ops{background:#5de2d2}.mix-legend .tech{background:#43aacf}.mix-legend .sales{background:#8e7ee8}.mix-legend .corp{background:#f0b866}.mix-legend b{color:#fff;font-size:7px}.chart-area{animation:chartReveal 1.1s ease both}.chart-line{stroke-dasharray:900;stroke-dashoffset:900;animation:drawChart 1.5s ease .2s forwards}.chart-points circle{opacity:0;animation:pointIn .35s ease 1.4s forwards}
.analytics-pro::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:30px 30px;pointer-events:none}
.analytics-topbar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:24px 26px 19px;border-bottom:1px solid rgba(255,255,255,.11)}.analytics-topbar>div{position:relative;padding-left:17px}.analytics-topbar small{display:block;color:#8ee7df;font-size:8px;font-weight:800;letter-spacing:.14em}.analytics-topbar h3{margin:5px 0 0;color:#fff;font-size:19px;letter-spacing:-.025em}.live-dot{position:absolute;left:0;top:3px;width:7px;height:7px;border-radius:50%;background:#5df0c1;box-shadow:0 0 0 5px rgba(93,240,193,.12);animation:analyticsPulse 2s ease-in-out infinite}.analytics-topbar button{padding:9px 12px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:rgba(255,255,255,.08);color:#dff7f5;font:600 10px DM Sans,sans-serif}.analytics-topbar button span{margin-left:9px;color:#7fe2db}
.analytics-body{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 175px;gap:18px;padding:20px}.analytics-main{min-width:0}.analytics-pro .mini-metrics{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:10px;margin:0 0 22px}.analytics-pro .mini-metrics>div{position:relative;padding:15px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(255,255,255,.07);box-shadow:inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(10px)}.analytics-pro .mini-metrics .metric-primary{background:linear-gradient(135deg,rgba(53,202,196,.25),rgba(255,255,255,.07))}.analytics-pro .mini-metrics small{display:block;color:#add2d2;font-size:9px}.analytics-pro .mini-metrics strong{display:block;margin:7px 0 5px;color:#fff;font:750 24px/1 Manrope,sans-serif}.analytics-pro .mini-metrics strong em{font-size:10px;font-style:normal;font-weight:600;color:#a9cbcc}.analytics-pro .mini-metrics span{color:#7ee1d1;font-size:8px}.analytics-pro .mini-metrics .stable{color:#9fe9bc}
.chart-heading{display:flex;align-items:end;justify-content:space-between;margin:0 4px 10px}.chart-heading small,.chart-heading b{display:block}.chart-heading small{margin-bottom:3px;color:#74cdc8;font-size:8px;letter-spacing:.12em}.chart-heading b{font:650 11px Manrope,sans-serif}.chart-heading>span{color:#a9cbcc;font-size:8px}.chart-heading i{display:inline-block;width:14px;height:2px;margin-right:5px;background:#54ddd4;vertical-align:middle}.analytics-pro .line-chart{position:relative;height:185px;padding:0;background:none}.analytics-pro .line-chart svg{display:block;width:100%;height:160px;overflow:visible}.chart-grid{fill:none;stroke:rgba(255,255,255,.09);stroke-width:1}.chart-line{filter:drop-shadow(0 5px 5px rgba(30,225,214,.2))}.chart-points circle{fill:#d7fffb;stroke:#1fc4bf;stroke-width:3}.chart-labels{display:flex;justify-content:space-between;padding:7px 2px 0;color:#7fa7aa;font-size:8px}
.analytics-insight{display:flex;flex-direction:column;align-items:center;padding:18px 15px;border:1px solid rgba(255,255,255,.14);border-radius:15px;background:rgba(255,255,255,.08);text-align:center;backdrop-filter:blur(12px)}.analytics-insight>small{align-self:flex-start;color:#83ded8;font-size:8px;font-weight:800;letter-spacing:.14em}.pulse-ring{width:100px;height:100px;display:grid;place-items:center;margin:20px 0 15px;border-radius:50%;background:conic-gradient(#54e1c5 0 92%,rgba(255,255,255,.1) 92%);box-shadow:0 0 35px rgba(52,211,198,.15)}.pulse-ring::before{content:"";position:absolute;width:78px;height:78px;border-radius:50%;background:#0a5661}.pulse-ring span{position:relative;z-index:1}.pulse-ring b{font:800 26px Manrope,sans-serif}.pulse-ring em{color:#8ab7b9;font-size:8px;font-style:normal}.analytics-insight h4{margin:0 0 7px;font-size:12px}.analytics-insight p{margin:0;color:#a7c8ca;font-size:9px;line-height:1.55}.insight-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;margin-top:auto;padding-top:14px}.insight-tags span{padding:5px 7px;border-radius:99px;background:rgba(74,222,195,.11);color:#8ee5d4;font-size:7px;font-weight:700}
@keyframes analyticsPulse{50%{opacity:.55;transform:scale(.8)}}
@keyframes orbitTurn{to{transform:rotate(360deg)}}@keyframes orbitCounter{to{transform:rotate(-360deg)}}@keyframes drawChart{to{stroke-dashoffset:0}}@keyframes chartReveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes pointIn{to{opacity:1}}
@media(max-width:650px){.analytics-body{grid-template-columns:1fr}.analytics-insight{display:grid;grid-template-columns:auto 1fr;column-gap:14px;text-align:left}.analytics-insight>small{grid-column:1/-1}.pulse-ring{grid-row:2/5;width:76px;height:76px;margin:14px 0}.pulse-ring::before{width:58px;height:58px}.pulse-ring b{font-size:20px}.analytics-insight h4{align-self:end}.analytics-insight p{align-self:start}.insight-tags{grid-column:2;justify-content:flex-start;margin:0;padding-top:5px}.analytics-pro .mini-metrics{grid-template-columns:1fr 1fr}.analytics-pro .metric-primary{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.live-dot,.mix-orbit,.mix-donut span,.chart-area,.chart-line,.chart-points circle{animation:none}.chart-line{stroke-dashoffset:0}.chart-points circle{opacity:1}}
@media(max-width:650px){.analytics-insight.workforce-mix{display:flex;flex-direction:column}.workforce-mix .mix-heading,.workforce-mix .department-bars,.workforce-mix .workforce-status{grid-column:auto}.department-bars{grid-template-columns:1fr 1fr}.workforce-status{width:100%}}