.perf-toolbar{display:flex;align-items:end;gap:16px;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px}.perf-toolbar label{min-width:240px}.perf-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.perf-metrics>div{border:1px solid var(--border,#7775);padding:18px;border-radius:12px;background:var(--panel-bg,transparent)}.perf-metrics span,.perf-metrics strong,.perf-metrics small{display:block}.perf-metrics strong{font-size:25px;margin:8px 0}.perf-metrics small,.perf-note{font-size:13px;opacity:.8}.perf-section{margin:18px 0;padding:20px}.perf-section progress{width:100%;height:18px;accent-color:#d4aa00}.perf-section label,.perf-section fieldset{display:block;margin:12px 0}.perf-check{display:flex!important;align-items:center;gap:10px}.perf-check input{width:18px;height:18px}.perf-table-wrap{overflow:auto;max-height:520px}.perf-table{width:100%;border-collapse:collapse;white-space:nowrap}.perf-table th,.perf-table td{padding:12px;text-align:left;border-bottom:1px solid #8884}.perf-table td button{display:block;margin-top:8px}.perf-rating{padding:14px 0;border-bottom:1px solid #8884}.perf-rating p{white-space:pre-wrap;overflow-wrap:anywhere}.perf-rating small{opacity:.8}.perf-workload{padding:14px 18px;margin:12px 0;border:1px solid #c8a700;border-radius:9px;background:#d3ae0020}#performancePayDialog,#designRatingDialog{width:min(760px,calc(100vw - 28px));max-height:92vh;overflow:auto;border:1px solid #8886;border-radius:14px;padding:24px;color:inherit;background:var(--panel,#fff)}:root[data-theme="dark"] #performancePayDialog,:root[data-theme="dark"] #designRatingDialog,body.dark #performancePayDialog,body.dark #designRatingDialog{background:#242726;color:#eee}#performancePayDialog::backdrop,#designRatingDialog::backdrop{background:#0009}#performancePayDialog label,#designRatingDialog label{display:block;margin:12px 0}#performancePayDialog input,#designRatingDialog textarea{display:block;width:100%;margin-top:7px}#designRatingDialog .perf-stars{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}#designRatingDialog .perf-stars label{font-size:13px;text-align:center;padding:10px 5px;border:1px solid #8885;border-radius:8px}#designRatingDialog .perf-stars input{display:block;margin:0 auto 8px}#designRatingDialog .perf-stars small{display:block;margin-top:7px;font-size:11px}.perf-preview{width:100%;height:330px;border:1px solid #8884;border-radius:8px;background:#fff}.perf-stars label:has(input:checked){border-color:#c5a400!important;background:#d3ae0030}#designRatingError,#performancePaymentError{color:#c44}.perf-section details>summary{cursor:pointer;font-weight:bold;padding:8px 0}@media(max-width:800px){.perf-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.perf-toolbar label{min-width:0;width:100%}.perf-metrics strong{font-size:20px}.perf-table{font-size:13px}#designRatingDialog .perf-stars{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.perf-metrics{grid-template-columns:1fr}.perf-section{padding:14px}.perf-preview{height:250px}}
.perf-preview:is(img){display:block;object-fit:contain}#deliveryPreview{min-height:80px;margin:12px 0}#deliveryPreview>p{padding:20px}#deliveryPreviewFile{display:block;width:100%;margin-top:7px}
.perf-dialog-close{float:right;font-size:22px;padding:4px 10px}

#designerPerformanceTab>.section-heading{display:block;max-width:1480px;margin:0 auto 22px}
#designerPerformanceTab>.section-heading h2{margin:6px 0;font-size:28px}
.perf-workspace{max-width:1480px;margin:0 auto;font-size:16px;scroll-margin-top:106px}
.perf-workspace[data-screen="profile"],.perf-workspace[data-screen="preferences"]{max-width:1160px}
.perf-workspace-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:20px}
.perf-workspace-head h3{font-size:26px;margin:8px 0;line-height:1.25;overflow-wrap:anywhere}
.perf-head-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.perf-head-actions small{width:100%;text-align:right;font-size:13px}
.perf-workspace .perf-note{font-size:14px;line-height:1.6;opacity:1;color:var(--muted)}
.perf-workspace .perf-section{padding:24px;margin:18px 0;border-color:var(--line);box-shadow:none}
.perf-workspace .perf-section h3{font-size:18px;margin:0 0 12px;letter-spacing:normal}
.perf-section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.perf-section-title>h3{margin-bottom:0!important}
.perf-section-title>span{font-size:14px;color:var(--muted)}
.perf-workspace .perf-section-title label{margin:0}
.perf-workspace .perf-filters{display:flex;align-items:end;gap:14px;flex-wrap:wrap;padding:18px 0 8px;border-top:1px solid var(--line)}
.perf-filters label{display:grid;gap:6px;min-width:155px;flex:1;font-size:14px}
.perf-filters label:first-child{flex:1.4;min-width:230px}
.perf-filters [hidden]{display:none!important}
.perf-filters button{min-height:44px}
.perf-workspace input,.perf-workspace select{min-height:42px;font-size:15px;max-width:100%}
.perf-workspace .perf-user-picker{display:grid;gap:6px;max-width:480px;margin-bottom:20px;font-size:14px}
.perf-scope{margin:8px 0 22px}
.perf-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:20px 0}
.perf-tabs button{padding:12px 18px;border:0;border-radius:8px 8px 0 0;background:transparent;color:var(--muted);box-shadow:none;border-bottom:3px solid transparent;font-size:16px}
.perf-tabs button[aria-selected="true"]{color:var(--ink);background:var(--brand-soft);border-bottom-color:var(--brand)}
.perf-workspace .perf-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}
.perf-metric{display:block;border:1px solid var(--line);background:var(--panel);padding:22px;border-radius:12px;color:var(--ink);text-align:left;white-space:normal;box-shadow:none}
.perf-metric>span{font-size:15px;font-weight:500}
.perf-metric strong{font-size:28px;line-height:1.2;margin:10px 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.perf-metric small{font-size:14px;line-height:1.55;font-weight:400;color:var(--muted)}
.perf-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.perf-summary-grid>.perf-section{margin:0}
.perf-money{display:block;font-size:30px;line-height:1.3;margin:12px 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.perf-badge{display:inline-block;padding:4px 10px;border-radius:18px;background:var(--soft-surface);color:var(--ink)!important;font-size:13px;white-space:normal}
.perf-badge-warning{background:var(--brand-soft)}
.perf-empty-title{font-size:20px;margin:18px 0!important}
.perf-ledger{margin:22px 0}
.perf-ledger>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line)}
.perf-ledger dt,.perf-ledger dd{margin:0}
.perf-ledger dd{text-align:right;font-variant-numeric:tabular-nums}
.perf-workspace progress{appearance:none;border:0;border-radius:12px;height:10px;background:var(--soft-surface);overflow:hidden}
.perf-workspace progress::-webkit-progress-bar{background:var(--soft-surface)}
.perf-workspace progress::-webkit-progress-value{background:var(--brand)}
.perf-workspace progress::-moz-progress-bar{background:var(--brand)}
.perf-workspace .perf-table-wrap{overflow:visible;max-height:none}
.perf-workspace .perf-table{white-space:normal;table-layout:fixed;font-size:15px}
.perf-workspace .perf-table th,.perf-workspace .perf-table td{padding:16px 12px;border-color:var(--line);vertical-align:top;overflow-wrap:anywhere}
.perf-workspace .perf-table th{position:sticky;top:76px;z-index:2;background:var(--panel);font-weight:600;color:var(--muted);font-size:14px}
.perf-workspace .perf-table small{display:block;line-height:1.5;font-size:13px;margin-top:6px;font-weight:400;color:var(--muted)}
.perf-workspace .perf-table td button{margin-top:0}
.perf-number{text-align:right!important;font-variant-numeric:tabular-nums}
.perf-workspace .perf-table .perf-person-link,.perf-person-link,.perf-back{border:0;background:transparent;color:var(--ink);padding:0;min-height:32px;box-shadow:none;text-align:left;white-space:normal;font-size:15px;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}
.perf-person-link:hover,.perf-back:hover{text-decoration-color:var(--brand);background:transparent}
.perf-back{font-size:14px;color:var(--muted)}
.perf-team-controls{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin:18px 0}
.perf-team-controls>label:not(.perf-check){display:grid;gap:6px;flex:1;min-width:180px;font-size:14px}
.perf-workspace .perf-check{font-size:15px;line-height:1.5;align-items:center;white-space:normal}
.perf-workspace .perf-check input{flex-shrink:0;min-height:18px;width:18px;height:18px;margin:0}
.perf-workspace .perf-rating{padding:20px 0;border-color:var(--line)}
.perf-workspace .perf-rating p{margin:9px 0}
.perf-history{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}
.perf-workspace fieldset{border:1px solid var(--line);border-radius:10px;padding:16px;margin:18px 0}
.perf-workspace legend{font-size:16px;font-weight:600;padding:0 6px}
.perf-workspace .perf-toolbar{justify-content:flex-start}
#performanceNotice{line-height:1.55;font-size:14px;margin-bottom:12px}
#performanceNotice[role="alert"],#performanceConfigStatus{color:var(--warn)}
#performanceDeliveryDialog{width:min(760px,calc(100vw - 28px));max-height:92dvh;overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--ink);padding:26px}
#performanceDeliveryDialog::backdrop{background:#0009}
.perf-delivery-facts{display:grid;gap:0;margin:20px 0}
.perf-delivery-facts>div{padding:13px 0;border-bottom:1px solid var(--line)}
.perf-delivery-facts dt{font-size:14px;color:var(--muted);margin-bottom:5px}
.perf-delivery-facts dd{margin:0;overflow-wrap:anywhere}
@media(max-width:1000px){.perf-workspace .perf-metrics{grid-template-columns:1fr}.perf-summary-grid{grid-template-columns:1fr}.perf-workspace .perf-responsive thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.perf-workspace .perf-responsive,.perf-workspace .perf-responsive tbody,.perf-workspace .perf-responsive tr,.perf-workspace .perf-responsive td{display:block;width:100%}.perf-workspace .perf-responsive tr{padding:14px 0;border-bottom:1px solid var(--line)}.perf-workspace .perf-responsive td{display:flex;justify-content:space-between;gap:18px;text-align:right;padding:8px 0;border:0;flex-wrap:wrap}.perf-workspace .perf-responsive td::before{content:attr(data-label);color:var(--muted);font-weight:400;text-align:left}.perf-workspace .perf-responsive td small{width:100%}.perf-workspace .perf-responsive td[colspan]{text-align:left}.perf-workspace .perf-responsive td[colspan]::before{display:none}.perf-workspace .perf-table .perf-person-link{margin-left:auto;text-align:right}.perf-workspace .perf-table th{position:static}}
@media(max-width:600px){.perf-workspace{font-size:15px}.perf-workspace-head h3{font-size:24px}.perf-workspace .perf-section{padding:18px}.perf-workspace .perf-metrics{gap:12px}.perf-metric{padding:18px}.perf-metric strong{font-size:26px}.perf-head-actions{justify-content:flex-start}.perf-head-actions small{text-align:left}.perf-filters label,.perf-filters label:first-child{min-width:0;flex-basis:100%}.perf-filters button{width:100%}.perf-tabs button{padding:12px;font-size:15px}.perf-ledger>div{flex-wrap:wrap;gap:6px}.perf-ledger dd{margin-left:auto}.perf-section-title>label{width:100%}.perf-workspace .perf-section-title select{width:100%}.perf-team-controls>label:not(.perf-check){min-width:0;flex-basis:100%}#performanceDeliveryDialog{padding:20px}.perf-money{font-size:27px}}