.topbar nav>#personal-sales-nav.active{color:#72abfe}
.personal-sales-page{flex:1;min-height:0;padding:20px;background:#f7f8fa;display:flex;flex-direction:column;gap:14px;overflow:hidden}
.personal-sales-page[hidden]{display:none}
.personal-sales-header{display:flex;align-items:end;justify-content:space-between;gap:20px}
.personal-sales-header h1{margin:0;font-size:22px;font-weight:600}
.personal-sales-header p{margin:5px 0 0;color:#6b7280;font-size:13px}
.personal-sales-header button{height:36px;padding:0 15px;border:1px solid #bcd2fa;border-radius:5px;color:#0753c7;background:#edf4ff;white-space:nowrap}
.personal-sales-header button:disabled{opacity:.6}
.personal-sales-years{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid #cbd5e1}
.personal-sales-years button{min-width:88px;padding:9px 15px;border:1px solid #dce3ed;border-bottom:0;border-radius:6px 6px 0 0;background:#e9edf4;color:#475467;font-size:14px;font-weight:600;cursor:pointer}
.personal-sales-years button.active{background:#fff;color:#0753c7;border-color:#a9c6ff;box-shadow:inset 0 3px #0d6efd}
.personal-sales-status{min-height:18px;margin:0;color:#667085;font-size:13px}
.personal-sales-status.error{color:#b42318}
.personal-sales-table-wrap{min-height:0;overflow:auto;border:1px solid #dce3ed;border-radius:7px;background:#fff}
.personal-sales-table{border-collapse:separate;border-spacing:0;min-width:1720px;width:100%;table-layout:fixed}
.personal-sales-table th,.personal-sales-table td{border-right:1px solid #e5e9f0;border-bottom:1px solid #e5e9f0}
.personal-sales-table tr:last-child td,.personal-sales-table tr:last-child th{border-bottom:0}
.personal-sales-table tr>*:last-child{border-right:0}
.personal-sales-table thead th{position:sticky;top:0;z-index:2;background:#eef3fb;padding:13px 10px;font-size:14px;text-align:center}
.personal-sales-table thead th:first-child{left:0;z-index:3;min-width:145px;width:145px;text-align:left}
.personal-sales-table tbody th{position:sticky;left:0;z-index:1;background:#fafbfe;padding:14px;font-size:15px;text-align:left;white-space:nowrap}
.personal-sales-table td{padding:10px;background:#fff;vertical-align:top}
.personal-sales-table thead th.current-month{background:#ffefb3}
.personal-sales-table td.current-month{background:#fff8dc}
.personal-sales-month{display:grid;gap:9px;min-height:145px}
.personal-sales-line{display:grid;gap:4px}
.personal-sales-line+.personal-sales-line{padding-top:8px;border-top:1px dashed #e6eaf1}
.personal-sales-line label,.personal-sales-line span{font-size:11px;color:#667085}
.personal-sales-target{width:100%;height:29px;padding:4px 6px;border:1px solid #d4deeb;border-radius:4px;text-align:right;font-size:13px;font-weight:600;color:#25344e;background:#fff}
.personal-sales-target:focus{outline:2px solid #a9c6ff;outline-offset:1px}
.personal-sales-target.error{border-color:#c62828;background:#fff7f7}
.personal-sales-actual{min-height:26px;text-align:right;font-size:14px;font-weight:700;color:#0d6efd;white-space:nowrap}
.personal-sales-actual.goal-met{color:#d92d20}
.personal-sales-difference{min-height:20px;text-align:right;font-size:14px;font-weight:600;color:#475467;white-space:nowrap}
.personal-sales-actual.pending,.personal-sales-actual.future{color:#8a94a3;font-weight:400;font-size:12px}
.personal-sales-actual.error{color:#b42318;font-size:12px}
.personal-sales-note{margin:0;color:#667085;font-size:12px}
@media(max-width:700px){.personal-sales-page{padding:10px}.personal-sales-header{align-items:start;flex-direction:column;gap:10px}}