#vca-page{--vca-border:#e5e9e5;color:#293d33}#vca-page h2{font-size:20px;margin:8px 0}#vca-page small,.vca-drawer small{color:#748078;font-size:12px}.vca-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.vca-intro h2{overflow-wrap:anywhere}.vca-intro p{color:#748078;margin:8px 0}.vca-kicker{color:#237452;font-size:12px;font-weight:600}.vca-scope{display:grid;grid-template-columns:2fr 2fr 1fr;gap:16px;margin:20px 0}.vca-scope label,.vca-filters label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#65756b;min-width:0}.vca-scope select,.vca-filters select,.vca-filters input{width:100%;min-width:0;height:40px;padding:0 10px;border:1px solid #dce3dc;border-radius:7px;background:white;color:#293d33}.vca-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:24px 0}.vca-summary section{background:white;border:1px solid var(--vca-border);border-radius:12px;padding:18px 16px;display:flex;flex-direction:column;gap:10px}.vca-summary section>span{font-size:13px;color:#65756b}.vca-summary strong{font-size:30px;font-weight:650;line-height:1.2;font-variant-numeric:tabular-nums}.vca-summary section:nth-child(2) strong{color:#237452}.vca-customers{overflow:hidden}.vca-section-head{padding:18px 22px 8px;display:flex;align-items:center;justify-content:space-between;gap:16px}.vca-section-head h2 span{font-size:14px;margin-left:8px;color:#748078}.vca-filters{display:flex;align-items:end;gap:10px;padding:12px 22px 22px;flex-wrap:wrap}.vca-filters label{flex:1;min-width:135px}.vca-filters .vca-search{flex:1.4;min-width:170px}.vca-filters>button{height:40px}.vca-table-scroll{overflow:auto}.vca-table{width:100%;min-width:850px;border-collapse:collapse}.vca-table th{font-size:12px;color:#748078;background:#f7f9f6;white-space:nowrap}.vca-table th,.vca-table td{text-align:left;padding:17px 20px;border-bottom:1px solid #edf0eb;vertical-align:middle}.vca-table td{font-size:13px}.vca-table td:first-child{width:22%;max-width:220px}.vca-table td:first-child strong{display:block;overflow-wrap:anywhere}.vca-table small{display:block;margin-top:7px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vca-progress{display:flex;gap:10px;align-items:center;margin:8px 0;font-size:12px}.vca-progress progress{width:100px;height:5px;accent-color:#237452;border:0;border-radius:5px}.vca-progress progress::-webkit-progress-bar{background:#e9eee7;border-radius:5px}.vca-progress progress::-webkit-progress-value{background:#3b8964;border-radius:5px}.vca-status{font-size:12px;color:#748078}.vca-status.completed{color:#237452}.vca-pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:18px 22px;font-size:13px;flex-wrap:wrap}.vca-empty,.vca-loading{text-align:center;color:#748078;padding:42px 20px}.vca-empty h3{font-size:16px;color:#405649}.vca-notice{margin-top:18px;padding:16px 20px;background:#fff8e9;border:1px solid #f0e2bf;border-radius:10px;font-size:13px;line-height:1.7}.vca-notice p{margin:5px 0 0}.vca-rules{margin:20px 0;color:#748078;font-size:12px;line-height:1.7}.vca-rules summary{cursor:pointer;color:#526859}.vca-backdrop{justify-content:flex-end!important;align-items:stretch!important;padding:0!important}.modal.vca-drawer{width:min(760px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:18px 0 0 18px;display:flex;flex-direction:column}.vca-drawer .modal-body{flex:1;min-height:0;overflow:auto;padding:22px}.vca-drawer h3{font-size:16px;margin:0;overflow-wrap:anywhere}.vca-person{display:flex;align-items:center;gap:14px;margin-bottom:24px}.vca-person>div{flex:1;min-width:0}.vca-person small{overflow-wrap:anywhere}.vca-person>b{font-size:12px;color:#237452;white-space:nowrap}.vca-avatar{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:50%;background:#edf3e9;color:#237452;font-size:20px}.vca-tabs{display:flex;gap:4px;border-bottom:1px solid #e5e9e5;margin-bottom:20px;overflow:auto}.vca-tabs button{border:0;background:transparent;white-space:nowrap;padding:12px 10px;color:#748078;border-radius:0}.vca-tabs button.active{color:#237452;border-bottom:2px solid #237452;font-weight:600}.vca-tabs span{font-size:11px}.vca-record{padding:18px;border:1px solid #e5e9e5;border-radius:10px;margin:12px 0;line-height:1.6}.vca-record p{margin:10px 0;font-size:13px}.vca-record dl{display:grid;grid-template-columns:100px 1fr;gap:8px;font-size:12px}.vca-record dt{color:#748078}.vca-record dd{margin:0}.vca-attempt{background:#f6f8f4;padding:12px;margin-top:10px;border-radius:6px;font-size:12px}.vca-attempt>span{float:right;color:#748078}.vca-attempt small{display:block}.vca-comment-text{white-space:pre-wrap;overflow-wrap:anywhere}.vca-record blockquote{margin:10px 0;background:#f4f6f2;padding:10px;border-left:3px solid #d9e2d5;font-size:12px;overflow-wrap:anywhere}.vca-detail-preview{padding:12px;background:#f3f6f0;border-radius:10px;margin-bottom:16px}.vca-detail-preview video{display:block;max-width:100%;width:100%;height:300px;object-fit:contain;background:#101713;margin-top:12px}.vca-detail-preview[hidden],[data-vca-pane][hidden]{display:none!important}@media(max-width:1200px){.vca-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.vca-section-head{align-items:flex-start;flex-direction:column;gap:0}}@media(max-width:640px){.vca-scope{grid-template-columns:1fr}.vca-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vca-summary section{padding:14px}.vca-summary strong{font-size:26px}.vca-intro{align-items:flex-start}.vca-intro>button{white-space:nowrap}.vca-filters,.vca-section-head{padding-left:14px;padding-right:14px}.vca-pagination{padding:14px;font-size:12px;gap:8px}.modal.vca-drawer{border-radius:0}.vca-drawer .modal-body{padding:14px}.vca-person{gap:10px}.vca-record{padding:12px}.vca-record dl{grid-template-columns:85px 1fr}.vca-tabs button{padding:12px 7px}.vca-attempt>span{float:none;margin-left:10px}}

.vca-intro>div{flex:1;min-width:0}.vca-course-poster{width:48px;aspect-ratio:9/16;object-fit:contain;background:#eaf0e6;border:1px solid #dfe7da;border-radius:5px;flex-shrink:0}.vca-course-poster[hidden]{display:none}
@media(max-width:640px){.vca-intro{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px}.vca-intro>div{grid-column:2}.vca-intro>button{grid-column:2;justify-self:start;padding-left:0}.vca-tabs{gap:0}.vca-tabs button{flex:1;font-size:12px;padding:12px 4px}.vca-tabs button span{display:none}}