#employee-commissions-panel{padding:4px 0 28px}.ec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:12px 0 18px}.ec-head small{color:var(--gold2);font-weight:800;letter-spacing:1.5px}.ec-head h1{font-size:27px;margin:4px 0}.ec-head p{color:var(--text3);font-size:13px}.ec-filters{display:flex;align-items:flex-end;gap:9px;flex-wrap:wrap}.ec-filters label{display:flex;flex-direction:column;gap:5px;color:var(--text3);font-size:11px;font-weight:700}.ec-filters input[type=month]{background:var(--navy2);color:var(--text);border:1px solid var(--border2);border-radius:9px;padding:9px}.ec-filters .ec-check{flex-direction:row;align-items:center;padding:10px;background:var(--navy2);border:1px solid var(--border2);border-radius:9px}.ec-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.ec-kpis article,.ec-card{background:var(--card);border:1px solid var(--border);border-radius:15px;padding:17px}.ec-kpis small{display:block;color:var(--text3);font-size:11px;text-transform:uppercase;margin-bottom:8px}.ec-kpis b{font-size:24px}.ec-kpis .commission{border-color:#10b98155}.ec-kpis .commission b,.ec-money{color:#6ee7b7}.ec-table-wrap{overflow:auto}.ec-table{min-width:960px}.ec-table th{white-space:nowrap}.ec-person{display:flex;align-items:center;gap:10px;min-width:180px}.ec-person img,.ec-person>span{width:36px;height:36px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--navy2);display:grid;place-items:center;font-weight:900}.ec-person small{display:block;color:var(--text3);font-size:10px;margin-top:3px}.ec-rate{display:flex;align-items:center;gap:4px}.ec-rate input{width:68px;background:var(--navy2);color:var(--text);border:1px solid var(--border2);border-radius:8px;padding:8px}.ec-detail-btn{background:transparent;border:1px solid var(--border2);color:var(--gold2);border-radius:8px;padding:7px 10px;cursor:pointer}.ec-detail{display:none}.ec-detail.open{display:table-row}.ec-detail td{background:var(--navy2)!important}.ec-service-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.ec-service-list div{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:10px;border:1px solid var(--border);border-radius:9px}.ec-service-list div span{font-weight:700}.ec-service-list div small{color:var(--text3)}.ec-service-list div b{grid-row:1/3;grid-column:2;align-self:center;color:var(--gold2)}.ec-note{margin-top:14px;color:var(--text3);font-size:12px}.ec-note i{color:var(--gold2);margin-right:5px}.ec-loading{padding:60px;text-align:center;color:var(--text3)}.ec-error{padding:16px;border:1px solid #ef444455;background:#ef444418;color:#fca5a5;border-radius:10px}@media(max-width:900px){.ec-head{align-items:flex-start;flex-direction:column}.ec-kpis{grid-template-columns:1fr 1fr}}@media(max-width:540px){.ec-kpis{grid-template-columns:1fr}.ec-filters{width:100%}.ec-filters label{flex:1}.ec-head h1{font-size:22px}}
.ec-kpis{grid-template-columns:repeat(5,1fr)}.ec-kpis article>span{display:block;color:var(--text3);font-size:10px;margin-top:4px}.ec-table{min-width:1040px}.ec-forecast{display:block;color:var(--text3);font-size:10px;margin-top:3px}@media(max-width:1100px){.ec-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.ec-kpis{grid-template-columns:1fr 1fr}}@media(max-width:540px){.ec-kpis{grid-template-columns:1fr}}
.ec-history{margin:18px 0;background:linear-gradient(145deg,var(--card),var(--navy3));border:1px solid var(--border);border-radius:16px;padding:18px}.ec-history-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.ec-history-title small{color:var(--gold2);font-weight:800;letter-spacing:1.3px}.ec-history-title h2{font-size:20px;margin-top:4px}.ec-history-title>span{color:var(--text3);font-size:11px}.ec-history-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.ec-history-kpis article{background:var(--navy2);border:1px solid var(--border2);border-radius:12px;padding:13px}.ec-history-kpis small,.ec-history-kpis span{display:block;color:var(--text3);font-size:10px}.ec-history-kpis b{display:block;font-size:21px;margin:5px 0;color:var(--goldlt)}.ec-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ec-chart-card{background:var(--navy2);border:1px solid var(--border2);border-radius:13px;padding:15px;min-width:0}.ec-chart-card h3{font-size:15px}.ec-chart-card>p{color:var(--text3);font-size:10px;margin:3px 0 13px}.ec-month-chart{height:205px;display:flex;align-items:flex-end;gap:9px;overflow-x:auto;padding:5px 4px 0}.ec-month-col{min-width:58px;display:flex;flex-direction:column;align-items:center;gap:4px}.ec-month-col .ec-bars{height:150px;display:flex;align-items:flex-end;gap:2px}.ec-month-col .ec-bars i{display:block;width:10px;border-radius:4px 4px 1px 1px}.ec-month-col b{font-size:11px;color:var(--goldlt)}.ec-month-col>span{font-size:9px;color:var(--text3);text-transform:capitalize}.ec-legend{display:flex;gap:12px;justify-content:center;margin-top:10px;color:var(--text3);font-size:9px}.ec-legend span{display:flex;align-items:center;gap:4px}.ec-legend i{width:8px;height:8px;border-radius:2px}.scheduled{background:#3b82f6}.completed{background:#10b981}.cancelled{background:#ef4444}.ec-revenue-list,.ec-service-chart{display:flex;flex-direction:column;gap:10px}.ec-revenue-list>div,.ec-service-chart>div{display:grid;grid-template-columns:70px 1fr auto;gap:3px 8px;align-items:center}.ec-revenue-list label,.ec-service-chart label{font-size:10px;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ec-revenue-list>div>span,.ec-service-chart>div>span{height:8px;background:var(--navy3);border-radius:9px;overflow:hidden}.ec-revenue-list>div>span i,.ec-service-chart>div>span i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:9px}.ec-revenue-list b,.ec-service-chart b{font-size:10px;color:var(--goldlt)}.ec-revenue-list small,.ec-service-chart small{grid-column:2/4;color:var(--text3);font-size:9px}.ec-analysis{display:flex;flex-direction:column;gap:8px}.ec-analysis h3{margin-bottom:4px}.ec-analysis>div{display:flex;gap:9px;align-items:flex-start;background:var(--navy3);border:1px solid var(--border);border-radius:10px;padding:10px}.ec-analysis>div>i{color:var(--gold2);margin-top:2px}.ec-analysis>div.warning{border-color:#f59e0b55}.ec-analysis>div.warning>i{color:#f59e0b}.ec-analysis>div.ok{border-color:#10b98155}.ec-analysis>div.ok>i{color:#10b981}.ec-analysis p b,.ec-analysis p span{display:block}.ec-analysis p b{font-size:11px}.ec-analysis p span{font-size:9px;color:var(--text3);margin-top:3px;line-height:1.4}@media(max-width:900px){.ec-history-kpis{grid-template-columns:1fr 1fr}.ec-chart-grid{grid-template-columns:1fr}}@media(max-width:540px){.ec-history-kpis{grid-template-columns:1fr}.ec-history{padding:12px}.ec-history-title{align-items:flex-start;flex-direction:column;gap:5px}}