/*# sourceMappingURL=custom.min.css.map */
    :root {
        --profile-primary: #4f46e5;
        --profile-primary-soft: rgba(79, 70, 229, 0.06);
        --profile-accent: #22c55e;
        --profile-danger: #ef4444;
        --profile-warning: #f97316;
        --profile-muted: #6b7280;
        --profile-bg: #0f172a;
    }

    .profile-card-modern {
        border-radius: 1.5rem;
        overflow: hidden;
        border: 1px solid rgba(148, 163, 184, 0.18);
        background: radial-gradient(circle at top left,
                rgba(79, 70, 229, 0.08),
                transparent 55%),
            radial-gradient(circle at bottom right,
                rgba(56, 189, 248, 0.08),
                transparent 55%),
            #ffffff;
        box-shadow:
            0 18px 45px rgba(15, 23, 42, 0.12),
            0 1px 0 rgba(148, 163, 184, 0.35);
    }

    .profile-header-modern {
        position: relative;
        padding: 1.5rem 1.75rem 1.25rem;
        background: linear-gradient(135deg, #0f172a, #111827, #1e293b);
        color: #f9fafb;
    }

    .profile-header-modern::before {
        content: "";
        position: absolute;
        inset: 0;
        background:
            radial-gradient(circle at 10% 20%, rgba(94, 234, 212, 0.18), transparent 55%),
            radial-gradient(circle at 80% 0%, rgba(129, 140, 248, 0.4), transparent 55%);
        mix-blend-mode: screen;
        opacity: 0.7;
        pointer-events: none;
    }

    .profile-header-inner {
        position: relative;
        z-index: 1;
    }

    .profile-avatar-wrapper {
        position: relative;
        width: 110px;
        height: 110px;
        border-radius: 999px;
        padding: 3px;
        background: conic-gradient(from 120deg,
                rgba(96, 165, 250, 0.15),
                rgba(52, 211, 153, 0.85),
                rgba(129, 140, 248, 0.85),
                rgba(96, 165, 250, 0.15));
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
    }

    .profile-avatar-inner {
        border-radius: inherit;
        width: 100%;
        height: 100%;
        background: radial-gradient(circle at 30% 0%, #111827, #020617);
        overflow: hidden;
        border: 2px solid rgba(15, 23, 42, 0.8);
    }

    .profile-avatar-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: inherit;
    }

    .profile-role-chip {
        position: absolute;
        right: -4px;
        bottom: 2px;
        transform: translate(20%, 20%);
        border-radius: 999px;
        padding: 0.25rem 0.7rem;
        font-size: 0.7rem;
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        background: linear-gradient(135deg, #6366f1, #22c55e);
        color: #f9fafb;
        box-shadow:
            0 10px 25px rgba(15, 23, 42, 0.7),
            0 0 0 1px rgba(15, 23, 42, 0.8);
        white-space: nowrap;
    }

    .profile-role-dot {
        width: 7px;
        height: 7px;
        border-radius: 999px;
        background-color: rgba(15, 23, 42, 0.9);
    }

    .profile-name {
        font-size: 1.4rem;
        font-weight: 600;
        letter-spacing: 0.02em;
    }

    .profile-meta-line {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
        font-size: 0.78rem;
        color: rgba(209, 213, 219, 0.85);
    }

    .profile-meta-pill {
        padding: 0.18rem 0.65rem;
        border-radius: 999px;
        border: 1px solid rgba(148, 163, 184, 0.5);
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        backdrop-filter: blur(12px);
        background: linear-gradient(135deg,
                rgba(15, 23, 42, 0.65),
                rgba(17, 24, 39, 0.8));
    }

    .profile-status-pill {
        border-radius: 999px;
        padding: 0.3rem 0.75rem;
        font-size: 0.72rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.12em;
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        border: 1px solid transparent;
    }

    .status-soft-success {
        background-color: rgba(34, 197, 94, 0.12);
        border-color: rgba(34, 197, 94, 0.65);
        color: #bbf7d0;
    }

    .status-soft-warning {
        background-color: rgba(245, 158, 11, 0.12);
        border-color: rgba(245, 158, 11, 0.7);
        color: #fed7aa;
    }

    .status-soft-danger {
        background-color: rgba(239, 68, 68, 0.12);
        border-color: rgba(239, 68, 68, 0.75);
        color: #fecaca;
    }

    .status-soft-secondary {
        background-color: rgba(148, 163, 184, 0.14);
        border-color: rgba(148, 163, 184, 0.65);
        color: #e5e7eb;
    }

    .profile-body-modern {
        padding: 1.75rem;
    }

    @media (min-width: 992px) {
        .profile-body-modern {
            padding: 1.75rem 1.85rem 1.85rem;
        }
    }

    .profile-section-title {
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 0.2em;
        font-weight: 600;
        color: #9ca3af;
        margin-bottom: 0.85rem;
    }

    .profile-grid {
        display: grid;
        grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr);
        gap: 1rem;
    }

    @media (max-width: 767.98px) {
        .profile-grid {
            grid-template-columns: minmax(0, 1fr);
        }
    }

    .profile-field-block {
        border-radius: 1rem;
        padding: 0.75rem 0.9rem;
        background: rgba(249, 250, 251, 0.9);
        border: 1px solid rgba(229, 231, 235, 0.9);
        transition: all 150ms ease-out;
    }

    .profile-field-block:hover {
        background: #ffffff;
        border-color: rgba(156, 163, 175, 0.55);
        box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
        transform: translateY(-1px);
    }

    .profile-field-label {
        font-size: 0.7rem;
        text-transform: uppercase;
        letter-spacing: 0.14em;
        color: #9ca3af;
        font-weight: 600;
        margin-bottom: 0.2rem;
    }

    .profile-field-value {
        font-size: 0.9rem;
        color: #111827;
        display: flex;
        align-items: center;
        gap: 0.4rem;
    }

    .profile-field-icon {
        font-size: 0.95rem;
        color: #6b7280;
    }

    .profile-roles-pill {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        font-size: 0.78rem;
        padding: 0.2rem 0.7rem;
        border-radius: 999px;
        background: var(--profile-primary-soft);
        color: var(--profile-primary);
        border: 1px solid rgba(129, 140, 248, 0.35);
    }

    .profile-roles-pill i {
        font-size: 0.9rem;
    }

    .profile-note-box {
        margin-top: 1.2rem;
        border-radius: 0.9rem;
        border: 1px dashed rgba(156, 163, 175, 0.8);
        background: rgba(249, 250, 251, 0.95);
        padding: 0.8rem 0.9rem;
        font-size: 0.82rem;
        color: #374151;
        display: flex;
        gap: 0.6rem;
        align-items: flex-start;
    }

    .profile-note-icon {
        font-size: 1rem;
        margin-top: 0.1rem;
        color: #2563eb;
    }

    .profile-chip-2fa {
        border-radius: 999px;
        padding: 0.25rem 0.8rem;
        font-size: 0.72rem;
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        background: rgba(15, 23, 42, 0.8);
        color: #e5e7eb;
        border: 1px solid rgba(148, 163, 184, 0.6);
    }

    .profile-chip-2fa.profile-chip-2fa-enabled {
        background: radial-gradient(circle at 0 0,
                rgba(45, 212, 191, 0.25),
                rgba(15, 23, 42, 0.9));
        color: #a7f3d0;
        border-color: rgba(34, 197, 94, 0.8);
    }

    .profile-chip-2fa.profile-chip-2fa-disabled {
        background: radial-gradient(circle at 0 0,
                rgba(248, 113, 113, 0.28),
                rgba(15, 23, 42, 0.9));
        color: #fecaca;
        border-color: rgba(248, 113, 113, 0.9);
    }