.porto-admin .profile-heading { margin-bottom: 22px; }
.porto-admin .profile-porto { max-width: 920px; }
.porto-admin .profile-tabs .nav-tabs { border-bottom: 1px solid #ddd; }
.porto-admin .profile-tabs .nav-link { align-items: center; background: #f4f4f4; border: 1px solid #ddd; color: #555; display: flex; font-size: 13px; gap: 7px; padding: 12px 18px; }
.porto-admin .profile-tabs .nav-link.active { background: #fff; border-top: 3px solid #08c; color: #08c; padding-top: 10px; }
.porto-admin .profile-tabs .nav-link i { font-size: 18px; }
.porto-admin .profile-tabs .tab-content { background: #fff; border: 1px solid #ddd; border-top: 0; border-radius: 0 0 4px 4px; padding: 28px; }
.porto-admin .profile-tabs .tab-pane[hidden] { display: none !important; }
.porto-admin .profile-identity { display: flex; align-items: center; gap: 15px; padding-bottom: 22px; border-bottom: 1px solid #eee; }
.porto-admin .profile-avatar { width: 62px; height: 62px; display: grid; flex: 0 0 62px; place-items: center; border-radius: 50%; background: #08c; color: #fff; font-size: 24px; font-weight: 600; }
.porto-admin .profile-identity h2, .porto-admin .authentication-summary h2 { margin: 0; color: #333; font-size: 18px; }
.porto-admin .profile-identity p { margin: 4px 0 0; color: #777; }
.porto-admin .profile-form { margin-top: 24px; }
.porto-admin .profile-form .form-group { margin-bottom: 18px; }
.porto-admin .profile-form label { color: #555; display: block; font-size: 12px; font-weight: 600; margin-bottom: 7px; }
.porto-admin .profile-form .form-control { height: 42px; }
.porto-admin .profile-form .form-control:disabled { background: #f5f5f5; color: #777; }
.porto-admin .profile-details-form .profile-fields { display: grid; gap: 18px 24px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.porto-admin .profile-details-form .form-group { display: flex; flex-direction: column; margin-bottom: 0; min-width: 0; }
.porto-admin .profile-details-form .profile-fields .form-group + .form-group { border-top: 0; padding-top: 0; }
.porto-admin .profile-details-form label { display: block; line-height: 18px; margin: 0 0 7px; min-height: 18px; }
.porto-admin .profile-details-form .form-control { border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; flex: 0 0 42px; font-size: 13px; height: 42px; line-height: 20px; min-height: 42px; padding: 10px 12px; width: 100%; }
.porto-admin .profile-details-form .form-control:focus { border-color: #08c; box-shadow: 0 0 0 2px rgba(0, 136, 204, .12); }
.porto-admin .profile-details-form .form-control:disabled { background-color: #f1f1f1 !important; color: #999 !important; cursor: not-allowed; opacity: 1; -webkit-text-fill-color: #999; }
.porto-admin .profile-actions { border-top: 1px solid #eee; margin-top: 6px; padding-top: 20px; text-align: right; }
.porto-admin .authentication-summary { align-items: center; background: #f7f9fa; border-left: 3px solid #08c; display: flex; gap: 16px; padding: 18px; }
.porto-admin .authentication-icon { align-items: center; background: #e6f4fb; border-radius: 50%; color: #08c; display: flex; flex: 0 0 48px; font-size: 23px; height: 48px; justify-content: center; }
.porto-admin .authentication-summary small { color: #777; font-size: 10px; letter-spacing: .5px; text-transform: uppercase; }
.porto-admin .authentication-summary p { color: #777; margin: 4px 0 0; }
.porto-admin .authentication-panel.active { display: grid; gap: 28px 34px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.porto-admin .authentication-panel .authentication-summary { grid-column: 1 / -1; }
.porto-admin .two-factor-section { border-left: 1px solid #e5e5e5; grid-column: 2; grid-row: 2; margin: 0; min-width: 0; padding-left: 34px; }
.porto-admin .two-factor-heading { align-items: center; display: flex; gap: 14px; }
.porto-admin .security-heading-icon { align-items: center; background: #e8f4fa; border-radius: 4px; color: #0088cc; display: flex; flex: 0 0 42px; font-size: 21px; height: 42px; justify-content: center; width: 42px; }
.porto-admin .two-factor-heading h2 { color: #333; font-size: 17px; font-weight: 600; letter-spacing: 0; margin: 0; text-transform: none; }
.porto-admin .two-factor-intro { color: #777; font-size: 12px; line-height: 1.55; margin: 14px 0 15px; }
.porto-admin .two-factor-options { display: grid; gap: 12px; }
.porto-admin .two-factor-card { align-items: center; background: #fff; border: 0; border-radius: 4px; box-shadow: 0 1px 1px rgba(0,0,0,.08); display: flex; gap: 14px; padding: 20px; transition: box-shadow .15s ease, transform .15s ease; }
.porto-admin .two-factor-card:hover { box-shadow: 0 3px 9px rgba(0,0,0,.12); transform: translateY(-1px); }
.porto-admin .two-factor-card > div { display: grid; min-width: 0; padding-right: 58px; }
.porto-admin .two-factor-card small { color: var(--muted); margin-top: 2px; }
.porto-admin .password-form { grid-column: 1; grid-row: 2; margin: 0; min-width: 0; }
.porto-admin .password-heading { align-items: center; display: flex; gap: 14px; margin-bottom: 18px; }
.porto-admin .password-form .password-heading h3 { color: #333; font-size: 17px; font-weight: 600; margin: 0; }
.porto-admin .profile-form .form-text { color: #888; font-size: 10px; }
@media (max-width: 767px) { .porto-admin .profile-tabs .nav-link { padding-left: 12px; padding-right: 12px; } .porto-admin .profile-tabs .tab-content { padding: 20px; } .porto-admin .profile-details-form .profile-fields { grid-template-columns: 1fr; } .porto-admin .authentication-panel.active { display: block; } .porto-admin .two-factor-section { border-left: 0; border-top: 1px solid #e5e5e5; margin-top: 28px; padding-left: 0; padding-top: 28px; } }
.porto-admin .two-factor-card{align-items:flex-start;flex-wrap:wrap}.porto-admin .two-factor-card>div{flex:1;padding-right:0}.porto-admin .two-factor-card em{display:inline-flex;align-items:center;gap:4px;margin-top:7px;color:#24864d;font-size:11px;font-style:normal;font-weight:700}.porto-admin .two-factor-card.is-active{border-left:3px solid #2ca45c}.porto-admin .two-factor-action-form{display:grid;width:100%;gap:7px;padding-top:10px;border-top:1px solid #edf0f2}.porto-admin .two-factor-action-form label,.porto-admin .two-factor-disable label,.porto-admin .two-factor-setup-box label{display:grid;gap:5px;color:#666;font-size:11px;font-weight:600}.porto-admin .two-factor-action-form input,.porto-admin .two-factor-disable input,.porto-admin .two-factor-setup-box input{height:36px;border:1px solid #ccc;border-radius:4px;padding:7px 9px;font-size:13px}.porto-admin .two-factor-action-form button{justify-self:end;border:0;background:transparent;color:var(--theme-primary,#0088cc);font-size:10px;font-weight:700;text-transform:uppercase;cursor:pointer}.porto-admin .two-factor-setup-box{display:grid;gap:12px;padding:16px;border:1px solid #b9dcef;border-radius:4px;background:#f2faff}.porto-admin .two-factor-setup-box ol{margin:0;padding-left:18px;color:#667085;font-size:11px}.porto-admin .two-factor-setup-box code{display:block;overflow-wrap:anywhere;padding:10px;border-radius:3px;background:#fff;color:#17324d;font-size:14px;font-weight:700;letter-spacing:2px;text-align:center}.porto-admin .two-factor-setup-box>a{color:var(--theme-primary,#0088cc);font-size:11px;text-align:center}.porto-admin .two-factor-setup-box form{display:grid;gap:9px}.porto-admin .two-factor-disable{display:grid;gap:9px;padding-top:14px;border-top:1px solid #e5e5e5}.porto-admin .two-factor-disable .btn{justify-self:start;font-size:11px}.two-factor-login-shell{width:min(460px,100%)}.two-factor-login-heading{display:flex;align-items:center;gap:13px;margin-bottom:18px}.two-factor-login-heading>span{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:#e6f4fb;color:#0088cc;font-size:25px}.two-factor-login-heading p{margin:0;color:#0088cc;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.two-factor-login-heading h1{margin:2px 0 0;color:#333;font-size:21px}.two-factor-code-input{text-align:center;font-size:22px!important;font-weight:700;letter-spacing:8px}.two-factor-resend{text-align:center}.two-factor-resend button{border:0;background:transparent;color:#0088cc;cursor:pointer;font-size:11px;text-decoration:underline}