.prc-page { display: grid; gap: 20px; }
.prc-hero { align-items: center; background: linear-gradient(135deg,#f7fbff,#edf5ff); border: 1px solid #d9e7f8; border-radius: 21px; display: flex; justify-content: space-between; min-height: 190px; overflow: hidden; padding: 32px 38px; position: relative; }
.prc-kicker { color: #2472df; font-size: 11px; font-weight: 900; letter-spacing: .17em; }
.prc-hero h2 { color: #203550; font-size: 32px; margin: 8px 0; }
.prc-hero p { color: #718198; margin: 0; max-width: 720px; }
.prc-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.prc-tags span { background: #fff; border: 1px solid #d9e7f8; border-radius: 999px; color: #526983; font-size: 12px; padding: 7px 12px; }
.prc-mark { align-items: center; background: #2472df; border-radius: 28px; box-shadow: 0 18px 38px rgba(36,114,223,.22); color: #fff; display: flex; flex: 0 0 94px; font-size: 44px; font-weight: 900; height: 94px; justify-content: center; transform: rotate(4deg); }
.prc-stats { display: grid; gap: 14px; grid-template-columns: repeat(4,minmax(0,1fr)); }
.prc-stats article { background: #fff; border: 1px solid #e1eaf5; border-radius: 15px; min-height: 104px; padding: 20px; }
.prc-stats small { color: #8290a4; display: block; font-size: 12px; margin-bottom: 10px; }
.prc-stats b { color: #203550; font-size: 23px; }
#payoutReviewAmounts { display: flex; flex-wrap: wrap; gap: 8px; }
#payoutReviewAmounts span { align-items: baseline; display: flex; gap: 5px; }
#payoutReviewAmounts small { margin: 0; }
.prc-boundary { display: grid; gap: 12px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.prc-boundary article { align-items: flex-start; background: #fff; border: 1px solid #e1eaf5; border-radius: 14px; display: flex; gap: 12px; padding: 17px; }
.prc-boundary i { align-items: center; background: #edf5ff; border-radius: 9px; color: #2472df; display: flex; flex: 0 0 34px; font-size: 11px; font-style: normal; font-weight: 900; height: 34px; justify-content: center; }
.prc-boundary b,.prc-boundary span { display: block; }
.prc-boundary b { color: #203550; font-size: 13px; margin-bottom: 5px; }
.prc-boundary span { color: #8190a4; font-size: 12px; line-height: 1.55; }
.prc-directory { background: #fff; border: 1px solid #e1eaf5; border-radius: 17px; box-shadow: 0 16px 42px rgba(36,75,125,.06); overflow: hidden; }
.prc-directory > header { align-items: center; display: flex; justify-content: space-between; padding: 23px 24px; }
.prc-directory h3 { color: #203550; font-size: 20px; margin: 5px 0; }
.prc-directory header p { color: #8190a4; font-size: 12px; margin: 0; }
.prc-tools { align-items: center; display: flex; gap: 9px; }
.prc-tools label { align-items: center; border: 1px solid #d9e4f2; border-radius: 9px; display: flex; gap: 8px; padding: 0 11px; }
.prc-tools input { border: 0; height: 38px; outline: 0; width: 270px; }
.prc-table { overflow-x: auto; }
.prc-table table { min-width: 1380px; table-layout: fixed; width: 100%; }
.prc-table th { background: #f7f9fc; color: #708096; font-size: 12px; }
.prc-table th,.prc-table td { border-top: 1px solid #e7edf5; padding: 14px 12px; text-align: left; vertical-align: middle; }
.prc-table th:nth-child(1) { width: 250px; }
.prc-table th:nth-child(2) { width: 95px; }
.prc-table th:nth-child(3) { width: 210px; }
.prc-table th:nth-child(4) { width: 200px; }
.prc-table th:nth-child(5) { width: 120px; }
.prc-table th:nth-child(6) { width: 145px; }
.prc-table th:nth-child(7) { width: 180px; }
.prc-table th:nth-child(8) { width: 180px; }
.prc-pair,.prc-recipient,.prc-money { align-items: flex-start; display: flex; flex-direction: column; gap: 4px; }
.prc-pair b,.prc-recipient b { color: #27384d; font-size: 13px; }
.prc-pair small,.prc-recipient small { color: #8290a4; font-size: 11px; }
.prc-recipient code { color: #334155; font-size: 12px; }
.prc-money b { color: #1268e8; font-size: 15px; }
.prc-money small { color: #718198; font-size: 11px; font-weight: 900; letter-spacing: .08em; }
.prc-reasons { display: flex; flex-wrap: wrap; gap: 5px; }
.prc-reasons em { background: #fff7e8; border: 1px solid #f0d7a8; border-radius: 999px; color: #9a650f; font-size: 11px; font-style: normal; padding: 4px 8px; }
.prc-actions { display: flex; gap: 5px; }
.prc-actions .approve { background: #e9f8f0; border-color: #bce5ce; color: #16825f; }
.prc-actions .reject { background: #fff0f0; border-color: #f3c4c4; color: #ba5454; }
.prc-state { color: #8190a4; padding: 34px!important; text-align: center!important; }
.prc-state.error { color: #ba5454; }
.prc-modal { align-items: center; background: rgba(24,38,58,.48); display: flex; inset: 0; justify-content: center; padding: 24px; position: fixed; z-index: 1000; }
.prc-modal[hidden] { display: none; }
.prc-modal-card { background: #fff; border-radius: 18px; box-shadow: 0 24px 70px rgba(20,40,70,.24); max-height: 90vh; max-width: 94vw; overflow-y: auto; padding: 28px; position: relative; width: 620px; }
.prc-modal-card h2 { color: #203550; margin: 8px 0; }
.prc-modal-card > p { color: #718198; }
.prc-close { background: transparent; border: 0; color: #718198; cursor: pointer; font-size: 26px; position: absolute; right: 18px; top: 14px; }
.prc-warning { background: #f4f8fd; border-left: 3px solid #2472df; color: #526983; font-size: 13px; line-height: 1.6; margin: 18px 0; padding: 13px 15px; }
#payoutReviewDecisionForm { display: grid; gap: 15px; }
#payoutReviewDecisionForm label:not(.prc-confirm) { color: #526983; display: grid; font-size: 12px; gap: 7px; }
#payoutReviewDecisionForm textarea,#payoutReviewDecisionForm input { border: 1px solid #d9e4f2; border-radius: 9px; padding: 10px 12px; }
.prc-confirm { align-items: flex-start; color: #526983; display: flex; font-size: 12px; gap: 9px; line-height: 1.5; }
.prc-confirm input { margin-top: 2px; }
.prc-form-actions { display: flex; justify-content: flex-end; gap: 9px; }
@media(max-width:900px){.prc-stats,.prc-boundary{grid-template-columns:repeat(2,minmax(0,1fr))}.prc-directory>header{align-items:stretch;flex-direction:column;gap:14px}.prc-tools label{flex:1}.prc-tools input{width:100%}}
@media(max-width:600px){.prc-hero{padding:25px 22px}.prc-mark{display:none}.prc-hero h2{font-size:27px}.prc-stats,.prc-boundary{grid-template-columns:1fr}.prc-tools{align-items:stretch;flex-direction:column}.prc-form-actions{flex-direction:column-reverse}.prc-form-actions .button{width:100%}}
