@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.user-info-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:16px;padding:20px}@media (width>=768px){.user-info-card{padding:30px}}.user-info-card .info-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=576px){.user-info-card .info-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1200px){.user-info-card .info-grid{grid-template-columns:repeat(3,1fr);gap:20px 40px}}.user-info-card .info-grid .info-cell{min-width:0}.user-info-card .info-grid .info-cell.span-2{grid-column:span 1}@media (width>=576px){.user-info-card .info-grid .info-cell.span-2{grid-column:span 2}}.user-info-card .info-grid .info-cell label{color:var(--c-muted);margin-bottom:4px;font-size:11px;font-weight:500;display:block}.user-info-card .info-grid .info-cell p{color:var(--c-text);word-break:break-word;margin:0;font-size:14px;font-weight:600}.user-info-card .status-pill{align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.user-info-card .status-pill .dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.user-info-card .status-pill.approved{color:#15b500}.user-info-card .status-pill.approved .dot{background:#15b500}.user-info-card .status-pill.pending{color:#3886ff}.user-info-card .status-pill.pending .dot{background:#3886ff}.user-info-card .status-pill.rejected{color:#e80004}.user-info-card .status-pill.rejected .dot{background:#e80004}.user-info-card .stepper-wrapper .stepper-title{color:var(--c-muted);text-transform:uppercase;margin-bottom:25px;font-size:11px;font-weight:700}.user-info-card .stepper-wrapper .stepper-track{flex-direction:column;align-items:flex-start;gap:16px;display:flex}@media (width>=768px){.user-info-card .stepper-wrapper .stepper-track{flex-direction:row;justify-content:space-between;align-items:center;gap:0}}.user-info-card .stepper-wrapper .stepper-track .step-item{width:100%;position:relative}@media (width>=768px){.user-info-card .stepper-wrapper .stepper-track .step-item{width:auto}}.user-info-card .stepper-wrapper .stepper-track .step-item .step-badge{background:0 0;border:1px solid #0000;border-radius:50px;align-items:center;gap:10px;padding:8px 16px;display:flex}.user-info-card .stepper-wrapper .stepper-track .step-item .step-badge i,.user-info-card .stepper-wrapper .stepper-track .step-item .step-badge svg{color:#3886ff;flex-shrink:0;font-size:24px}.user-info-card .stepper-wrapper .stepper-track .step-item .step-badge .step-text{color:var(--c-text);font-size:13px;font-weight:500}.user-info-card .stepper-wrapper .stepper-track .step-item.active .step-badge{background:var(--c-surface);border-color:var(--c-border);box-shadow:0 4px 12px #00000008}.user-info-card .stepper-wrapper .stepper-track .step-item.rejected i,.user-info-card .stepper-wrapper .stepper-track .step-item.rejected svg{color:#e80004}.user-info-card .stepper-wrapper .stepper-track .step-item .current-label{color:#3886ff;margin-top:4px;margin-left:50px;font-size:11px;font-weight:700;display:block;position:static;transform:none}@media (width>=768px){.user-info-card .stepper-wrapper .stepper-track .step-item .current-label{white-space:nowrap;margin-top:0;margin-left:0;position:absolute;bottom:-25px;left:50%;transform:translate(-50%)}}.user-info-card .stepper-wrapper .stepper-track .step-line{background:var(--c-subtle);flex:none;width:2px;height:20px;margin:0 28px}@media (width>=768px){.user-info-card .stepper-wrapper .stepper-track .step-line{flex:1;width:auto;height:2px;margin:0 10px}}.user-info-card .stepper-wrapper .stepper-track .step-line.filled{background:#3886ff}.user-info-card .card-actions{flex-direction:column;align-items:stretch;gap:12px;margin-top:40px;display:flex}@media (width>=576px){.user-info-card .card-actions{flex-direction:row;justify-content:flex-end;align-items:center}}.user-info-card .card-actions .btn{width:100%}@media (width>=576px){.user-info-card .card-actions .btn{width:auto}}.user-info-card .action-btn{gap:4px;padding:8px 18px;font-size:13px}.revoke-confirm-modal .revoke-modal-body{padding:8px 4px 4px}.revoke-confirm-modal .revoke-icon-wrap{color:#e80004;background:#e800041a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto;display:flex}.revoke-confirm-modal h5{color:var(--c-text);font-size:18px}.revoke-confirm-modal .text-muted{font-size:14px;line-height:1.5}.revoke-confirm-modal .revoke-actions{gap:12px;display:flex}.revoke-confirm-modal .revoke-actions .revoke-btn{flex:1;min-height:44px;font-weight:600}