.tbpc-app,.tbpc-auth{--tbpc-green:#075c3b;--tbpc-green-dark:#06452d;--tbpc-green-soft:#eaf5ef;color:#1d2a25;max-width:1100px;margin:28px auto;font-family:inherit}
.tbpc-hero{background:var(--tbpc-green);color:#fff;border-radius:16px;padding:30px 34px;box-shadow:0 8px 24px #075c3b1c;position:relative}.tbpc-hero h2{margin:8px 0;font-size:clamp(26px,5vw,40px)}.tbpc-hero small{color:#d9eee2;letter-spacing:1.5px}.tbpc-logout{position:absolute;left:24px;top:24px;color:#fff;text-decoration:none;border:1px solid #ffffff66;border-radius:8px;padding:7px 13px;font-size:13px}.tbpc-logout:hover{background:#ffffff1a;color:#fff}
.tbpc-tabs{display:flex;gap:0;flex-wrap:wrap;margin:18px 0;border-bottom:1px solid #d8e3dc}.tbpc-tabs a{color:#496458;text-decoration:none;font-weight:700;padding:13px 20px;border-bottom:3px solid transparent}.tbpc-tabs a:hover,.tbpc-tabs a.is-active{color:var(--tbpc-green-dark);border-bottom-color:var(--tbpc-green)}.tbpc-tabs a:first-child{margin-right:auto}
.tbpc-card,.tbpc-auth{background:#fff;border:1px solid #dfe9e3;border-radius:16px;padding:26px;margin:18px 0;box-shadow:0 6px 20px #1b4d3510}.tbpc-tabs-ready>.tbpc-card{display:none}.tbpc-tabs-ready>.tbpc-card.is-active{display:block}
.tbpc-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.tbpc-overview-card{background:#fff;border:1px solid #dfe9e3;border-radius:14px;padding:20px}.tbpc-overview-card strong{display:block;font-size:28px;color:var(--tbpc-green-dark);margin-top:8px}.tbpc-overview-card small{color:#63766b}.tbpc-overview-card--wide{grid-column:span 2}.tbpc-progress{height:8px;background:#e9efeb;border-radius:99px;overflow:hidden;margin-top:14px}.tbpc-progress span{display:block;height:100%;background:var(--tbpc-green);border-radius:inherit}
.tbpc-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tbpc-form-grid label,.tbpc-auth label{display:flex;flex-direction:column;gap:6px;font-weight:600}.tbpc-form-grid input,.tbpc-form-grid select,.tbpc-form-grid textarea,.tbpc-auth input{padding:11px;border:1px solid #cfded5;border-radius:9px;font:inherit}.tbpc-form-grid textarea{min-height:90px}.tbpc-form-grid label:last-child{grid-column:1/-1}.tbpc-card button,.tbpc-auth button,.tbpc-register-match{background:var(--tbpc-green);color:#fff;border:0;border-radius:9px;padding:12px 20px;cursor:pointer;font:inherit;margin-top:14px}
.tbpc-ntrp-link{display:inline-block!important;width:max-content;color:var(--tbpc-green)!important;font-size:12px!important;text-decoration:underline;margin-top:3px}.tbpc-upload-card{margin-top:22px;padding:20px;border:1px solid #d7e4db;border-radius:13px;background:#f8fbf9;display:flex;flex-direction:column;gap:8px}.tbpc-upload-card strong{color:var(--tbpc-green-dark);font-size:17px}.tbpc-upload-card small{color:#63766b}.tbpc-upload-card label{margin-top:8px}.tbpc-upload-status{font-size:13px;color:var(--tbpc-green-dark)}
.tbpc-match-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tbpc-match-card{border:1px solid #dfe9e3;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:10px}.tbpc-match-card h4{margin:0;color:var(--tbpc-green-dark)}.tbpc-match-card span,.tbpc-match-card a{color:var(--tbpc-green);font-size:13px}.tbpc-match-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.tbpc-match-grid div{background:#f4f8f5;border-radius:10px;padding:14px}.tbpc-match-grid span,.tbpc-match-grid strong{display:block}.tbpc-match-grid span{font-size:12px;color:#64766b}.tbpc-success{background:var(--tbpc-green-soft);color:var(--tbpc-green-dark);padding:13px;border-radius:9px}.tbpc-muted{color:#64766b}.tbpc-history div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e5ece7;padding:12px 0}.tbpc-message{margin-top:12px}.tbpc-otp-step{margin-top:20px}.tbpc-otp-inputs{display:flex;direction:ltr;gap:8px;margin:12px 0}.tbpc-otp-inputs input{width:46px;height:52px;text-align:center;font-size:22px}
@media(max-width:720px){.tbpc-form-grid,.tbpc-match-cards,.tbpc-match-grid,.tbpc-overview{grid-template-columns:1fr}.tbpc-overview-card--wide{grid-column:auto}.tbpc-card,.tbpc-hero{padding:18px}.tbpc-history div{flex-direction:column}.tbpc-tabs a{padding:12px 10px;font-size:14px}.tbpc-tabs a:first-child{margin-right:0}}