.profile-banner{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);align-items:center;gap:20px;min-height:128px;padding:22px 24px;display:flex;position:relative;overflow:hidden}.profile-banner.male,.male .profile-banner{background:linear-gradient(135deg, color-mix(in srgb, var(--male) 12%, var(--surface)) 0%, var(--surface) 55%)}.profile-banner.female,.female .profile-banner{background:linear-gradient(135deg, color-mix(in srgb, var(--female) 14%, var(--surface)) 0%, var(--surface) 55%)}:root.dark .profile-banner.male,:root.dark.male .profile-banner,:root.dark .male .profile-banner{background:linear-gradient(135deg, color-mix(in srgb, var(--male) 18%, var(--surface)) 0%, var(--surface) 65%)}:root.dark .profile-banner.female,:root.dark.female .profile-banner,:root.dark .female .profile-banner{background:linear-gradient(135deg, color-mix(in srgb, var(--female) 18%, var(--surface)) 0%, var(--surface) 65%)}.profile-banner .user-img{border:3px solid var(--border);background:var(--bg-secondary);width:84px;min-width:84px;height:84px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.profile-banner.male .user-img,.male .profile-banner .user-img{border-color:color-mix(in srgb, var(--male) 65%, var(--border));box-shadow:0 0 0 4px color-mix(in srgb, var(--male) 18%, transparent)}.profile-banner.female .user-img,.female .profile-banner .user-img{border-color:color-mix(in srgb, var(--female) 65%, var(--border));box-shadow:0 0 0 4px color-mix(in srgb, var(--female) 18%, transparent)}.profile-banner .user-img svg{width:56%;height:56%;color:var(--text);display:block}.profile-banner .user-text{flex-direction:column;gap:4px;min-width:0;display:flex}.profile-banner .username{color:var(--text);letter-spacing:-.02em;font-size:1.65rem;font-weight:800;line-height:1.15}.profile-banner .userinfo{color:var(--text-secondary);font-size:.88rem;font-weight:600}.profile-banner .institution{color:var(--text-muted);align-items:center;gap:6px;font-size:.84rem;display:flex}.profile-banner .institution svg{opacity:.9;flex-shrink:0}@media screen and (width<640px){.profile-banner{gap:14px;padding:18px 16px}.profile-banner .user-img{width:68px;min-width:68px;height:68px}.profile-banner .username{font-size:1.35rem}}#submission-summary{margin-bottom:8px}#submission-summary .grid-4{grid-template-columns:repeat(4,1fr);margin-block:12px}@media screen and (width<1300px){#submission-summary .grid-4{grid-template-columns:repeat(3,1fr)}}@media screen and (width<900px){#submission-summary .grid-4{grid-template-columns:repeat(2,1fr)}}@media screen and (width<480px){#submission-summary .grid-4{grid-template-columns:1fr}}#submission-summary .info-card{cursor:default;min-height:140px}#submission-summary .info-card:hover{box-shadow:var(--shadow-md);background-color:var(--surface-hover);transform:translateY(-4px)}#submission-summary .info-card:hover .info-card-icon{transform:scale(1.05)}#submission-summary .info-card-tertiary{color:var(--text-muted);margin-top:2px;font-size:.72rem;line-height:1.35}.table-responsive{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);overflow-x:auto}#recent-submission-area{scrollbar-width:thin;scrollbar-color:var(--primary) transparent;width:100%;overflow-x:auto}.chart-card{flex-direction:column;display:flex}.chart-card h3{padding:12px 16px 0}.chart-wrapper{flex:1;min-width:0;padding:16px;position:relative}.btc-table-slim{border-collapse:collapse;background:var(--surface);width:100%;min-width:740px;font-size:.9rem}.btc-table-slim thead th{background:var(--bg-secondary);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;text-align:left;border-bottom:1px solid var(--border);padding:12px 14px;font-size:.72rem;font-weight:700}.btc-table-slim td{vertical-align:middle;border-bottom:1px solid var(--border);padding:12px 14px}.btc-table-slim tbody tr:last-child td{border-bottom:none}.btc-table-slim tbody tr:hover{background:var(--surface-hover)}.date-cell{white-space:nowrap;min-width:110px}.date-main{color:var(--text);font-weight:700;display:block}.date-iso{color:var(--text-muted);font-size:.72rem;display:block}.study-cell{flex-direction:column;gap:2px;min-width:170px;display:flex}.sc-primary{color:var(--text);font-size:1rem;font-weight:800;line-height:1}.sc-details{color:var(--text-secondary);font-size:.78rem}.sc-tag{font-weight:600}.sc-sub{color:var(--text-muted);font-size:.72rem}.sc-tag-self{color:var(--primary)}.sc-tag-nonself{color:var(--text-secondary)}.wellness-cell{grid-template-columns:1fr 1fr;gap:4px 6px;min-width:116px;display:grid}.wellness-item{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:3px;padding:3px 6px;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.wellness-yes{color:var(--success);background:#5c8a4a24;border-color:#5c8a4a3d}.wellness-mid{color:var(--warning);background:#c48a2e24;border-color:#c48a2e47}.wellness-no{color:var(--danger);background:#b3432f1a;border-color:#b3432f38}.wellness-label{font-size:.72rem}.points-cell{text-align:center;color:var(--primary);white-space:nowrap;font-size:.92rem;font-weight:800}.status-badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:700;line-height:1;display:inline-block}.badge-success{color:var(--success);background:#5c8a4a26;border-color:#5c8a4a40}.badge-warning{color:var(--warning);background:#c48a2e26;border-color:#c48a2e4d}.badge-danger{color:var(--danger);background:#b3432f1f;border-color:#b3432f40}.productivity-badge{text-align:center;min-width:56px}.badge-inline{border-radius:999px;padding:2px 8px;font-size:.85rem}.view-details-btn{background:var(--surface);border:1px solid var(--border);color:var(--primary);cursor:pointer;white-space:nowrap;transition:all var(--transition);border-radius:999px;padding:6px 12px;font-size:.78rem;font-weight:700}.view-details-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.modal-backdrop{opacity:0;visibility:hidden;z-index:1000;background:#00000080;transition:opacity .2s,visibility .2s;position:fixed;inset:0}.modal-backdrop.active{opacity:1;visibility:visible}.modal-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);opacity:0;visibility:hidden;z-index:1001;width:100%;max-width:min(720px,92vw);max-height:88vh;box-shadow:var(--shadow-lg);transition:all .2s;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(.96)}.modal-wrapper.active{opacity:1;visibility:visible;transform:translate(-50%,-50%)scale(1)}.modal-content.detail-modal{flex-direction:column;max-height:88vh;display:flex}.detail-modal .modal-header{border-bottom:1px solid var(--border);background:var(--surface-hover);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.detail-modal .modal-header h3{margin:0;font-size:1rem}.detail-modal .modal-close{cursor:pointer;width:32px;height:32px;color:var(--text-secondary);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.detail-modal .modal-close:hover{background:var(--surface);color:var(--text)}.detail-modal .modal-body{padding:20px;overflow-y:auto}.detail-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.detail-section{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px}.detail-section h4{color:var(--text);align-items:center;gap:6px;margin-bottom:10px;font-size:.82rem;display:flex}.detail-section h4 svg{color:var(--primary);flex-shrink:0}.detail-notes h4{align-items:center;gap:6px;display:flex}.detail-notes h4 svg{color:var(--primary);flex-shrink:0}.detail-row{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;gap:12px;padding:7px 0;font-size:.88rem;display:flex}.detail-row:last-child{border-bottom:none}.detail-row span{color:var(--text-secondary)}.detail-row.highlight{background:#8b5e340f;border-bottom:none;border-radius:6px;margin:0 -6px;padding:7px 6px}.detail-row.total{border-top:1px solid var(--border);border-bottom:none;margin-top:4px;padding-top:10px;font-weight:800}.detail-notes{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);margin-top:16px;padding:14px}.detail-notes h4{margin-bottom:8px;font-size:.82rem}.detail-notes p{color:var(--text);white-space:pre-wrap;font-size:.9rem;line-height:1.6}.bool-yes{color:var(--success);font-weight:700}.bool-no{color:var(--danger);font-weight:700}.points-val{color:var(--primary)}.muted{color:var(--text-muted)}@media screen and (width<640px){.detail-grid{grid-template-columns:1fr}.btc-table-slim{min-width:560px}}