.employee-portal{max-width:none}.personal-welcome{padding:24px;border-radius:18px;background:linear-gradient(115deg,#142b45,#087f8c);color:white;box-shadow:0 8px 20px #142b451c}.personal-welcome p{color:#d7efef}.personal-heading{font-size:15px;color:#65758b}.personal-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:20px 0}.personal-kpi{padding:22px;border-radius:16px;border:1px solid #ffffff80;box-shadow:0 6px 0 #142b4509,0 14px 25px #142b4508}.personal-kpi span,.personal-kpi small{display:block}.personal-kpi strong{display:block;font-size:36px;margin:12px 0;color:#142b45}.personal-kpi small{color:#53667e}.personal-kpi.teal{background:linear-gradient(135deg,#e2f5f5,#c4e7e8)}.personal-kpi.green{background:linear-gradient(135deg,#e6f5ef,#ccebdc)}.personal-kpi.rose{background:linear-gradient(135deg,#fff0f1,#f4d8df)}.personal-kpi.amber{background:linear-gradient(135deg,#fff6e4,#f2e3bf)}.personal-chart-card{display:grid;grid-template-columns:260px 1fr;gap:40px;align-items:center}.depth-donut{width:210px;height:210px;border-radius:50%;background:conic-gradient(var(--segments));position:relative;display:grid;place-items:center;box-shadow:0 9px 0 #142b4530,0 17px 28px #142b4520;flex-shrink:0;margin:10px auto 20px}.depth-donut:before{content:"";position:absolute;inset:23%;background:#fff;border-radius:50%;box-shadow:inset 0 5px 9px #142b4517}.depth-donut>div{z-index:1;text-align:center;max-width:105px}.depth-donut strong{display:block;font-size:30px;color:#142b45}.depth-donut span{font-size:12px;color:#65758b;display:block}.chart-legend{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.chart-legend li{display:flex;gap:8px;align-items:center;font-size:14px}.chart-legend b{margin-left:auto}.chart-legend i{width:10px;height:10px;border-radius:50%;flex-shrink:0}.chart-legend .teal{background:#087f8c}.chart-legend .rose{background:#e57b87}.chart-legend .purple{background:#8b7bd5}.chart-legend .amber{background:#e7b85f}.chart-legend .slate{background:#a7b8cb}.leave-balance-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.leave-balance{background:linear-gradient(140deg,#edf8f8,#d7eeee);box-shadow:0 5px 0 #087f8c12;padding:22px}.leave-balance:nth-child(3n+2){background:linear-gradient(140deg,#f2effc,#e3dcf4)}.leave-balance:nth-child(3n){background:linear-gradient(140deg,#fff7e6,#f3e6c7)}.leave-donut{width:150px;height:150px}.leave-donut strong{font-size:23px}.leave-donut>div{max-width:76px}.leave-balance h3{margin-top:22px}.employee-portal .card{box-shadow:0 6px 0 #142b4505,0 15px 30px #142b4506;overflow:visible}.personal-grid{align-items:start}.employee-portal .card h2{margin-top:0}@media(max-width:900px){.personal-kpis{grid-template-columns:repeat(2,1fr)}.personal-chart-card{grid-template-columns:210px 1fr;gap:20px}}@media(max-width:600px){.personal-chart-card{grid-template-columns:1fr}.personal-kpi{padding:16px}.personal-kpi strong{font-size:30px}.personal-welcome{padding:18px}.chart-legend{grid-template-columns:1fr}.leave-balance-grid{grid-template-columns:1fr}.personal-month>.row{flex-wrap:wrap}.personal-kpi span{font-size:14px}}